Guia de imagem WebP: como usar o formato WebP com o WordPress
Publicados: 2022-07-29Todos nós adoramos um bom GIF, mas os formatos de imagem percorreram um longo caminho desde a introdução do GIF em 1987. Web designers experientes passaram a adotar JPEGs, PNGs e agora WebP.
Enquanto os GIFs estão aproveitando uma segunda vida como forragem para canais Slack e mensagens de texto, o novo formato WebP está começando a dominar a web.
Neste post, examinamos o crescimento do WebP e oferecemos dicas de como usá-lo em seu site. Você vai aprender:
- Como funciona o formato
- Benefícios das imagens WebP
- Limitações do uso do WebP
- Como habilitar imagens WebP para WordPress
Como funciona o formato WebP
Originalmente da On2 Technologies, o Google está desenvolvendo o WebP como um formato de imagem de código aberto e espera torná-lo o novo padrão aceito para imagens da web.
O WebP oferece compactação de imagem aprimorada. Você pode reduzir os tamanhos dos arquivos sem perder a qualidade da imagem. O WebP é único na forma como suporta compressão com e sem perdas.
A compactação sem perdas permite reduzir o tamanho do arquivo, mantendo a qualidade da imagem original. Nenhum dos dados originais é perdido, portanto, você pode restaurar a qualidade e o tamanho originais da imagem.
A utilização de compactação com perdas resulta em tamanhos de arquivo ainda menores. A compactação com perdas retém apenas os dados necessários para exibir uma imagem em seu tamanho reduzido. Você não poderá redimensionar e manter a qualidade original.
Para aproveitar ao máximo o WebP, use compactação sem perdas para imagens que precisam ser dimensionadas para tamanhos diferentes, como imagens de plano de fundo. Use compactação com perdas para imagens com dimensões fixas. Se você souber a largura máxima de uma imagem em destaque ou imagem de produto para seu site, poderá salvá-la com compactação com perdas para essas dimensões exatas.
Benefícios do WebP
Então, o que está alimentando o crescimento do WebP? O formato oferece muitas vantagens, incluindo facilidade de uso e desempenho. Vamos explorar as principais vantagens de usar o WebP em seu site.
Converta facilmente imagens existentes
Você pode converter qualquer PNG, GIF ou JPEG existente do seu site em um arquivo WebP. Você não sacrificará a qualidade e normalmente reduzirá o tamanho do arquivo.
Melhor compactação
Se você converter um PNG ou JPEG em um WebP, o tamanho do arquivo WebP será de 30 a 50% menor que o original. Imagens menores devem ajudar suas páginas a carregar mais rapidamente, e é por isso que recomendamos a compactação de imagens como uma das melhores maneiras de acelerar seu site WooCommerce .
Melhor desempenho do site
Imagens e páginas de carregamento mais rápido criam uma melhor experiência do usuário. Você também pode aumentar seus rankings nos mecanismos de pesquisa otimizando seu site para velocidade. Os mecanismos de pesquisa valorizam a rapidez com que seu site carrega. Sites de carregamento mais rápido tendem a ter uma classificação mais alta do que os mais lentos.
A veiculação de imagens em um formato de última geração como WebP é uma das nossas 12 maneiras testadas e comprovadas de melhorar sua pontuação do Google PageSpeed Insights .
Suporte para transparência e animação
Quem não ama um GIF animado? Com o WebP, você está com sorte. WebP suporta animação e transparência.
Suporte generalizado ao navegador
A maioria dos navegadores modernos suporta WebP. O navegador Safari da Apple foi o único reduto, mas finalmente introduziu o suporte WebP no ano passado com o Safari 14.
Limitações do WebP
A principal limitação do WebP é garantir a compatibilidade em todas as formas em que você usará uma imagem. Você pode ter problemas se usar os dados do seu site para alimentar campanhas de e-mail ou aplicativos móveis.
Certifique-se de testar todos os lugares em que uma imagem aparecerá para garantir que o formato WebP funcione. Você também pode considerar oferecer duas versões de uma imagem. Use o WebP quando permitido e um JPEG ou PNG de fallback para quando o WebP não for compatível.
Como ativar o WebP com WordPress
O WordPress começou a oferecer suporte WebP com a versão 5.8. Se o seu servidor suportar WebP, você poderá carregar e usar imagens WebP como qualquer outro tipo de imagem compatível.
As opções para usar imagens WebP no WordPress incluem:
- Convertendo Imagens Manualmente. Use uma ferramenta online como o CloudConvert para transformar imagens em WebP. É uma tarefa manual demorada, pois você terá que enviar os arquivos para o conversor e, em seguida, carregar o novo arquivo para sua biblioteca do WordPress.
- Plugin de otimização de imagem. Muitos plugins de otimização de imagem já incluem opções para converter e exibir imagens como arquivos WebP. Verifique a documentação do seu plugin para ver como habilitar as opções para o seu site.
- Plugin WebP. Em vez de um plug-in de otimização, você também pode usar um plug-in especialmente projetado, como o WebP Converter for Media , para converter automaticamente as imagens enviadas para o WebP.
Sites mais rápidos com WebP e Pressable
Se você estiver interessado em WebP, provavelmente deseja que seu site carregue o mais rápido possível. Reduzir o tamanho dos arquivos de imagem pela metade com a incrível compactação do WebP é um ótimo ponto de partida. A outra maneira de garantir que seu site funcione o mais rápido possível é escolher o host certo.
Na Pressable, nossos serviços de hospedagem oferecem o melhor desempenho possível para sites WordPress. Nosso serviço de hospedagem gerenciada baseado em nuvem simplifica o gerenciamento do seu site, oferecendo 100% de tempo de atividade e velocidade extremamente rápida. Ah, e suporte WebP? Nós temos isso coberto. Nossa rede CDN global também suporta WebP, para que você possa aproveitar todos os benefícios de aumento de velocidade do uso desse novo formato de imagem.
Para saber mais sobre como o Pressable faz o WordPress funcionar melhor, reserve uma demonstração personalizada hoje.
