AVIF explicado — quando 30% menor que WebP justifica o fallback
Tomoda HinataAutor e mantenedor da ferramentaPublicado em 26 de abr. de 20264 min de leitura
AVIF embrulha um keyframe AV1 num contêiner HEIF e fica ~20–30% menor que WebP na mesma qualidade. Há buracos — Outlook desktop, Edge mail, Android Webview antigo, macOS Mail inline — então em produção fica atrás de um `<picture>` com WebP de fallback.
Ferramentas usadas neste guia
AVIF tecnicamente
Keyframe AV1 em HEIF. AV1 é o sucessor livre de VP9/HEVC; ferramentas mais ricas explicam o ganho de 20–30%.
Suporte — onde falha
Chrome 85, Firefox 93, Safari 16.4, Edge 121 decodificam. ~92% do tráfego. Falham em Outlook desktop, Edge mail, Webview antigo, macOS 13 Mail.
Padrão `<picture>` com fallback
AVIF, WebP, JPG nessa ordem. Sem JS.
Quando vale a pena
Hero em alto tráfego, e-commerce, portfólios. Exagero em blogs pequenos, e-mails, posts SNS.
Custo de encoding
Q60 ~10× JPG Q82. Encoda no build; decodifica em <50 ms.
Passos
Cerca de 2 minEscolher o master
PNG/RAW/TIFF; JPG-only ok.
Abrir conversor
Soltar arquivo; qualidade 60 padrão.
Encodar
5–15 s por imagem.
Ligar `<picture>`
AVIF, WebP, `<img>` JPG.
| Formato | Tamanho | Encoding (M2) | Suporte 2026 |
|---|---|---|---|
| JPG Q82 | 245 KB | 0,1 s | 100% |
| WebP Q82 | 165 KB | 0,4 s | 98% |
| AVIF Q60 | 115 KB | 4,2 s | 92% |
Perguntas frequentes
AVIF suporta transparência?
Sim, alfa 10 bits.
AVIF animado?
Sim (AVIS), mas suporte mais estreito; prefira WebP para animação.
HDR?
Sim, AVIF 10/12 bits + HDR10.
Várias resoluções?
`<picture>` + srcset/sizes.
AVIF substitui JPG?
Não no horizonte.
Encoding lento é do navegador?
Não — AV1 é caro.
Experimentar agora
Ultra-light images with the modern AVIF format
AVIF ConverterEste artigo inclui tradução assistida por IA. Avise se encontrar erros.