No universo do desenvolvimento de sites, um dos dilemas mais comuns é a escolha do plugin ou método ideal para compressão e conversão de formatos de imagens. Após testar várias opções disponíveis no mercado, tanto pagas quanto gratuitas, como Smush Image Optimization, TinyPNG, ShortPixel Image Optimizer, Converter for Media e EWWW Image Optimizer, hoje trago uma análise sobre o WebP Express, um plugin que promete converter imagens para o formato WebP de maneira eficiente.
Mas, afinal, o que é WebP?
WebP é um formato de arquivo inovador para imagens que permite reduzir o tamanho dos arquivos em até 30% em comparação com PNG e JPEG, sem comprometer a qualidade visual. Isso é essencial, pois uma imagem de alta qualidade pode comunicar muito mais do que palavras.
Segundo a W3Techs, cerca de 1,9% dos sites já adotaram o WebP, e esse número está em ascensão. Apesar do PNG ainda liderar com 79,8%, o WebP vem ganhando terreno rapidamente.
Considerações Importantes ao Usar WebP
Embora o WebP esteja se tornando cada vez mais popular, é importante notar que nem todos os navegadores suportam esse formato. No entanto, navegadores como Google Chrome, Firefox e Microsoft Edge já o aceitam. Além disso, a partir da versão 5.8 do WordPress, o suporte ao WebP é nativo. Versões anteriores a 5.8 apresentarão uma mensagem de erro ao tentar fazer upload de imagens nesse formato.
Por Que Escolher o WebP Express?
O WebP Express está disponível gratuitamente no repositório oficial do WordPress, com mais de 100 mil instalações ativas e uma avaliação de 4,5 estrelas. Suas principais funcionalidades incluem:
- Conversão gratuita de imagens para WebP.
- Armazenamento das imagens originais, permitindo visualização em formatos alternativos em navegadores que não suportam WebP.
- Compatibilidade com plugins de lazy loading, como o Lazy Load da WP Rocket.
- Flexibilidade para desenvolvedores ajustarem o código conforme necessário.
Configurando o WebP Express
A instalação do WebP Express segue o padrão de plugins do WordPress, mas sua configuração requer atenção especial para maximizar sua eficácia. Na tela de configuração:
1. Altere o Cache-Control header para Custom e insira o seguinte código:
public, max-age=86400, stale-while-revalidate=604800, stale-if-error=604800
2. Desabilite as opções de Enable redirection to converter e Create webp files upon request.
3. Ajuste as configurações de codificação para:
- WebP encoding: Lossy
- Quality for lossy: Fixed quality (100%)
- WebP encoding: Lossless
- Quality for lossless: 100% lossless
4. Priorize as extensões Gmagick e Gd para a conversão, deixe nas primeiras linhas.
5. Ative a conversão automática ao fazer upload de imagens.
6. Habilite a alteração do HTML e a substituição de URLs de imagens.
Na dúvida? deixe conforme a imagem abaixo:
.jpg)
Agora que você conhece mais sobre o WebP Express, gostaríamos de saber: você já utiliza o formato WebP em seu site? Notou melhorias na performance após a otimização? Compartilhe sua experiência conosco nos comentários.
E se você achou este artigo útil, não esqueça de compartilhar com seus amigos nas redes sociais. Até a próxima!
Postagens
0 Comentários