O formato de imagem WebP é uma alternativa criada pelo Google que cria arquivos com tamanhos até 40% menores enquanto mantêm a mesma qualidade da imagem. O formato une o que há de melhor em outros formatos como: a possibilidade de compressão do arquivo (como ocorre com o JPEG), a possibilidade de usar transparência (como no PNG), e o suporte a animações (como no GIF). Acesse blog.apiki.com e busque por WebP para ler o texto na íntegra e aprender a converter suas imagens para WebP.

1. Imagens WebP e a relação com o
Mobile First
Conheça o formato de imagem WebP, desenvolvidos pelos engenheiros
do Google e seu aliado na melhoria de carregamento das páginas web

2. O formato
de imagem
WebP
O formato de imagem WebP
tem uma relação direta com o
Mobile First, uma vez que seu
foco é contribuir para o
carregamento mais rápido das
páginas ao reduzir
consideravelmente o tamanho
do arquivo, mas mantendo a
qualidade das imagens.

3. Quem se
beneficia com
um novo
formato de
imagem?
O carregamento mais rápido
das páginas melhora a
experiência do usuário, que
por conseguinte consome
mais conteúdo e interage mais
com sua marca.
Conseguimos ainda beneficiar
dois outros times: o de
infraestrutura e financeiro.

4. Quem se
beneficia com
um novo
formato de
imagem?
Através do formato, que tem
um menor tamanho de
arquivo, conseguimos reduzir
o consumo de tráfego de
dados.
E sabemos que a redução de
banda impacta diretamente no
financeiro, é redução de
custo.

5. Jpeg, PNG e
GIF
versus WebP
JPEG é muito utilizado para
fotografias.
PNG para vetores e
transparência.
GIF, em sua maioria, no
formato animado.
WebP agrega o melhor dos
três formatos mais utilizados,
garantindo animação,
transparência e qualidade das
imagens.

6. Sobre o
suporte dos
navegadores
de internet
Embora o formato de imagem
WebP não seja suportado por
todos os navegadores de
internet, é preciso pensar
diferente esse suporte.
Entregue o formato WebP para
quem o suporta, e o formato
original (JPG, GIF, PNG) para
quem não conseguir
renderizar.

7. Sobre o
suporte dos
navegadores
de internet
Fazendo isso, à medida que
os navegadores forem
adicionando suporte, seu site
já estará atualizado.

8. Conclusão
Imagens, e conteúdo
multimídia, são um dos vilões
que prejudicam a performance
do seu projeto.
O formato de imagem WebP
será seu grande aliado para
avançar em performance no
mobile e, por conseguinte,
ajudará também no desktop.

9. Leia na íntegra em blog.apiki.com/imagens-webp-relacao-mobile-first