Imagens WordPress WebP – Como usá-las para acelerar seu site

Publicados: 2023-12-28

Imagens WordPress WebP - Como usá-las para acelerar seu site

Usar imagens WordPress WebP em seu site é uma ótima maneira de dividir o texto e manter os leitores envolvidos.

Mas esse envolvimento tem um custo. Quanto maior o tamanho ou número de imagens, mais lento será o tempo de carregamento. Conseqüentemente, essa velocidade mais lenta pode afetar o desempenho e o engajamento do mecanismo de pesquisa.

É por isso que muitos dos principais sites WordPress adotam o formato WebP para otimizar seus sites. Portanto, neste artigo você aprenderá sobre imagens WordPress WebP e como aumentar a velocidade do seu site .

Índice

  • O que é WebP?
  • Benefícios de usar imagem WebP
  • Como usar imagens WebP para acelerar seu site
  • Como automatizar imagens WebP com um plugin WordPress
  • Os melhores plug-ins de otimização de imagem WordPress WebP
    • 1. Conversor para mídia – Otimize imagens | Converter WebP e AVIF
    • 2. WebP Expresso
    • 3. Imagify – Otimize imagens e converta WebP
    • 4. ShortPixel Image Optimizer – Otimize imagens, converta WebP e AVIF
    • 5. Otimização de imagem por Optimole – Lazy Load, CDN, conversão para WebP e AVIF
  • Conclusão
  • perguntas frequentes

O que é WebP?

O formato de imagem WebP foi criado pelo Google em 2010 para uso na web. O formato oferece imagens ricas e de alta qualidade em tamanhos menores.

Ao converter as imagens do seu site para WebP, elas ficarão bem menores e sem perda de qualidade.

A conversão pode reduzir o tamanho da imagem em 25–35%, de acordo com um estudo de compressão do Google WebP . Conseqüentemente, isso aumentaria a velocidade do seu site e a classificação do seu mecanismo de busca.

Além disso, a otimização de imagens WebP tem vários níveis. Você pode escolher entre as opções de compactação 'com perdas' ou 'sem perdas'.

A opção de compactação com perdas preserva mais dados, enquanto 'sem perdas' torna a imagem menor. WebP também é compatível com mais de 90% dos navegadores, de acordo com caniuse .

Benefícios de usar imagem WebP

Aqui estão alguns dos motivos para adotar imagens WebP no WordPress:

1. Tamanho de arquivo de imagem menor

As imagens WebP são menores em comparação com outros formatos. Conforme mencionado acima, a conversão pode reduzir o tamanho da imagem em até 35%. Isso significa que é melhor usar imagens WebP para o seu site WordPress do que imagens JPEG e PNG.

2. Aumenta a velocidade da página

Imagens WordPress WebP podem aumentar a velocidade de suas páginas da web. Quanto mais pesadas forem suas páginas, menos tempo levará para carregar. A velocidade de carregamento ideal é de 2 segundos ou menos. Isso ocorre porque os clientes provavelmente abandonarão um site que leva mais de 2 a 3 segundos para carregar.

3. Arquivos de alta qualidade

O melhor do formato WebP é que ele preserva sua qualidade. Isso significa que você não precisará se preocupar com a qualidade da imagem ao convertê-las.

4. Melhor classificação no mecanismo de pesquisa e taxa de cliques

A velocidade de carregamento da página é um fator vital para a classificação do mecanismo de pesquisa e a taxa de cliques. Dados da pesquisa do Google mostram que um tempo de carregamento de página superior a 3 segundos aumenta a chance de rejeição em 32%.

Um tempo de carregamento de 5 segundos ou mais aumenta as chances de rejeição em 90%. Seu site terá uma classificação mais elevada quando você aumentar a velocidade convertendo as imagens para WebP. Isso também resultará em uma taxa de rejeição mais baixa.

5. Reduza o uso de largura de banda

