Como usar
- Cole a string Base64 ou o URI data:image/avif;base64.
- Confira a prévia, o formato detectado e as dimensões.
- Para salvar um AVIF sem alterações, escolha Original. Para converter outro formato, mantenha AVIF selecionado; se o seu navegador não conseguir codificar AVIF, a opção fica indisponível.
- Baixe o arquivo .avif.
Como são os dados AVIF
O AVIF armazena uma imagem comprimida com o codec de vídeo AV1 dentro de um contêiner HEIF, a mesma estrutura ISO Base Media File Format usada pelo MP4. Não há uma assinatura curta e fixa como a do PNG. Em vez disso, o arquivo abre com uma caixa ftyp que indica a marca avif, ou avis no caso de sequências animadas. Em Base64, isso geralmente significa que a string começa com AAAA e contém eXBhdmlm alguns caracteres depois. A ferramenta lê a própria caixa, então consegue distinguir AVIF de HEIC, que usa o mesmo contêiner com outra marca. O tipo MIME é image/avif.
A conversão para AVIF depende do seu navegador
As versões atuais do Chrome, Edge, Firefox e Safari exibem AVIF, então a prévia e o salvamento do arquivo original funcionam em quase todo lugar. Criar novos arquivos AVIF é diferente. A conversão usa o codificador embutido no seu navegador, e nem todo navegador consegue gerar AVIF a partir de um canvas. A ferramenta verifica se o seu consegue. Se ele não codificar AVIF, a opção fica indisponível, e WebP é a alternativa mais próxima. Você também pode baixar um PNG e codificá-lo com uma ferramenta dedicada, como o avifenc da libavif.
Quando vale a pena usar AVIF
O AVIF muitas vezes supera o JPEG e o WebP em tamanho de arquivo com a mesma qualidade visual, especialmente em fotos, e oferece transparência, alta profundidade de bits e HDR. A codificação é mais lenta, e alguns editores de imagem e sistemas operacionais mais antigos ainda não conseguem abri-lo. Em imagens muito pequenas, como ícones, a sobrecarga do contêiner pode anular os ganhos, e o PNG ou o WebP podem ficar menores. Em sites, sirva o AVIF com uma alternativa para que todo visitante veja uma imagem:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Perguntas frequentes
Por que a opção de download AVIF está indisponível?
Seu navegador consegue exibir AVIF, mas não codificá-lo a partir de um canvas. Experimente outro navegador atualizado, escolha WebP ou baixe um PNG e converta-o com um codificador para desktop.
Por que meu AVIF não mostra prévia?
Um navegador ou sistema operacional mais antigo pode não decodificar AVIF. Os dados também podem ser HEIC, que parece semelhante, mas usa outra marca; o formato detectado indica qual dos dois é. Baixar como Original funciona nos dois casos.
O AVIF é sempre menor que o WebP?
Muitas vezes, mas nem sempre. Os resultados dependem da imagem e das configurações do codificador, então compare os tamanhos dos arquivos baixados.