Optimal WebP Settings Guide
Choose the right FPS, quality, and dimensions for your specific use case.
Understanding the Trade-offs
Every WebP conversion involves balancing three factors: file size, visual quality, and smoothness. Here's how each setting affects your output.
Frame Rate (FPS)
Higher FPS = smoother animation but larger files. Most web animations look smooth at 12-15 FPS. Only use 24+ FPS for high-motion content.
Quality (%)
Controls compression level. 75% is usually optimal. Below 60% may show artifacts. Above 85% offers diminishing returns for file size increase.
Max Width
Resizing has the biggest impact on file size. A 1920px video at 800px is ~5x smaller. Match your display size, not source size.
Recommended Settings by Use Case
Website Hero Sections
Full-width animated backgrounds
20
FPS
80%
Quality
1920px
Max Width
Target file size: 1-3 MB for 3-5 second loops
Email Marketing
Inline animations for newsletters
8
FPS
50%
Quality
320px
Max Width
Target file size: Under 500 KB for email client compatibility
Product Animations
360° views and feature highlights
12
FPS
75%
Quality
600px
Max Width
Target file size: 300-800 KB for fast page loads
General Web Use
Blog posts, social sharing, documentation
15
FPS
75%
Quality
800px
Max Width
Target file size: 200 KB - 1 MB depending on duration
Quick Reference Chart
| Use Case | FPS | Quality | Max Width | Target Size |
|---|---|---|---|---|
| Hero/Background | 20 | 80% | 1920px | 1-3 MB |
| 8 | 50% | 320px | <500 KB | |
| Product | 12 | 75% | 600px | 300-800 KB |
| Blog/Social | 15 | 75% | 800px | 200 KB-1 MB |
| Thumbnail/Icon | 10 | 70% | 200px | <100 KB |
Pro Tip: Use AI Recommendations
Let AI choose for you
Pro users can use AI recommendations to automatically analyze your video and suggest optimal settings based on duration, resolution, and content type.
Ready to try these settings?
Start Converting