A largura de banda do site é a quantidade de dados que pode ser transferida entre um site, seus usuários e seus servidores. Ter largura de banda limitada pode resultar em velocidades de carregamento mais lentas. Portanto, a adoção do WebP pode liberar mais espaço de largura de banda e aumentar a velocidade do seu site.

Como ativar imagens WebP para acelerar seu site

Usar imagens WebP em seu site WordPress é tão simples quanto usar outros formatos como JPEGs e PNGs. WebP é compatível por padrão no WordPress 5.8 e superior.

Isso significa que você não precisa de nenhuma configuração para usar imagens WebP no WordPress versão 5.8 e superior.

Portanto, se você tiver imagens WebP, poderá carregá-las na Biblioteca de mídia do WordPress. Mas se você não tiver imagens no formato WebP, talvez seja necessário converter manualmente a imagem para WebP antes de fazer o upload.

Você também pode automatizar esse processo instalando um plugin WordPress WebP Image.

Como automatizar imagens WebP com um plugin WordPress

Existem vários plug-ins WordPress WebP para converter imagens para o formato WebP. A maioria desses plug-ins oferece suporte ao redirecionamento de fallback WebP. Isso garante que pessoas com navegadores que não suportam WebP obtenham o formato original.

Por exemplo, se você enviar um arquivo JPEG para o seu site, o plugin irá convertê-lo para o formato WebP. Dessa forma, se os visitantes estiverem utilizando um navegador compatível com WebP, serão atendidas as versões WebP.

Caso contrário, eles obterão o formato de imagem original, seja JPEG ou PNG. Isso garante que todos tenham a experiência mais rápida possível.

Os melhores plug-ins de otimização de imagem WordPress WebP

1. Conversor para mídia –WordPress WebP

Plug-in Conversor para Mídia - WordPress WebP

Converter for Media é um ótimo plugin de conversão de imagens WordPress WebP. O plugin funciona convertendo imagens JPEG, PNG e GIF padrão para o formato WebP. Depois de configurado, o plug-in converterá os arquivos de imagem da sua biblioteca de mídia para o formato de imagem WebP.

Ele também converterá e servirá imagens que você enviará posteriormente em formato WebP. Converter for Media pode reduzir o tamanho de suas imagens pela metade sem perder sua qualidade . Isso reduzirá o tempo de carregamento e tornará o carregamento do site mais rápido.

O plugin WebP WordPress tem mais de 400.000 downloads ativos e mais de 800 avaliações 5 estrelas.

Custo: Converter for Media possui uma versão gratuita que permite converter imagens para WebP com apenas alguns cliques.Há também uma versão profissional que custa US$ 50 por 120.000 imagens otimizadas por ano.

Características principais:

  • Converta para o formato Webp ou AVIF.
  • Reduza o tamanho das imagens com um clique.
  • Converte todos os novos uploads de imagens
  • Nenhum ajuste no arquivo ou URL original.
  • Exibir Webp para usuários com navegadores que permitem isso.
  • Fácil de configurar
  • Grande apoio

Como converter sua imagem em WebP usando o Converter for Media

O primeiro passo para gerar imagens WebP em seu site WordPress é instalar o plugin ‘Converter for Media’ em seu site.

Para fazer isso, vá paraPlugins >> Adicionar Novo Plugin .

Adicionar página do novo plugin

Digite “Conversor para mídia” na caixa de pesquisa. Em seguida, clique emInstalar agora .

Procure o plugin e instale

Depois de instalado, clique emAtivar .

Ativar plug-in

Uma vez ativado, o plugin aparecerá na guia “Configurações” no painel do WP.

Configurações no painel wp - WordPress WebP

Agora, para configurar o plugin, vá emConfigurações >> Conversor para Mídia .

O plugin oferece diversas opções de configuração para configurá-lo como desejar.

Opções de configuração do plugin

Primeiro, você deve escolher o nível de compactação desejado. Você pode fazer isso selecionando uma das opções na guia ‘Estratégia de conversão’.

Escolha a opção “Lossless” se quiser que o tamanho da imagem seja bem menor.

