Como usar imagens webp no WordPress

Inscreva-se em nossa Newsletter!

A imagem WebP é um formato de imagem que pode melhorar o desempenho do seu site. Uma vez que você sabe como usar as imagens WebP no WordPress, você pode ter um site mais rápido com menos recursos sendo usados da sua hospedagem.

Introdução

Imagem WebP é uma nova forma de codificar imagens para o uso em web sites.

As imagens jpg/png, que estamos mais acostumados, são formatos de dados que armazenam a informação da foto de um jeito específico. A diferença entre os dois é que a jpg tem uma taxa de compressão alta, enquanto a png tem baixa taxa de compressão (porém mais resistente).

O WebP possui duas vantagens significativas: menor tamanho e velocidade. Elas permitem que você possa melhorar o seu site com um impacto positivo na velocidade e experiência do usuário online! Ah, e esse formato também mantém a transparência das imagens como os PNGs.

O que é uma imagem WebP – mais técnico

WebP é um novo formato de imagem que fornece compressão sem perdas e com perdas para imagens na web. É baseado no codec de vídeo VP8, e foi criado pela Google para aprimorar o desempenho da web. O WebP substitui os arquivos GIF e JPEG nas plataformas que suportam este tipo de arquivo, como WordPress.

Configurando WebP

  • Instalando o Conversor de Imagem WebP
  • Criando uma imagem WebP
  • Usando a Imagem WebP no WordPress

Convertendo imagens jpg/png para WebP

  • Convertendo imagens jpg/png para WebP
  • Usando o plugin Imagem Compress
  • Com um comando de linha de comando do Linux ou MacOSX: `convert -quality 85% input.jpg -format webp output.webp`
  • Ou usando uma interface web na qual você pode ver as alterações realizadas no tamanho das imagens convertidas antes de efetivar a conversão (exemplo)

Implementando imagens WebP no WordPress

  • Adicione uma imagem WebP ao seu post
  • Utilizando o uploader de mídia, adicione a imagem ao seu post
  • Adicione a imagem à página do editor
  • Escolha WebP como o formato de arquivo de cada foto que você quer salvar e gravar/publish

Aprenda a usar as imagens WebP no WordPress

Aprenda a converter as suas fotos e pôsteres em webp, para que você possa mostrar seus trabalhos na internet.

Como converter imagens jpg e png em formato webp?

Você deve ter o plugin Imagify ou outros similares instalado no seu site para começar a usar o modo de conversão automaticamente em seu WordPress. Caso contrário, você precisará criar um processador de imagem personalizado para converter suas fotos e pôsteres de forma automatizada. Se você não sabe como criar um processador de imagem personalizado, veja esse tutorial do WordPress Codex.

Conclusão

Agora que você já sabe como instalar e implementar imagens webp no WordPress, é hora de começar a usar! Você pode seguir alguns conselhos simples para garantir que suas imagens fiquem boas:

Gostou do artigo?

Facebook
LinkedIn
Pinterest
WhatsApp
Picture of Rafael

Rafael