Guide families Format Comparisons Best Format Guides Best Format for Convert Guides
Use-case recommendation

Best Format for Web Hero Images

WebP is typically the best default for web hero images.

Open Samples Open Manifest
Recommendation

Define the default first.

WEBP

WebP gives strong size-to-quality performance with wide browser support.

image/webp

Open Samples Open Hub

AVIF

Use AVIF for aggressive compression where support allows.

Files: 4

Samples Hub

JPEG

Use JPEG for broad legacy compatibility in photo-heavy pages.

Files: 6

Samples Hub
Related decisions

Keep adjacent decisions one step away.

PNG vs WebP JPEG vs AVIF Best Image Format for Web Performance How to Convert AVIF to JPEG
FAQ

Resolve the likely objections early.

What is the default format recommendation for this use case?

WEBP is the recommended default format here.

How should teams validate this recommendation?

Use sample files and manifest endpoints to test compatibility and behavior before rollout.