Opção sem perdas para tamanho de imagem menor - WordPress WebP

Agora você precisa primeiro otimizar manualmente as imagens em sua biblioteca de mídia WordPress.

Role para baixo até a seção “Otimização em massa de imagens”. Como você pode ver, existem 647 imagens não otimizadas aqui.

Para otimizar essas imagens, clique emIniciar otimização em massa .

Clique no botão Iniciar otimização em massa

É isso. Agora você pode ver que todas as imagens foram convertidas para WebP.

Conversão bem-sucedida

Se você seguiu esses passos, parabéns! Você converteu com sucesso as imagens do seu site para WebP.

2. WebP Express -WordPress WebP

Plug-in WebP Express - WordPress WebP

WebP Express é outro plugin que permite ao WordPress converter imagens para o formato WebP. O plugin converte imagens existentes e novos uploads para WebP.

Ele também vem com redirecionamento de fallback WebP . Isso garante que pessoas com navegadores que não suportam WebP obtenham o formato de arquivo original. Dessa forma, você pode garantir que todos os visitantes do seu site terão uma boa experiência.

O plugin funciona usando a biblioteca WebP Convert para converter as imagens em WebP. Possui vários métodos de conversão, incluindo Imagick, cwebp, vips, gd. Existem também alternativas de nuvem para aqueles cujos hosts não suportam nenhum desses métodos.

WebP Express tem mais de 300.000 instalações ativas. Ele também tem mais de 120 avaliações 5 estrelas.

Custo: WebP Express é um plugin gratuito.

Características principais:

  • Conversão WebP automática
  • Diferentes métodos de conversão de imagem Webp
  • Substitua tags de imagem por tags de imagem
  • Fácil de configurar
  • Seção detalhada de perguntas frequentes

3. Imagify –WordPress WebP

Imagify - Otimize imagens e converta plugin WebP

Imagify é um plugin avançado de compactação de imagens WordPress WebP. O plugin foi projetado para compactar imagens sem afetar sua qualidade. Ele permite otimizar imagens individuais e em massa.

Depois de instalá-lo, você precisará acessar as configurações do plugin e configurá-lo para otimizar as imagens no melhor nível de compactação. O plugin irá então converter as imagens do seu site WordPress ou qualquer novo upload para o formato WebP.

O Imagify faz a compactação da imagem em segundo plano. Como tal, isso não afetará o desempenho do seu site. A conversão irá, portanto, acelerar o seu site WordPress e aumentar a sua classificação SEO. Imagify tem mais de 800.000 instalações ativas e mais de 1.000 avaliações 5 estrelas.

Custo: O Imagify possui um starter pack gratuito e oferece aproximadamente 200 imagens por mês.A versão PRO começa em US$ 9,99 por mês.

Características principais:

  • Crie versões de imagem Webp.
  • Comprima suas imagens com um clique
  • Obtenha desempenho e qualidade com compactação de imagem inteligente
  • Redimensione imagens rapidamente
  • Restaure imagens para sua versão original sempre que precisar
  • Simples de usar
  • Bom suporte

4. Otimizador de imagem ShortPixel –WordPress WebP

Plug-in ShortPixel Image Optimizer - WordPress WebP

ShortPixel é um dos principais plugins de otimização de imagens para WordPress. O plugin foi projetado para ajudar a converter suas imagens para o formato WebP. Depois de instalado, ele carrega todas as suas imagens para a nuvem e começa a otimizá-las em segundo plano.

O plugin irá então baixar as imagens WebP WordPress convertidas da nuvem para sua biblioteca de mídia. A imagem otimizada terá o mesmo nível de qualidade mesmo com o tamanho reduzido.

ShortPixel permite escolher entre três modos; Brilhante, sem perdas e com perdas . Eles também oferecem a opção de testar todos os três links para decidir qual é a melhor escolha para você.

O melhor de tudo é que o plugin possui um painel simples com opções para otimizar suas imagens como desejar. ShortPixel tem mais de 300.000 instalações ativas e mais de 600 avaliações 5 estrelas.

