Animation Parameters#

Convert and optimize animated GIFs to modern WebP, MP4, or WebM formats for better performance and smaller file sizes.

GIF to Video Conversion (MP4/WebM)#

Overview#

Convert animated GIFs to MP4 or WebM video for up to 90% smaller file sizes and better playback performance.

Format Comparison#

Usage#

Basic MP4 conversion: ?transform=format:mp4

WebM conversion (transparency support): ?transform=format:webm

Resize + quality settings: ?transform=w:800,quality:85,format:mp4

Available Parameters#

Use Cases#

Social media sharing: ?transform=w:600,quality:80,format:mp4

Background video (transparent): ?transform=w:1920,format:webm

Mobile optimization: ?transform=w:480,quality:75,format:mp4

Limitations#

• Source must be an animated GIF (static GIFs not supported)
• GIFs over 50MB cannot be converted to video (returns original)

Animated WebP Overview#

What is Animated WebP?#

A modern alternative to GIF format that offers:

• 60% smaller file size compared to GIF
• Better visual quality with lossy compression
• Smooth playback with original frame rate preserved
• Wide browser support (Chrome, Firefox, Edge, Safari 14+)

Why Use Animated WebP?#

Complete Examples#

Basic GIF to WebP Conversion#

Result: 60% smaller file with same visual quality

Optimized for Web#

Best for: Standard web animations with good quality

Small File Size#

Best for: Loading indicators, simple animations

High Quality#

Best for: Premium content, hero animations

Combining with Other Parameters#

Resize + Optimize#

Extract Region + Convert#

Full Optimization#

Use Cases#

Website Loading Animation#

Requirements:

• Small file size
• Quick loading
• Smooth enough

Solution: ?transform=w:100,format:webp,quality:75

Social Media Share#

Requirements:

• Optimized for mobile data
• Good quality
• Standard duration

Solution: ?transform=w:600,format:webp,quality:80

Hero Animation#

Requirements:

• High quality
• Smooth playback
• Eye-catching

Solution: ?transform=w:800,format:webp,quality:90

Tutorial GIF Optimization#

Requirements:

• Clear and readable
• Manageable file size
• Full animation

Solution: ?transform=w:800,format:webp,quality:85

Important Notes#

Requirements#

• Source format: Original must be GIF or animated format
• Format parameter: Must use format:webp
• Static images: Cannot be converted to animated format

What Works#

✅ ?transform=format:webp
✅ ?transform=w:600,format:webp,quality:85
✅ ?transform=format:mp4
✅ ?transform=format:webm
✅ ?transform=w:800,quality:85,format:mp4

What Doesn't Work#

❌ ?transform=format:mp4 (static GIF)  // Only animated GIFs supported

Performance Comparison#

File Size Reduction#

Quality Comparison#

• Visual quality: Near-identical to original GIF
• Color support: Full RGB vs GIF's 256 colors
• Animation: Original frame rate preserved

Browser Support#

Supported Browsers#

• Chrome 32+ ✅
• Firefox 65+ ✅
• Edge 18+ ✅
• Safari 14+ (macOS 11+) ✅
• Opera 19+ ✅

Fallback Strategy#

<picture>
  <source srcset="animation.webp" type="image/webp" />
  <img src="animation.gif" alt="Animation" />
</picture>

Next Steps#

• Download Control - Control download behavior
• Best Practices - Learn optimization strategies
• Use Cases - See more real-world examples