Quando falamos em imagens na web, temos sempre que apostar nas que pesam menos, nas mais leves, para que não demorem a carregar nos dispositivos em que são abertas.
Uma economia de alguns Kb pode representar a diferença entre uma página considerada rápida e outra considerada lenta, o que a faz ganhar posições no buscador do Google e permite uma consulta rápida entre celulares que não possuem uma conexão muito rápida à Internet.
Por isso as pesquisas continuam no mundo dos formatos de imagem, onde JPG e PNG reinaram por muito tempo.
AV1 (.avif) é um formato de arquivo de imagem introduzido pela Netflix e é considerado superior aos formatos de imagem JPEG, PNG e até WebP (20% melhor) por sua proporção de qualidade de imagem para tamanho de arquivo compactado.
O formato foi desenvolvido pela Alliance for Open Media em colaboração com Google, Cisco e Xiph.org (conhecido por ter trabalhado com Mozilla). Este formato foi criado para ser open source, então não é preciso pagar para usá-lo.
O problema é que no momento o suporte é muito limitado, mas acredita-se que chegue ao Chrome 85 e ao Firefox 80 nos próximos dias.
No momento, podemos usar o formato HTML nativo com o elemento picture, o que permite suporte progressivo, já que podemos listar as fontes de imagens na ordem em que queremos carregá-las, e o navegador carregará a primeira que suporta, conforme mostrado na imagem superior de Addy Osmani no Twitter. Se o navegador não suportar imagem, ele voltará a usar o img padrão, para que possa funcionar do ponto de vista SEO.