Gradient Background
Gradient Background adds a gradient backdrop, rounded corners and a caption to a photo, rendered in your browser so the image never leaves your device.
Upload an image, add a customizable gradient background and white text below, then download or copy the high‑resolution result.
Paste image (Ctrl+V), drag & drop, or click to upload
At a glance
- Accepts
- PNG, JPG, WebP, GIF and other images your browser decodes
- Outputs
- A framed image on a gradient background
- Where it runs
- Entirely in your browser, on your device
- What leaves your device
- Nothing - the file never leaves your device
- Limits
- No size or count cap; bounded by your device's memory
- Account
- Not required - there is no sign-up
- Price
- Free, with no watermark and no usage cap
Turn a plain screenshot or photo into a shareable card: a colored gradient behind it, rounded corners on the image itself, and a bold caption underneath. Every pixel - gradient, rounded corners, text - is drawn on an HTML canvas in your browser, so the image you upload never gets sent anywhere. Padding, corner radius, and output width are all adjustable, so you can tune it for a tweet, a slide, or a print-sized export.
How to use it
- Paste (Ctrl+V), drag and drop, or click to upload an image.
- Pick your gradient's start and end colors and a direction (vertical, horizontal, or diagonal).
- Adjust padding, corner radius, and output width to fit your image the way you want.
- Type a caption, tune its size and font, then download or copy the result.
Frequently asked questions
Is my image uploaded to a server to generate this?
No - the gradient, rounded corners, and caption text are all drawn on an HTML canvas in your browser. The image never leaves your device.
Can I control the gradient colors and direction?
Yes - pick any start and end color, and choose a vertical, horizontal, or diagonal direction. Set both colors the same for a flat, non-gradient background.
Can I change the output image size?
Yes - the output width slider goes from 512px to 4096px; height is calculated automatically from your image's aspect ratio, padding, and caption size.
Does the caption text support custom fonts?
You can pick from a handful of built-in font families (system UI, Georgia, Times New Roman, Helvetica/Arial, and an Inter fallback) - custom font uploads aren't supported.
Can I remove the rounded corners on the image?
Yes - drag the corner radius slider down to 0 for square corners.
How do I get the final image out?
Download it or copy it straight to your clipboard - download keeps your original image format, clipboard copy is always PNG.