Custo: ShortPixel possui uma versão gratuita com opções de otimização de imagem.A versão PRO começa em US$ 9,99 por mês.

Características principais:

  • Suporte de imagem WebP
  • Integração Cloudflare para quem usa CDN
  • Converta arquivos PNG em imagens JPEG.
  • Otimização de imagem retina
  • Otimização ou exclusão de miniaturas
  • Conversão em massa
  • Suporte maravilhoso

5. Otimização de imagem por Optimole

Plug-in de otimização de imagem por Optimole - WordPress WebP

Optimole é um plugin de otimização de imagem limpo e moderno com vários recursos incríveis. Depois de instalar o plugin, você precisará configurá-lo. Depois disso, você terá acesso ao painel, onde poderá converter imagens e muito mais.

O Optimole processa as imagens da sua biblioteca de imagens WordPress em segundo plano e em tempo real. Além disso, o plugin é baseado em nuvem , o que alivia qualquer esforço do seu servidor. Depois de configurado, todas as imagens enviadas podem ser convertidas para o formato que você escolher.

Imagify tem mais de 200.000 instalações ativas e mais de 500 avaliações 5 estrelas.

Preço: O Optimole possui uma versão gratuita com diversas opções.A versão PRO começa em US$ 19,08 por mês.

Características principais:

  • Conversão totalmente automatizada
  • Imagens menores. Mesma qualidade
  • Suporta todos os tipos de imagem
  • Converta imagens para Webp rapidamente.
  • Alimentado por um CDN
  • Simples e leve
  • Suporte à biblioteca de imagens em nuvem
  • Carregamento lento sem jQuery

Conclusão – WordPress WebP

No geral, este artigo explicou o que é WebP e seus benefícios. Também destacamos os melhores plug-ins WordPress WebP para automatizar conversões WebP.

Agora, com esse conhecimento, você pode configurar seu site para começar a exibir imagens WebP em sites WordPress. Se você deseja aumentar ainda mais a velocidade do seu site, confira este artigo sobre como acelerar o seu site WordPress .

Se precisar de mais assistência, nossa equipe da Fixrunner pode ajudar . Podemos ajudá-lo a aumentar sua velocidade para o tempo de carregamento recomendado de 2 a 3 segundos.

Perguntas frequentes – WordPress WebP

O WordPress permite WebP?

Sim. O WordPress permite fazer upload de imagens WebP para sua biblioteca de mídia e usá-las em postagens e páginas. Você também pode instalar um plugin WordPress WebP como ShortPixel. Esses plug-ins podem converter automaticamente imagens em JPEG e outros formatos para WebP.

Por que não consigo fazer upload de imagens WebP para o WordPress?

Existem alguns motivos pelos quais você pode não conseguir fazer upload de imagens WebP para o seu site WordPress. Uma delas é se você usa uma versão WordPress ou PHP que não é suportada. WebP só é suportado por padrão pelas versões 5.8 e superiores do WordPress.

Você também pode ter problemas ao veicular imagens WebP em seu site se o seu provedor de hospedagem WordPress não oferecer suporte a WebP.

Qual é a vulnerabilidade do WordPress WebP?

As imagens WebP têm duas vulnerabilidades críticas: CVE-2023-4863 e CVE-2023-5129. CVE-2023-4863 é um bug enraizado na biblioteca libwebp de aplicativos que lida com imagens WebP. Esta vulnerabilidade permite que invasores criem arquivos WebP malformados. Eles então manipulam esses arquivos para executar seus códigos de ataque.

O WebP melhora o SEO?

Sim. WebP pode melhorar a classificação do seu site no mecanismo de pesquisa. A velocidade de carregamento de uma página da web é um fator crucial de SEO para WordPress. Quanto mais rápido um site carregar, maior será sua classificação nos resultados de pesquisas.

Converter as imagens do seu site para o formato WebP reduzirá seu tamanho. Isso, por sua vez, aumentará sua velocidade de carregamento.