Beto Muniz
  • Share

AVIF Superando o formato WebP

tech

👉 AVIF ou AV1 Image File Format, é um novo padrão de compressão de imagens proposto pela Netflix que suporta SDR, HDR e WCG.

⚡️ Além de imagens estáticas e transparência, AVIF suporta até imagens animadas como formatos como GIF, APNG e WebP já suportam.

🧐 Seu uso para desenvolvimento web tem sido extremamente incentivado, principalmente agora com suporte do Chrome 85 e do Firefox 77.

👇 E pra começar a utilizar AVIF, primeiro é preciso coverter as imagens que você possuir em outros formatos para AVIF (recomendo o serviço convertio.co ou algum plugin baseado no seu sistema de build para automatizar esse processo).

💥 Em seguida, utilize a declaração HTML abaixo para garantir o fornecimento do formato em browsers que já suportam.

<picture>
<source srcset="imagem.avif" type="image/avif">
<source srcset="imagem.webp" type="image/webp">
<img src="imagem.jpg" alt="Descrição da Imagem">
</picture>

💧 Gostou desse drop? Compartilhe-o. 🤩

E para receber meus conteúdos assim que eu publicar, me segue lá no Telegram 😋

  • Share It!
Copyright Beto Muniz © 2010-2020. All rights reserved.