Quick Start Guide
Get up and running with fgradient in just a few steps. Create beautiful gradient backgrounds in minutes.
Upload Image
Drag & drop or click to upload your image, or paste directly with Ctrl+V
Choose Colors
Select gradient colors using the color pickers or enter hex values manually
Adjust Settings
Set dimensions, border radius, and gradient direction to perfection
Download
Download your creation or copy it to clipboard for instant use
Detailed Tutorials
Getting Started with fgradient
Learn the basics of uploading images and creating your first gradient background.
- Uploading your first image
- Understanding the interface
- Basic gradient controls
- Downloading your creation
Gradient Color Controls
Master the art of color selection and gradient direction for stunning effects.
- Color picker basics
- Hex color input
- Gradient direction options
- Color harmony principles
Sizing & Dimensions
Perfect control over your image dimensions and aspect ratios.
- Setting custom dimensions
- Aspect ratio presets
- Border radius control
- Resolution considerations
Advanced Features
Explore copy/paste functionality, keyboard shortcuts, and pro tips.
- Paste from clipboard
- Keyboard shortcuts
- Batch processing tips
- Quality optimization
Quick Tips & Tricks
Use Ctrl/Cmd + V to paste images directly from your clipboard
Try complementary colors for vibrant gradient effects
Use 16:9 aspect ratio for social media covers
Add subtle border radius (5-15px) for modern look
Copy gradient settings to clipboard for easy sharing
Use diagonal gradients for dynamic energy
Common Use Cases
Social Media Graphics
- • Instagram posts: 1080x1080px
- • Instagram stories: 1080x1920px
- • Twitter headers: 1500x500px
- • LinkedIn banners: 1584x396px
Website Headers
- • Hero banners: 1920x800px
- • Section backgrounds: 1200x400px
- • Blog headers: 800x400px
- • Newsletter headers: 600x300px
Presentation Slides
- • PowerPoint: 1920x1080px
- • Google Slides: 1920x1080px
- • Keynote: 1920x1080px
- • PDF covers: 1200x1600px
Frequently Asked Questions
How do I paste images from my clipboard?
Simply press Ctrl+V (or Cmd+V on Mac) while on the fgradient page, or click the "Paste Image" button in the upload area.
What image formats are supported?
fgradient supports all common image formats including JPG, PNG, GIF, WebP, and more. Images are automatically processed and optimized.
Can I save my gradient settings?
Yes! Your width and height settings are automatically saved in your browser. You can also copy gradient settings to clipboard for easy sharing.
Is there a maximum file size limit?
For optimal performance, we recommend images under 10MB. Larger images may take longer to process but are supported.