{"id":17474,"date":"2019-12-09T19:44:52","date_gmt":"2019-12-09T21:44:52","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=17474"},"modified":"2025-03-21T20:09:30","modified_gmt":"2025-03-21T23:09:30","slug":"webp","status":"publish","type":"post","link":"\/br\/tutoriais\/webp","title":{"rendered":"O que \u00e9 WebP? Acelere seu site com este formato"},"content":{"rendered":"

Ter um site<\/a> que carrega rapidamente talvez seja o maior sonho de todo webmaster. Uma das maneiras de otimizar a velocidade da página é usando formatos de imagem WebP. Mas o que é WebP<\/strong>, afinal de contas?<\/p>

Trata-se de um formato que oferece imagens ricas e de alta qualidade, mas com um tamanho menor do que PNG ou JPEG. Neste artigo, você irá aprender sobre WebP, seus prós e contras, e como usar esse formato no seu site do WordPress<\/a>.<\/p>

Baixar Glossário Completo de Desenvolvimento Web<\/a><\/p>

O Que Exatamente é WebP?<\/strong><\/h2>

O WebP é um formato de arquivo que foi desenvolvido pela Google<\/a> lá em 2010. Ele oferece uma taxa de compressão mais alta para imagens, enquanto mantém a sua qualidade intacta.<\/p>

Webmasters e desenvolvedores podem criar imagens com tamanhos de arquivos menores, para que você possa carregá-los mais rapidamente.<\/p>

Este formato usa métodos de compressão mais poderoso, tanto do tipo lossy <\/em>quanto do lossless<\/em>, se comparado com os formatos PNG e JPEG.<\/p>

Compressão sem perda (lossless<\/em>) significa que cada bit dos dados originais vão se manter os mesmos depois que o arquivo é extraído. A compressão sem perdas do WebP permite reduzir o tamanho de imagens em até 26%<\/a><\/strong>, se comparado ao PNG.<\/p>

Por outro lado, há também a compressão do tipo com perda (lossy<\/em>), que geralmente reduz o tamanho do arquivo ao remover uma certa quantidade dos dados original.<\/p>

Usando programação preditiva para codificar a imagem, o WebP do tipo com perda oferece uma qualidade comparável com o JPEG, enquanto reduz os tamanhos de imagem de 25% a 34%<\/a><\/strong>.<\/p>

\n
\"imagem
Comparativo detalha imagem PNG sem perdas (1,5 MB) com a mesma foto em JPEG (45 – 95,6 Kb) e em WebP (76 – 95,7 Kb) (Fonte: Christophe Mehay\/Wikimedia Commons)<\/figcaption><\/figure><\/div>

As Vantagens<\/strong><\/h3>

Como notamos anteriormente, tamanhos de imagem menores podem fazer uma grande diferença no seu site – isso ajuda a página a carregar mais rapidamente.<\/p>

Outro benefício é que você pode economizar mais largura de banda, especialmente se o seu site está cheio de imagens. Isso acontece, por exemplo, se você está administrando um blog de viagens<\/a> ou de fotografia<\/a>, entre outros temas.<\/p>

\"\"<\/a><\/figure>

Para entender melhor a diferença, vamos olhar para uma breve explicação dos formatos JPEG <\/strong>e PNG<\/strong>.<\/p>