Diz-se que uma imagem vale mais que mil palavras, mas on-line, uma imagem pode valer mil kilobytes ou mais! O HTTP Archive mostra que as imagens representam, em média, 64% do tamanho total de uma página da Web. Com isso em mente, a otimização de imagens é fundamental, especialmente quando se considera que até 40% […]
Tag: WEBP
Detectar suporte a WEBP com JavaScriptDetectar suporte a WEBP com JavaScript
A otimização de imagens é uma grande parte do aprimoramento do desempenho do front-end. Tradicionalmente, usamos imagens JPG/JPEG, GIF e PNG, mas o Google e a equipe do Chrome desenvolveram o formato WEBP, que reduz o tamanho do arquivo e otimiza a renderização. Se o senhor acessar um site como o GIPHY no Chrome, receberá […]
Converter JPG, PNG e GIF animado em WEBPConverter JPG, PNG e GIF animado em WEBP
Os novos formatos de imagem, como WEP e MOZJPEG, serão um grande impulso para o tempo de carregamento na Web. A maior parte do tempo de carregamento e renderização da página é geralmente atribuída a imagens não otimizadas, portanto, esses novos formatos tornarão mais rápidos os tempos de carregamento em dispositivos móveis e desktops. Eu […]