Interessado em usar imagens WebP no WordPress? Ou confuso sobre imagens WebP em primeiro lugar e por que você deveria se preocupar com elas? Neste post, vamos resolver ambos os problemas. Se você já sabe o que é WebP e quer começar, mostraremos um guia passo a passo sobre como começar. E se você ainda não tem certeza por que você deve se preocupar com imagens WebP para seu site. WordPress, vamos começar com uma introdução ao formato de imagem WebP, seus benefícios e comparação com outros formatos de imagem e alguns detalhes importantes sobre suporte ao navegador.
Vamos entrar! O que é WebP? WebP é um formato de arquivo de imagem moderno que foi desenvolvido pela Google. Por \
Se você pode diminuir o tamanho do arquivo das imagens que você usa em seu site. WordPress, você pode acelerar o tempo de carregamento do seu site. sem alterar qualquer parte da experiência do usuário do seu site. Este é o benefício das imagens WebP em suma – imagens menores → tempos de carregamento mais rápidos do site. Por exemplo, quando o Google lançou imagens WebP para miniaturas do YouTube em 2014, a equipe do Google alegou que isso levou a uma redução de 10% no tempo de carregamento da página. No mesmo post, o Google também disse que eles conseguiram
Aumente o tamanho das imagens na loja Google Play em 35%.
É por isso que ferramentas de análise de velocidade como o PageSpeed Insights costumam sugerir que você \
Se você quiser ver algumas imagens reais para julgar se a qualidade mudou, o Google mantém aqui uma galeria WebP que compara a mesma imagem WebP e formato JPEG. WebP vs PNG Para imagens PNG, o Google descobriu que a versão WebP era em média 26% menor. Outros estudos encontraram diferenças ligeiramente menores ou maiores dependendo das variáveis que você usa (como o método de codificação JPEG que você usa), mas os resultados são geralmente bastante consistentes, pois o WebP oferece tamanhos menores de arquivos com qualidade comparável, e é por isso que ele aumentou em popularidade.
Quais navegadores da Web suportam imagens WebP? Se tivéssemos escrito este post há um ano, teríamos dito que uma desvantagem do formato WebP é que ele não tinha suporte completo ao navegador. Chrome e Firefox suportam WebP há muito tempo, mas a única grande desvantagem foi Safari. No entanto, a Apple finalmente cedeu em setembro de 2020 e adicionou suporte WebP no Safari 14 e além. A partir de junho de 2021, todos os principais navegadores suportam WebP, exceto Internet Explorer, em
As pontas para um conjunto de tamanhos máximos sem perder qualidade. Imagify irá otimizar e converter automaticamente suas imagens para WebP à medida que você as carrega. E para imagens mais antigas, você pode otimizar e converter algumas ou todas as suas imagens existentes com um clique. Eis como configurar… 1. Instale o plugin Imagify e ative a chave API Para começar, instale e ative o plugin Imagify gratuito no WordPress. org.
Depois de fazer isso, o plugin solicitará que você insira a chave API. Podes ir buscar a tua chave. API registrando-se para uma conta gratuita Imagify. Imagify permitirá que você otimize e converta 20 MB de imagens por mês gratuitamente, o que é cerca de 200 imagens. Se você fizer upload de menos de 200 imagens por mês, você poderá permanecer com o plano gratuito para sempre. Se você precisar de mais do que isso, você pode atualizar para um plano pago, que custa US $ 4,99\/mês para 500 MB (~5.000 imagens) ou US $ 9,99 por mês para uso ilimitado. Com todos os planos, você pode usar sua conta API em sites WordPress ilimitados.
Depois de ter a chave API, adicione-a à caixa e clique em Conectar-me:
magify, encontre suas configurações de formato WebP em Otimização. Primeiro, marque a caixa para criar versões webp de imagens. Ele diz ao Imagify para converter suas imagens para WebP, mas não diz ao Imagify para transmitir essas imagens WebP para navegadores suportados. Para fazer isso, você também pode marcar a caixa para Mostrar imagens em formato web em seu site. A este respeito, recomendamos o uso do método Usar etiquetas . Se você usar uma CDN (Content Delivery Network) para transmitir imagens de um URL separado, como https:\/\/cdn.yoursite.com Você também deve inserir esse URL na caixa: Como você pode ver na captura de tela, o método de tags pode causar problemas com alguns temas WordPress. Se você notar problemas com o tema depois de ativar as imagens WebP, você pode experimentar a opção Usar Regras de Reescrever. 4.Convert e Otimize Suas Imagens Agora, Imagify começará automaticamente a otimizar e converter as novas imagens que você carregar. Se você tiver muitas imagens existentes em seu site, Você pode acessar Media → Block Optimization para otimizar todas as imagens existentes e convertê-las para WebP: E é isso! O seu website. O WordPress agora começará a usar imagens WebP menores e mais rápidas para os visitantes sempre que possível. Comece a usar imagens WebP no WordPress hoje mesmo Usando o formato de imagem WebP permite reduzir o tamanho do arquivo das imagens do seu site. WordPress sem alterar a qualidade da imagem ou a experiência do usuário. Ao reduzir o tamanho do arquivo, você pode acelerar o tempo de carregamento do seu site. Desde junho de 2021, o formato WebP goza de suporte quase universal ao navegador, com ~ 95% de todos os visitantes usando um navegador que suporta WebP. Se você quiser começar a usar imagens WebP no WordPress, você pode usar Imagify. Imagify irá otimizar automaticamente as imagens do seu site. e convertê-los para WebP. Então é
também cuidará de garantir que os visitantes vejam a versão WebP das imagens se seus navegadores suportarem WebP. Para começar, instale o plugin gratuito Imagify e cadastre-se para uma conta Imagify hoje mesmo. Você ainda tem dúvidas sobre como usar o WebP no WordPress? Deixe-nos saber na seção de comentários!