Use-case recommendation

Best Format for Web Hero Images

WebP is typically the best default for web hero images.

Recommendation

Recommendation

WEBP

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

image/webp

AVIF

Use AVIF for aggressive compression where support allows.

Files: 4

JPEG

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

Files: 6

Related decisions

Related Decisions

FAQ

FAQ

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.