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 ensinei ao senhor como detectar o suporte a WEBP mas não exploramos como criar imagens WEBP; vamos dar uma olhada em como é fácil converter JPG, PNG e até mesmo GIF animado em WEBP.
Converter JPG e PNG em WEBP
Minha biblioteca de manipulação de imagens de código aberto favorita, o ImageMagick, não tem a capacidade de converter imagens para WEBP imediatamente – o senhor receberá um erro feio se não instalar primeiro o webp por meio de um utilitário como o homebrew:
brew install webp
Quando o webp estiver disponível, o senhor poderá usar o ImageMagick para fazer a conversão:
convert logo.png logo.webp
Na maioria dos casos, a imagem WEBP, que só está disponível no Chrome no momento da publicação, será significativamente menor do que a imagem original.
Converter GIF animado em WEBP
A biblioteca webp não tem a capacidade de converter imagens GIF animadas em WEBP. O senhor precisará baixar gif2webp do Google. Com o gif2webp disponível, o senhor pode converter sua imagem GIF animada em WEBP:
gif2webp animation.gif -o animation.webp
gif2webp fornece inúmeras opções para modificação da saída, como qualidade, codificação multi-threading, etc.
Imagine o aumento no tempo de carregamento do seu site se o senhor criasse e servisse imagens WEBP onde elas são suportadas. Sites mais rápidos significam mais conversões e melhor experiência do usuário. Faça isso acontecer!
