---
title: "Tweet Image with Gradient Background"
description: "Put a tweet on a custom two-colour gradient with wide margins, for a designed social graphic rather than a plain screenshot."
url: "https://tweettoimage.com/tweet-with-gradient-background"
locale: "en"
site: "tweettoimage.com"
updated: "2026-09-07"
---

# Make a tweet image with a gradient background

A gradient behind the card is the single cheapest way to make a tweet look designed instead of screenshotted. It fills the empty space in a square or vertical frame with something intentional, and it gives you a place to carry brand colours.

## How it works

1. Paste the link to the post.
1. Keep the background on Gradient.
1. Pick the two gradient colours and widen the padding to show them off.
1. Download the JPG.

## Settings on this page

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

Both gradient stops are editable, and the padding starts wide so the gradient is genuinely visible rather than a thin border. The angle runs corner to corner, which reads better than a flat vertical fade at these proportions.


## Questions

### Can I set my own gradient colours?

Yes. Both stops are colour pickers, so you can match a brand palette exactly.

### Why is the padding so wide here?

A gradient only reads as a design element when there is enough of it visible. A narrow margin looks like a stray border.

### Will the gradient band when compressed?

Slightly, on heavy re-compression. If you are posting to TikTok, a flat colour holds up better.

## Related tools

- [Turn a tweet into an Instagram post](https://tweettoimage.com/tweet-to-instagram-post)
- [Make a square tweet image](https://tweettoimage.com/square-tweet-image)
- [Turn a tweet into an image](https://tweettoimage.com/)
- [Convert a tweet to JPG](https://tweettoimage.com/tweet-to-jpg)

## Other languages

- [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)