Gradient Backgrounds for Social Media
A well-designed gradient background makes social content stand out in a feed. GradLab produces high-resolution gradient images and videos ready to use across every major platform.
Platform dimensions
Set the canvas size in GradLab to match your target platform before exporting:
| Platform | Format | Dimensions |
|---|---|---|
| Instagram post | Square | 1080 × 1080 px |
| Instagram Story / Reels | Portrait | 1080 × 1920 px |
| X (Twitter) post image | Landscape | 1200 × 675 px |
| X header | Banner | 1500 × 500 px |
| LinkedIn post | Landscape | 1200 × 628 px |
| LinkedIn banner | Banner | 1584 × 396 px |
| YouTube thumbnail | Landscape | 1280 × 720 px |
| YouTube channel art | Banner | 2560 × 1440 px |
| Facebook cover | Banner | 820 × 312 px |
Enter these values in the Canvas W and H fields, then click Download Frame to export a PNG at the correct size.
Tips for social content
Keep colors on-brand
Use the Upload Image / Param Code feature to extract a color palette from your logo, a campaign photo, or an existing brand asset. This ensures the gradient matches your visual identity.
Use film grain for a premium feel
Enable Post-Processing → Film Grain at a low value (10–20). The subtle texture makes the gradient feel less digital and more intentional.
Animate for Stories and Reels
For video content:
- Set canvas to 1080 × 1920 for portrait
- Enable Ping-pong Loop
- Click Record MP4, record 3–6 seconds, stop
- Import the video into your editing tool (CapCut, Premiere, Final Cut) as a background layer
Add text overlay
Export the gradient as a background layer, then add your text, product image, or overlay in a design tool (Figma, Canva, Photoshop). The gradient provides the background; your content sits on top.
Create a cohesive series
Design one gradient and export it at multiple dimensions for different platforms. The same palette at 1:1, 9:16, and 16:9 creates a consistent visual identity across formats.
Quick export workflow
- Open GradLab
- Set canvas dimensions for your target platform
- Pick your colors and adjust the animation
- Click Download Frame for a static PNG
- Import into your design or content tool
Related
INFO
Canvas W/H are layout dimensions. Output pixels also multiply by Math.max(2, devicePixelRatio) and the export scale. Check the dimensions displayed in the Export section.