{"id":37611,"date":"2020-06-10T02:10:20","date_gmt":"2020-06-10T09:10:20","guid":{"rendered":"https:\/\/kinsta.com\/?p=72780"},"modified":"2025-09-25T04:59:07","modified_gmt":"2025-09-25T07:59:07","slug":"webp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/webp\/","title":{"rendered":"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)"},"content":{"rendered":"<p>Se voc\u00ea quiser <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\">acelerar o seu site WordPress<\/a>, reduzir o tamanho do arquivo de suas imagens oferece um retorno significativo sobre o seu investimento. Em m\u00e9dia, as imagens representam cerca da metade do tamanho do arquivo de uma p\u00e1gina da web, ent\u00e3o at\u00e9 mesmo pequenas melhorias podem render resultados incr\u00edveis. O WebP pode ajud\u00e1-lo imensamente com isso!<\/p>\n<p>WebP \u00e9 um formato de imagem moderno que pode ajudar voc\u00ea a reduzir o tamanho de suas imagens sem mudar a apar\u00eancia delas. Em m\u00e9dia, aprender como converter uma imagem para WebP pode reduzir o tamanho do arquivo em ~25-35%, sem perda de qualidade.<\/p>\n<p>A maioria dos <a href=\"https:\/\/kinsta.com\/pt\/participacao-mercado-navegadores-desktop\/\">navegadores modernos<\/a> e o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-8\/\">WordPress 5.8+<\/a> suportam WebP. Neste artigo, vamos dar uma olhada neste novo formato de imagem e mostrar como voc\u00ea pode tirar proveito de suas imagens.<\/p>\n<p>Pronto? Vamos come\u00e7ar!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>O que \u00e9 WebP?<\/h2>\n<p>Ent\u00e3o, o que \u00e9 um arquivo WebP? Em poucas palavras, WebP \u00e9 um formato de imagem desenvolvido pelo Google para otimizar imagens melhor do que os formatos de imagem populares (naquela \u00e9poca). Por exemplo, voc\u00ea tem formatos de imagem como <a href=\"https:\/\/kinsta.com\/pt\/blog\/jpg-vs-jpeg\/\">JPEG ou JPG<\/a> e PNG.<\/p>\n<p><strong>Nota:<\/strong> Verifique como <a href=\"https:\/\/kinsta.com\/pt\/blog\/tipos-arquivo-imagem\/\">diferentes tipos de arquivos de imagem<\/a> podem impactar a velocidade do seu site.<\/p>\n<p>WebP foca na entrega do mesmo arquivo de imagem, apenas com arquivos de tamanho menor. Ao reduzir o tamanho de seus arquivos de imagem, voc\u00ea ainda pode dar a mesma experi\u00eancia aos visitantes do seu site, mas o <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/velocidade-de-sites\/\">seu site ser\u00e1 carregado mais rapidamente<\/a>.<\/p>\n<p>Por exemplo, no <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\" target=\"_blank\" rel=\"noopener noreferrer\">estudo de compress\u00e3o WebP do Google<\/a>, o Google descobriu que um arquivo de imagem WebP est\u00e1 em m\u00e9dia:<\/p>\n<ul>\n<li>25-34% menor do que uma imagem JPEG.<\/li>\n<li>26% menor do que uma imagem PNG.<\/li>\n<\/ul>\n<p>Esta \u00e9 a raz\u00e3o pela qual se voc\u00ea <a href=\"https:\/\/kinsta.com\/pt\/blog\/google-pagespeed-insights\/\">executar seu site atrav\u00e9s do PageSpeed Insights<\/a>, uma das muitas recomenda\u00e7\u00f5es \u00e9 <strong>Servir imagens em formatos de pr\u00f3xima gera\u00e7\u00e3o como o WebP<\/strong>:<\/p>\n<figure id=\"attachment_72785\" aria-describedby=\"caption-attachment-72785\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72785 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/google-pagespeed-insights-1024x621.png\" alt=\"O Google PageSpeed Insights sugere o uso de imagens WebP\" width=\"1024\" height=\"621\"><figcaption id=\"caption-attachment-72785\" class=\"wp-caption-text\">O Google PageSpeed Insights sugere o uso de imagens WebP<\/figcaption><\/figure>\n<p>Ent\u00e3o como o formato WebP do Google consegue essas redu\u00e7\u00f5es no tamanho do arquivo?<\/p>\n<p>Primeiro, ele suporta <a href=\"https:\/\/kinsta.com\/pt\/blog\/compressao-com-perdas-vs-sem-perdas\/\">compress\u00e3o com e sem perda<\/a>, ent\u00e3o a redu\u00e7\u00e3o exata depender\u00e1 se voc\u00ea estiver usando compress\u00e3o com ou sem perdas.<\/p>\n<p>Com compress\u00e3o com perda, a WebP usa algo chamado &#8220;codifica\u00e7\u00e3o preditiva&#8221; para diminuir o tamanho do arquivo. A codifica\u00e7\u00e3o preditiva usa os valores dos p\u00edxeis vizinhos em uma imagem para prever valores e depois codifica apenas a diferen\u00e7a. \u00c9 baseado na codifica\u00e7\u00e3o de quadros-chave VP8.<\/p>\n<p>O Lossless WebP usa um conjunto muito mais complicado de m\u00e9todos desenvolvidos pela equipe da WebP.<\/p>\n<p>Se voc\u00ea quer aprender sobre as t\u00e9cnicas de compress\u00e3o WebP em detalhes, <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\" target=\"_blank\" rel=\"noopener noreferrer\">este artigo \u00e9 um bom ponto de partida<\/a>.<\/p>\n<h2>Quais navegadores da internet suportam o WebP?<\/h2>\n<p>Para que as imagens do WebP funcionem, o navegador de internet de um visitante precisa suport\u00e1-las. Infelizmente, embora o suporte para navegadores tenha crescido muito, a <strong>compatibilidade com WebP ainda n\u00e3o \u00e9 universal<\/strong>.<\/p>\n<p>Imagens WebP s\u00e3o suportadas por navegadores populares, como, por exemplo:<\/p>\n<ul>\n<li>Chrome <em>(desktop e m\u00f3vel<\/em>)<\/li>\n<li>Firefox <em>(desktop e celular<\/em>)<\/li>\n<li>Microsoft Edge<\/li>\n<li>iOS e macOS Safari <em>(macOS 11 Big Sur<\/em>)<\/li>\n<li>Opera <em>(desktop e m\u00f3vel<\/em>)<\/li>\n<\/ul>\n<p>No momento em que estamos escrevendo este artigo, o Safari suporta imagens WebP apenas parcialmente.<\/p>\n<p>Internet Explorer tamb\u00e9m n\u00e3o suporta WebP (mas Edge suporta WebP porque \u00e9 baseado no Chrome). Entretanto, o uso do IE encolheu para menos de 1% do total de usu\u00e1rios de Internet. Isso \u00e9 uma b\u00ean\u00e7\u00e3o para todos na internet!<\/p>\n<p>No total, <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener noreferrer\">cerca de 95% dos usu\u00e1rios de Internet<\/a> usam um navegador que suporta WebP. Portanto, embora certamente tenha suporte majorit\u00e1rio, esses 5%, \u00e9 um obst\u00e1culo menor, especialmente quando se trata de usu\u00e1rios do Safari em vers\u00f5es antigas do MacOS. Em nosso tutorial de WordPress WebP abaixo, mostraremos como lidar com isso para que todos os seus visitantes tenham uma \u00f3tima experi\u00eancia.<\/p>\n<figure id=\"attachment_99587\" aria-describedby=\"caption-attachment-99587\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-99587\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/WebP-Browsers-Support-CanIUse.jpg\" alt=\"WebP support across major browsers.\" width=\"1100\" height=\"584\"><figcaption id=\"caption-attachment-99587\" class=\"wp-caption-text\">Suporte WebP atrav\u00e9s dos principais navegadores.<\/figcaption><\/figure>\n<h2>Compara\u00e7\u00e3o de tamanho do WebP vs JPG vs PNG<\/h2>\n<p>Segundo os testes do Google, as imagens do WebP s\u00e3o:<\/p>\n<ul>\n<li>25-34% menor do que imagens JPEG.<\/li>\n<li>26% menor do que imagens PNG.<\/li>\n<\/ul>\n<p>Se voc\u00ea quiser saber mais sobre a metodologia do Google, voc\u00ea pode encontrar links diretos para os resultados completos abaixo:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\" target=\"_blank\" rel=\"noopener noreferrer\">JPEG<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\" target=\"_blank\" rel=\"noopener noreferrer\">PNG<\/a><\/li>\n<\/ul>\n<p>Ambos os testes s\u00e3o baseados em mais de 11.000 imagens, inclusive:<\/p>\n<ul>\n<li>A famosa <a href=\"https:\/\/en.wikipedia.org\/wiki\/Lenna\" target=\"_blank\" rel=\"noopener noreferrer\">imagem da Lenna<\/a><\/li>\n<li>24 imagens do <a href=\"http:\/\/r0k.us\/graphics\/kodak\/\" target=\"_blank\" rel=\"noopener noreferrer\">conjunto de imagens coloridas verdadeiras da Kodak<\/a><\/li>\n<li>100 imagens do Tecnick.com<\/li>\n<li>Uma amostra aleat\u00f3ria de mais de 11.000 imagens do Google Image Search<\/li>\n<\/ul>\n<h2>Como usar imagens WebP no WordPress<\/h2>\n<p>A partir do <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-8\/\">WordPress 5.8<\/a>, voc\u00ea poder\u00e1 usar o formato de imagem WebP da mesma forma que os formatos JPEG, PNG, e GIF. Basta <a href=\"https:\/\/kinsta.com\/pt\/blog\/biblioteca-midia-wordpress\/\">enviar suas imagens para sua Biblioteca de M\u00eddia<\/a> e inclu\u00ed-las em seu conte\u00fado. Como o WordPress 5.8+ suporta o formato WebP por padr\u00e3o, voc\u00ea n\u00e3o precisa instalar plugins de terceiros para fazer upload de imagens WebP. Isso deve ser suficiente para a maioria dos casos de uso comum.<\/p>\n<p>Para come\u00e7ar imediatamente, voc\u00ea pode consultar nossa cartilha r\u00e1pida sobre o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-8\/#how-to-use-webp-images-in-wordpress\">uso de imagens WebP no WordPress 5.8+<\/a>. Sugerimos que voc\u00ea passe pelas <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-8\/#caveats-about-webp-in-wordpress-58\">advert\u00eancias sobre o suporte WebP no WordPress<\/a>.<\/p>\n<p>Entretanto, cerca de 5% das pessoas (principalmente usu\u00e1rios do Safari em MacOS mais antigos) usam um navegador web que n\u00e3o suporta WebP. Se voc\u00ea converter imagens WebP e us\u00e1-las diretamente em <a href=\"https:\/\/kinsta.com\/pt\/topicos\/estrategia-de-conteudo\/\">seu conte\u00fado<\/a>, esses visitantes n\u00e3o poder\u00e3o ver suas imagens, o que arruinaria sua experi\u00eancia de navega\u00e7\u00e3o.<\/p>\n<p>Al\u00e9m disso, gerar imagens WebP n\u00e3o \u00e9 t\u00e3o simples quanto obter uma imagem JPG\/JPEG, sendo o formato padr\u00e3o de arquivo de imagem na maioria das c\u00e2meras, smartphones e <a href=\"https:\/\/kinsta.com\/pt\/blog\/imagens-gratuitas-para-wordpress\/\">bibliotecas de imagens on-line<\/a>. O WordPress n\u00e3o suporta convers\u00e3o autom\u00e1tica de imagens para o formato WebP (ainda!).<\/p>\n<p>N\u00e3o se preocupe! H\u00e1 uma solu\u00e7\u00e3o.<\/p>\n<p>Voc\u00ea pode usar um plugin WordPress que converte suas imagens originais para o formato WebP <strong>e tamb\u00e9m<\/strong> fornece a imagem original como um fallback se o navegador do visitante n\u00e3o suportar WebP.<\/p>\n<p>Por exemplo, se voc\u00ea carregar um arquivo JPEG em seu site, o plugin:<\/p>\n<ul>\n<li>Converte o arquivo JPEG para WebP e serve a vers\u00e3o WebP para Chrome, Firefox, Edge, etc.<\/li>\n<li>Mostra o arquivo JPEG original aos visitantes navegando com o Safari (em vers\u00f5es antigas do MacOS) e outros navegadores que n\u00e3o suportam WebP.<\/li>\n<\/ul>\n<p>Dessa forma, todos podem ver \u00e0 sua imagem, e todos ganham a experi\u00eancia mais r\u00e1pida poss\u00edvel.<\/p>\n<p>Abaixo, passaremos por alguns dos <strong>melhores plugins WebP WordPress<\/strong>, todos eles funcionam com Kinsta e <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#kinstas-cdn\">o Kinsta CDN<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Se voc\u00ea estiver hospedando em Kinsta, precisar\u00e1 <a href=\"https:\/\/kinsta.com\/pt\/suporte-kinsta\/\">entrar em contato com nosso suporte<\/a> para que possamos criar regras Nginx para cache de cache WebP para alguns desses plugins.<\/p>\n<\/aside>\n\n<h3>Funcionalidade de otimiza\u00e7\u00e3o de imagem da Kinsta<\/h3>\n<figure id=\"attachment_189787\" aria-describedby=\"caption-attachment-189787\" style=\"width: 1434px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-189787 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/wordpress-CDN-image-optimization-3.png\" alt=\"Otimiza\u00e7\u00e3o de Imagem da Kinsta.\" width=\"1434\" height=\"615\"><figcaption id=\"caption-attachment-189787\" class=\"wp-caption-text\">Otimiza\u00e7\u00e3o de Imagem da Kinsta.<\/figcaption><\/figure>\n<p>Este primeiro n\u00e3o \u00e9 exatamente um plugin, mas sim uma funcionalidade integrada: <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#image-optimization-1\">Otimiza\u00e7\u00e3o de Imagem<\/a> da Kinsta.<\/p>\n<p>Este recurso &#8211; acessado atrav\u00e9s do painel personalizado da Kinsta, <a href=\"https:\/\/kinsta.com\/pt\/mykinsta\/\">MyKinsta<\/a> &#8211; cria automaticamente c\u00f3pias otimizadas das imagens originais do seu site, e ent\u00e3o serve o menor dos dois arquivos de imagem para seus visitantes.<\/p>\n<p>Sempre assegurar que o menor arquivo poss\u00edvel seja recuperado, a Otimiza\u00e7\u00e3o de Imagem aumenta imediatamente os tempos de carregamento, o que pode melhorar muito tanto seus <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-seo\/\">resultados de SEO<\/a> quanto a experi\u00eancia de seus usu\u00e1rios. O recurso aproveita diretamente o <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#kinstas-cdn\">r\u00e1pido CDN<\/a> da Kinsta para entregar os arquivos ainda mais r\u00e1pido.<\/p>\n<p>Os propriet\u00e1rios de sites podem escolher entre <a href=\"https:\/\/kinsta.com\/pt\/blog\/compressao-com-perdas-vs-sem-perdas\/\">compress\u00e3o com e sem perda<\/a> para suas imagens WebP, dependendo de suas necessidades. A otimiza\u00e7\u00e3o tamb\u00e9m pode ser habilitada ou desabilitada quando quiser, caso precisar fazer alguns testes.<\/p>\n<p>O recurso de Otimiza\u00e7\u00e3o de Imagem \u00e9 completamente gratuito para todos os clientes Kinsta. Veja aqui como habilit\u00e1-la:<\/p>\n<ol>\n<li>Envie suas imagens para sua biblioteca de m\u00eddia WordPress hospedada pela Kinsta.<\/li>\n<li>Entre no seu painel MyKinsta.<\/li>\n<li>Navegue para <strong>Sites WordPress &gt; <em>nomedosite<\/em> &gt; CDN<\/strong>.<\/li>\n<li>Clique no bot\u00e3o <strong>Configura\u00e7\u00f5es<\/strong> abaixo da se\u00e7\u00e3o Otimiza\u00e7\u00e3o de imagens.<\/li>\n<li>Escolha entre Compress\u00e3o sem perda e Compress\u00e3o com perda, ent\u00e3o clique em <strong>Salvar configura\u00e7\u00f5es<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_141891\" aria-describedby=\"caption-attachment-141891\" style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141891 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/12\/MyKinsta-image-optimization-options-lossless.png\" alt=\"Escolha entre Compress\u00e3o sem perda ou com perda.\" width=\"1600\" height=\"761\"><figcaption id=\"caption-attachment-141891\" class=\"wp-caption-text\">Escolha entre Compress\u00e3o sem perda ou com perda.<\/figcaption><\/figure>\n<p>Se voc\u00ea ainda n\u00e3o est\u00e1 na plataforma Kinsta, voc\u00ea pode <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#image-optimization-1#enabling-image-optimization\">experimentar o recurso<\/a> sem nenhum custo, <a href=\"https:\/\/kinsta.com\/pt\/falar-com-vendas\/\">agendando uma demonstra\u00e7\u00e3o<\/a>.<\/p>\n<h3>Compress\u00e3o sem perda vs Compress\u00e3o com perda<\/h3>\n<p>Voc\u00ea pode escolher entre <a href=\"https:\/\/kinsta.com\/pt\/blog\/compressao-com-perdas-vs-sem-perdas\/\">compress\u00e3o sem perda e com perda<\/a>\u00a0para seus arquivos. Embora ambos os m\u00e9todos comprima seus arquivos de imagem e remova seus metadados, h\u00e1 uma grande diferen\u00e7a entre eles:<\/p>\n<ul>\n<li><strong>Otimiza\u00e7\u00e3o de imagens sem perda:<\/strong> A compress\u00e3o de imagens sem perda tem impacto zero sobre a qualidade de suas imagens. Voc\u00ea deve escolher esta op\u00e7\u00e3o se a qualidade da imagem for mais importante para voc\u00ea do que a velocidade.<\/li>\n<li><strong>Otimiza\u00e7\u00e3o de imagens com perda:<\/strong> A <a href=\"https:\/\/kinsta.com\/pt\/blog\/compressao-com-perda\/\">compress\u00e3o de imagens com perda<\/a> pode reduzir a qualidade de suas imagens. Escolha esta op\u00e7\u00e3o para maximizar e priorizar a velocidade sobre a qualidade da imagem.<\/li>\n<\/ul>\n<p>A seguir, veremos alguns plugins WordPress para otimiza\u00e7\u00e3o.<\/p>\n<h3>ShortPixel<\/h3>\n<figure id=\"attachment_73553\" aria-describedby=\"caption-attachment-73553\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/ShortPixel-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-73553\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/ShortPixel-plugin.jpg\" alt=\"ShortPixel WordPress plugin\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73553\" class=\"wp-caption-text\">Plugin ShortPixel WordPress<\/figcaption><\/figure>\n<p>O ShortPixel \u00e9 um dos plugins de <a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/\">otimiza\u00e7\u00e3o de imagens<\/a> para WordPress mais populares e pode ajudar voc\u00ea a redimensionar e compactar automaticamente as imagens que enviar para o seu site WordPress.<\/p>\n<p>Como parte da sua lista de recursos, ShortPixel tamb\u00e9m pode ajudar voc\u00ea a converter automaticamente imagens para WebP e servir essas imagens para navegadores que o suportam.<\/p>\n<p>ShortPixel conta cada tamanho de imagem WordPress que voc\u00ea otimizar como um cr\u00e9dito. Portanto, se voc\u00ea quiser otimizar v\u00e1rios tamanhos de miniaturas de imagem, uma imagem pode usar in\u00fameros cr\u00e9ditos. N\u00e3o h\u00e1 limites de tamanho de arquivo para imagens.<\/p>\n<p>Voc\u00ea pode distribuir seus cr\u00e9ditos do ShortPixel por ilimitados sites &#8211; n\u00e3o h\u00e1 limites por site<em>(e todos os seus sites podem usar a mesma conta ShortPixel<\/em>).<\/p>\n<p>Para usar o ShortPixel para fornecer imagens em WebP no WordPress, voc\u00ea precisar\u00e1 instalar o <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\">plugin ShortPixel a partir do WordPress.org<\/a> e adicionar sua chave API (<em>que pode ser obtida registrando-se para uma <a href=\"https:\/\/shortpixel.com\/free-sign-up\">conta gratuita no ShortPixel<\/a><\/em>).<\/p>\n<p>Na aba <strong>General<\/strong>, voc\u00ea pode ajustar as configura\u00e7\u00f5es b\u00e1sicas de como a otimiza\u00e7\u00e3o da imagem funciona. Por exemplo, qual n\u00edvel de compress\u00e3o deve ser usado e se deve redimensionar a imagem:<\/p>\n<figure id=\"attachment_72787\" aria-describedby=\"caption-attachment-72787\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72787 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/webp-images-1-shortpixel-1024x771.png\" alt=\"Como definir o n\u00edvel de compress\u00e3o e as dimens\u00f5es da imagem com o ShortPixel\" width=\"1024\" height=\"771\"><figcaption id=\"caption-attachment-72787\" class=\"wp-caption-text\">Como definir o n\u00edvel de compress\u00e3o e as dimens\u00f5es da imagem com o ShortPixel<\/figcaption><\/figure>\n<p>Para habilitar imagens WebP, v\u00e1 para a aba <strong>Advanced<\/strong> e:<\/p>\n<ol>\n<li>Marque a caixa para <strong>WebP Images<\/strong><\/li>\n<li>Marque a caixa para <strong>Deliver the WebP versions&#8230;<\/strong> (isso aparece ap\u00f3s voc\u00ea marcar a primeira caixa)<\/li>\n<li>Selecione o bot\u00e3o de op\u00e7\u00e3o <strong>Using the &lt;PICTURE&gt; tag syntax<\/strong> (isso aparece ap\u00f3s marcar a caixa anterior)<\/li>\n<li>Deixe o padr\u00e3o <strong>Only via WordPress hooks selection<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72788\" aria-describedby=\"caption-attachment-72788\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72788 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/webp-images-2-shortpixel-webp-settings-1024x809.png\" alt=\"Como habilitar imagens WebP no WordPress com o ShortPixel\" width=\"1024\" height=\"809\"><figcaption id=\"caption-attachment-72788\" class=\"wp-caption-text\">Como habilitar imagens WebP no WordPress com o ShortPixel<\/figcaption><\/figure>\n<p>Ent\u00e3o, salve suas altera\u00e7\u00f5es.<\/p>\n<p>Se voc\u00ea estiver hospedando em Kinsta, ShortPixel lhe dar\u00e1 uma mensagem de aviso sobre a configura\u00e7\u00e3o dos arquivos de configura\u00e7\u00e3o do servidor no Nginx. Para configurar estas configura\u00e7\u00f5es, voc\u00ea pode\u00a0<a href=\"https:\/\/kinsta.com\/pt\/suporte-kinsta\/\">entrar em contato com o suporte da Kinsta<\/a>, e teremos prazer em ajustar a configura\u00e7\u00e3o do servidor para voc\u00ea.<\/p>\n<h3>Imagify<\/h3>\n<figure id=\"attachment_73552\" aria-describedby=\"caption-attachment-73552\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Imagify-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73552 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Imagify-plugin.jpg\" alt=\"Plugin Imagify do WordPress\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73552\" class=\"wp-caption-text\">Plugin Imagify do WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/#imagify\">Imagify<\/a> \u00e9 um plugin de otimiza\u00e7\u00e3o de imagem popular do mesmo desenvolvedor do <a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a>.<\/p>\n<p>Ele pode comprimir e redimensionar automaticamente as imagens que voc\u00ea envia para o seu site WordPress. Ent\u00e3o, ele tamb\u00e9m pode ajud\u00e1-lo a convert\u00ea-las para WebP e servir aquelas vers\u00f5es aos visitantes com navegadores que o suportam.<\/p>\n<p>Em termos de funcionalidades, ShortPixel e Imagify compartilham muitas semelhan\u00e7as. A diferen\u00e7a mais significativa vem quando voc\u00ea olha para os pre\u00e7os. Enquanto o ShortPixel cobra voc\u00ea com base em imagens sem limite de tamanho por imagem, o Imagify cobra voc\u00ea com base no tamanho total do arquivo, sem limite de imagem.<\/p>\n<p>Portanto, se voc\u00ea precisa otimizar muitas imagens grandes, a abordagem do ShortPixel pode ser mais barata. Mas se voc\u00ea precisa otimizar muitas imagens pequenas, a abordagem do Imagify pode ser mais barata.<\/p>\n<p>Imagify tem um n\u00edvel gratuito limitado que permite 25 MB de otimiza\u00e7\u00f5es por m\u00eas. Depois disso, os planos pagos come\u00e7am em $4,99 por m\u00eas para at\u00e9 1 GB ou $9,99 para um cr\u00e9dito \u00fanico de 1 GB.<\/p>\n<p>Como o ShortPixel, voc\u00ea pode estender os limites da sua conta em ilimitados sites.<\/p>\n<p>Para usar o Imagify para entregar imagens do WordPress WebP, voc\u00ea precisar\u00e1 instalar o <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin do WordPress.org<\/a> e adicionar sua chave API para come\u00e7ar.<\/p>\n<p>Uma vez ativado o plugin, voc\u00ea pode usar a caixa de <strong>General Settings<\/strong><b> <\/b>para escolher seu n\u00edvel de compress\u00e3o.<\/p>\n<figure id=\"attachment_72782\" aria-describedby=\"caption-attachment-72782\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-72782\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/webp-images-imagify-compression-1024x639.png\" alt=\"How to set compression level in Imagify\" width=\"1024\" height=\"639\"><figcaption id=\"caption-attachment-72782\" class=\"wp-caption-text\">Como definir o n\u00edvel de compress\u00e3o no Imagify<\/figcaption><\/figure>\n<p>Para ativar imagens WebP, des\u00e7a at\u00e9 a se\u00e7\u00e3o <strong>Optimization<\/strong> e encontre a se\u00e7\u00e3o <strong>WebP Format<\/strong>:<\/p>\n<ol>\n<li>Marque a caixa para <strong>Create webp versions of images<\/strong><\/li>\n<li>Marque a caixa para <strong>Display images in webp format\u2026<\/strong><\/li>\n<li>Selecione o bot\u00e3o de op\u00e7\u00e3o para <strong>use &lt;picture&gt; tags<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72783\" aria-describedby=\"caption-attachment-72783\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72783 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webp-images-imagify-webp-1024x369.png\" alt=\"Como habilitar imagens do WordPress WebP no Imagify\" width=\"1024\" height=\"369\"><figcaption id=\"caption-attachment-72783\" class=\"wp-caption-text\">Como habilitar imagens do WordPress WebP no Imagify<\/figcaption><\/figure>\n<p>Como no ShortPixel, se voc\u00ea estiver hospedando em Kinsta, voc\u00ea precisar\u00e1 criar uma regra <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-nginx\/\">Nginx<\/a> para cache de cache WebP (procure o suporte da Kinsta).<\/p>\n<h3>Optimole<\/h3>\n<figure id=\"attachment_73554\" aria-describedby=\"caption-attachment-73554\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Optimole-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73554 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Optimole-plugin.jpg\" alt=\"Plugin Optimole WordPress\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73554\" class=\"wp-caption-text\">Plugin Optimole WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/#optimole\">Optimole<\/a> \u00e9 um plugin de otimiza\u00e7\u00e3o de imagem WordPress que opera um pouco diferente do Imagify e do ShortPixel. O Optimole pode comprimir e redimensionar automaticamente suas imagens. No entanto, ele tamb\u00e9m tem duas outras funcionalidades not\u00e1veis:<\/p>\n<ol>\n<li>Ele pode servir suas imagens atrav\u00e9s do seu CDN (alimentado por Amazon CloudFront).<\/li>\n<li>Ele oferece imagens adaptativas em tempo real, onde a Optimole fornecer\u00e1 a imagem de tamanho ideal para cada visitante. Por exemplo, algu\u00e9m navegando em uma pequena tela ter\u00e1 uma imagem de menor resolu\u00e7\u00e3o do que algu\u00e9m navegando em uma tela Retina.<\/li>\n<\/ol>\n<p>Esta abordagem \u00e9 similar a outros servi\u00e7os de otimiza\u00e7\u00e3o\/manipula\u00e7\u00e3o em tempo real como Cloudinary, imgix, KeyCDN Image Processing, etc.<\/p>\n<p>A Optimole tamb\u00e9m pode entregar imagens WebP aos visitantes com navegadores que a suportam como parte desta otimiza\u00e7\u00e3o de imagem em tempo real.<\/p>\n<p>A Optimole tem um plano gratuito limitado que pode atender cerca de ~5.000 visitantes por m\u00eas. Depois disso, os planos pagos come\u00e7am em $19 por m\u00eas para ~25.000 visitantes.<\/p>\n<p>Para come\u00e7ar, voc\u00ea precisar\u00e1 instalar o <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin do WordPress.org<\/a> e ativ\u00e1-lo com uma chave API <em>(que voc\u00ea pode obter registrando-se para uma conta Optimole gratuita<\/em>).<\/p>\n<p>Ap\u00f3s fazer isso, o Optimole come\u00e7ar\u00e1 automaticamente a otimizar suas imagens e entreg\u00e1-las por meio do <a href=\"https:\/\/kinsta.com\/pt\/blog\/cdn-para-wordpress\/\">CDN<\/a>. O suporte WebP \u00e9 ativado por padr\u00e3o, portanto, n\u00e3o h\u00e1 necessidade de ativ\u00e1-lo manualmente.<\/p>\n<p>Para ajustar outras configura\u00e7\u00f5es, como n\u00edveis de compress\u00e3o e comportamento de escalonamento, voc\u00ea pode ir para a <strong>M\u00eddia \u2192 Optimole \u2192 Settings<\/strong>:<\/p>\n<figure id=\"attachment_72786\" aria-describedby=\"caption-attachment-72786\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72786 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/optimole-1024x685.png\" alt=\"O Optimole habilita as imagens do WordPress WebP por padr\u00e3o.\" width=\"1024\" height=\"685\"><figcaption id=\"caption-attachment-72786\" class=\"wp-caption-text\">O Optimole habilita as imagens do WordPress WebP por padr\u00e3o.<\/figcaption><\/figure>\n<p>Como a Optimole lida com a entrega de suas imagens atrav\u00e9s do seu CDN, n\u00e3o h\u00e1 necessidade de configurar nenhuma regra Nginx se voc\u00ea estiver hospedando na Kinsta.<\/p>\n\n<h2>Resumo<\/h2>\n<p>As imagens do seu site WordPress comp\u00f5em uma grande parte do tamanho do arquivo de uma p\u00e1gina m\u00e9dia. Se voc\u00ea puder encontrar maneiras de reduzir o tamanho de suas imagens, voc\u00ea pode <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\">acelerar o seu site<\/a> sem prejudicar a experi\u00eancia do usu\u00e1rio. WebP \u00e9 um formato de imagem moderno que faz exatamente isso, oferecendo uma redu\u00e7\u00e3o de ~25% no tamanho do arquivo em compara\u00e7\u00e3o com arquivos JPEG ou PNG.<\/p>\n<p>Cerca de 95% dos usu\u00e1rios de Internet j\u00e1 usam um navegador que suporta WebP. As vers\u00f5es WordPress 5.8+ tamb\u00e9m suportam WebP. Portanto, n\u00e3o h\u00e1 nenhuma raz\u00e3o para voc\u00ea n\u00e3o usar.<\/p>\n<p>No entanto, um pequeno n\u00famero de navegadores, incluindo o Safari em vers\u00f5es mais antigas do macOS, ainda n\u00e3o oferece suporte ao WebP. Portanto, voc\u00ea ainda n\u00e3o pode disponibilizar imagens WebP para todos os visitantes. Para contornar isso, voc\u00ea pode usar um plugin do WordPress que converte imagens em WebP e disponibiliza vers\u00f5es WebP para visitantes habilitados para navegador enquanto usa as imagens originais para visitantes habilitados para navegador.<\/p>\n<p>Para mais t\u00e1ticas para otimizar imagens, confira <a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/\">nosso guia completo para otimizar imagens para o desempenho da web<\/a>. E n\u00e3o se esque\u00e7a que os clientes Kinsta podem gerar automaticamente imagens WebP comprimidas, sem custo no espa\u00e7o em disco, aproveitando o <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#image-optimization-1\">recurso<\/a> gratuito de <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#image-optimization-1\">Otimiza\u00e7\u00e3o de Imagens<\/a> incorporado na Kinsta.<\/p>\n<p><em>Se voc\u00ea tem alguma d\u00favida sobre o uso do WebP no WordPress, por favor, pergunte nos coment\u00e1rios abaixo!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea quiser acelerar o seu site WordPress, reduzir o tamanho do arquivo de suas imagens oferece um retorno significativo sobre o seu investimento. Em m\u00e9dia, &#8230;<\/p>\n","protected":false},"author":37,"featured_media":37624,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[273,374],"topic":[1039,973,1015],"class_list":["post-37611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp","topic-design-sites-wordpress","topic-otimizacao-de-imagens","topic-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)<\/title>\n<meta name=\"description\" content=\"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/webp\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)\" \/>\n<meta property=\"og:description\" content=\"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/webp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/jonpenland\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-10T09:10:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-25T07:59:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jon Penland\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@jonrichpen\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jon Penland\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/\"},\"author\":{\"name\":\"Jon Penland\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\"},\"headline\":\"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)\",\"datePublished\":\"2020-06-10T09:10:20+00:00\",\"dateModified\":\"2025-09-25T07:59:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/\"},\"wordCount\":2941,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\",\"keywords\":[\"pagespeed\",\"webp\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/webp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/\",\"name\":\"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\",\"datePublished\":\"2020-06-10T09:10:20+00:00\",\"dateModified\":\"2025-09-25T07:59:07+00:00\",\"description\":\"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\",\"width\":768,\"height\":384,\"caption\":\"Como Usar Imagens WebP em WordPress (E Encolher Arquivos de Imagens em Tamanhos de at\u00e9 35%)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/webp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Otimiza\u00e7\u00e3o de Imagens\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/otimizacao-de-imagens\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\",\"name\":\"Jon Penland\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"caption\":\"Jon Penland\"},\"description\":\"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.\",\"sameAs\":[\"http:\/\/www.jonpenland.com\",\"https:\/\/www.facebook.com\/jonpenland\",\"https:\/\/www.linkedin.com\/in\/jonpenland\",\"https:\/\/x.com\/jonrichpen\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/jonpenland\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)","description":"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/webp\/","og_locale":"pt_PT","og_type":"article","og_title":"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)","og_description":"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.","og_url":"https:\/\/kinsta.com\/pt\/blog\/webp\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_author":"https:\/\/www.facebook.com\/jonpenland","article_published_time":"2020-06-10T09:10:20+00:00","article_modified_time":"2025-09-25T07:59:07+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","type":"image\/jpeg"}],"author":"Jon Penland","twitter_card":"summary_large_image","twitter_description":"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","twitter_creator":"@jonrichpen","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Jon Penland","Tempo estimado de leitura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/"},"author":{"name":"Jon Penland","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a"},"headline":"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)","datePublished":"2020-06-10T09:10:20+00:00","dateModified":"2025-09-25T07:59:07+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/"},"wordCount":2941,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","keywords":["pagespeed","webp"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/webp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/","url":"https:\/\/kinsta.com\/pt\/blog\/webp\/","name":"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","datePublished":"2020-06-10T09:10:20+00:00","dateModified":"2025-09-25T07:59:07+00:00","description":"Precisa reduzir o tamanho dos arquivos de imagem? Aprenda mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar no seu site WordPress.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","width":768,"height":384,"caption":"Como Usar Imagens WebP em WordPress (E Encolher Arquivos de Imagens em Tamanhos de at\u00e9 35%)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Otimiza\u00e7\u00e3o de Imagens","item":"https:\/\/kinsta.com\/pt\/topicos\/otimizacao-de-imagens\/"},{"@type":"ListItem","position":3,"name":"Como usar Imagens WebP no WordPress (Reduza o Tamanho dos Arquivos de Imagem em at\u00e9 35%)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a","name":"Jon Penland","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","caption":"Jon Penland"},"description":"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.","sameAs":["http:\/\/www.jonpenland.com","https:\/\/www.facebook.com\/jonpenland","https:\/\/www.linkedin.com\/in\/jonpenland","https:\/\/x.com\/jonrichpen"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/jonpenland\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/37611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=37611"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/37611\/revisions"}],"predecessor-version":[{"id":72964,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/37611\/revisions\/72964"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/jp"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/37624"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=37611"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=37611"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=37611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}