---
title: "グラデーション背景のツイート画像を作る"
description: "ツイートを好きな二色のグラデーションの上に置き、余白を広く取って書き出せます。転載されたスクリーンショットではなく、きちんと設計された一枚の投稿に見せたいときの定番の設定です。二つの色も余白の広さも自由に決められ、透かしは入りません。登録も必要ありません。"
url: "https://tweettoimage.com/ja/tweet-gradation-haikei"
locale: "ja"
site: "tweettoimage.com"
updated: "2026-09-07"
---

# グラデーション背景のツイート画像を作る

カードの後ろにグラデーションを敷く。これがツイートをデザインされた一枚に見せる、いちばん手軽な方法です。正方形や縦長の画面には、かならず余った空間が生まれます。その空間を意図のある色で満たせば、全体が作品として成立します。ブランドの色を持ち込む場所にもなります。同じ配色を使い続ければ、投稿の並びに統一感が出ます。スクリーンショットの転載との差は、ここでほとんど決まります。色の選び方だけで、印象は大きく変わります。明るい配色なら軽やかに、暗い配色なら落ち着いて見えます。迷ったら、近い色どうしを組み合わせると失敗しません。スマートフォンでも、パソコンでも手順は同じです。使い方は単純で、貼り付け、整え、保存するだけです。うまくいかないときは、リンクが公開の投稿かどうかを確かめてください。設定はそのまま残るので、次のツイートも、同じ体裁ですぐ書き出せます。迷ったときは、初期設定のまま一度書き出してみてください。実際のファイルを見れば、直したい点がはっきりします。そこから、色や余白を少しずつ詰めていけば十分です。

## 使い方

1. ツイートまたは Xの投稿のリンクを、上の入力欄に貼り付けます。
1. 背景をグラデーションにして、二つの色をブランドに合わせます。
1. 余白を広めに取り、角丸で背景からの浮き方を整えます。
1. ダウンロードを押して、グラデーション付きの画像を保存します。

## このページの設定

| 設定 | 値 |
| --- | --- |
| Format | JPG |
| Aspect ratio | 1:1 |
| Theme | light |
| Background | gradient |
| Gradient | #7c5cff → #22d3ee |
| Padding | 120px |
| Scale | 3x |

グラデーションの二つの色は、どちらも自由に指定できます。余白は最初から広めに取ってあります。背景が細い縁のようにしか見えないと、デザインではなく事故に見えるからです。グラデーションの向きは対角に走ります。この比率では、上下に流れる単純な変化よりも自然に見えます。テーマは明るいカードでも、濃紺や純黒でも構いません。背景の色との対比で、読みやすさが変わります。角丸を少し付けると、カードが背景から気持ちよく浮きます。縦横比を変えれば、正方形にも縦長にも横長にもできます。描画はすべてブラウザーの中で完結します。気に入る仕上がりまで、何度でも作り直せます。会員登録も、追加の費用も必要ありません。書き出しの前に、プレビューで配置と余白を確かめておくと安心です。倍率を上げれば、拡大しても文字の輪郭が崩れません。端末の性能によって、待ち時間は多少変わります。


## よくある質問

### グラデーションの色を自分で決められますか。

決められます。二つの色はどちらも色の選択欄になっているので、ブランドの配色にぴったり合わせられます。

### 余白がこれほど広いのはなぜですか。

グラデーションは、十分な面積が見えてはじめてデザインとして働くからです。狭い余白では、ただの縁取りに見えてしまいます。

### 圧縮するとグラデーションに縞が出ませんか。

強く再圧縮されると、わずかに出ることがあります。TikTok へ投稿するなら、平らな単色のほうが崩れにくくなります。

## 関連ツール

- [ツイートを Instagram の投稿にする](https://tweettoimage.com/ja/tweet-instagram-toukou)
- [正方形のツイート画像を作る](https://tweettoimage.com/ja/tweet-seihoukei-gazou)
- [ツイートを画像に変換](https://tweettoimage.com/ja/)
- [ツイートを JPG に変換する](https://tweettoimage.com/ja/tweet-jpg-henkan)

## 他の言語

- [English](https://tweettoimage.com/tweet-with-gradient-background.md)
- [Español](https://tweettoimage.com/es/tweet-con-fondo-degradado.md)
- [Português (Brasil)](https://tweettoimage.com/pt-br/tweet-com-fundo-degrade.md)
- [Français](https://tweettoimage.com/fr/tweet-fond-degrade.md)
- [Deutsch](https://tweettoimage.com/de/tweet-mit-farbverlauf.md)
- [日本語](https://tweettoimage.com/ja/tweet-gradation-haikei.md)
- [हिन्दी](https://tweettoimage.com/hi/gradient-background-wala-tweet.md)
- [Bahasa Indonesia](https://tweettoimage.com/id/gambar-tweet-latar-gradien.md)
- [العربية](https://tweettoimage.com/ar/surat-tagrida-khalfiya-mutadarrija.md)