Add a background to any screenshot

Five kinds of background

• Gradient — 12 free studio gradients, 20 premium ones in Pro, plus a free custom two-color gradient with your own angle.
• Solid — any color, handy for matching a brand.
• Pattern — subtle dots, grid or spotlight over a base color.
• Image — upload your own photo, then set blur, opacity and cover or contain.
• Alpha — a transparent canvas for PNG or WebP, ideal for slides and docs.

Choosing one that works

Pick a background with contrast against the screenshot’s edges: dark UIs read best on lighter or saturated gradients, light UIs on deeper tones. Keep patterns quiet so the product stays the focus. Increase padding when the image will be cropped by a feed, and add a soft shadow to lift the screenshot off the background.

The free Shuffle button cycles through palettes if you want ideas quickly. For full styling — frames, angles and text — see the screenshot beautifier.

Padding, shadow and size

Padding is the space between the screenshot and the canvas edge; around 8–12% of the width usually looks balanced. Shadows separate the image from the background: Soft suits light gradients, Dramatic suits darker ones, and None suits flat, minimal styles. Finally, choose the canvas size for the destination — 1200×630 for link previews, 1080×1080 for square posts, 1920×1080 for slides — so the background fills the frame instead of being cropped.