{"id":37611,"date":"2020-06-10T02:10:20","date_gmt":"2020-06-10T09:10:20","guid":{"rendered":"https:\/\/staging.kinsta.site\/?p=72780"},"modified":"2020-06-24T18:21:35","modified_gmt":"2020-06-24T21:21:35","slug":"webp","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/","title":{"rendered":"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)"},"content":{"rendered":"<p>Se voc\u00ea quer <a href=\"https:\/\/staging.kinsta.site\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\">acelerar seu site WordPress<\/a>, encontrar maneiras de reduzir o tamanho de suas imagens oferece um grande retorno sobre o seu investimento.<\/p>\n<p>Em m\u00e9dia, as imagens representam cerca de metade do tamanho de um arquivo de uma p\u00e1gina web, portanto, mesmo pequenas melhorias podem ter grandes resultados.<\/p>\n<p>WebP \u00e9 um formato moderno de imagem que pode ajud\u00e1-lo a reduzir o tamanho das suas imagens sem alterar a sua apar\u00eancia. Em m\u00e9dia, aprender como converter uma imagem para WebP pode diminuir seu tamanho em ~25-35% sem perda discern\u00edvel na qualidade.<\/p>\n<p>\u00c9 por isso que vamos mergulhar fundo no assunto neste post do blog!<\/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&#8230; o que \u00e9 um arquivo WebP? Em resumo, WebP \u00e9 um formato de imagem que \u00e9 desenvolvido pelo Google. Por exemplo, voc\u00ea tem formatos de imagem como <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/jpg-vs-jpeg\/\">JPEG ou JPG<\/a> e PNG, certo? Bem, WebP \u00e9 um formato de arquivo alternativo para imagens.<\/p>\n<p>A WebP est\u00e1 focada em entregar o mesmo arquivo de imagem, apenas com um tamanho de arquivo menor. Ao reduzir o tamanho dos seus arquivos de imagem, voc\u00ea ainda pode entregar a mesma experi\u00eancia aos visitantes do seu site, mas <a href=\"https:\/\/staging.kinsta.site\/pt\/aprenda\/velocidade-de-sites\/\">o 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\">estudo de compress\u00e3o WebP do Google<\/a>, o Google descobriu que um arquivo de imagem WebP est\u00e1 em m\u00e9dia&#8230;<\/p>\n<ul>\n<li>25-34% menor do que uma imagem JPEG compar\u00e1vel.<\/li>\n<li>26% menor do que uma imagem compar\u00e1vel de PNG.<\/li>\n<\/ul>\n<p>\u00c9 por isso que, se voc\u00ea <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/google-pagespeed-insights\/\">rodar 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 style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/google-pagespeed-insights-1024x621.png\" alt=\"O Google PageSpeed Insights sugere o uso de imagens WebP\" width=\"1024\" height=\"621\"><figcaption 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>WebP suporta tanto a <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/compressao-com-perda\/\">compress\u00e3o com e sem perdas<\/a>, portanto a redu\u00e7\u00e3o exata depender\u00e1 de se voc\u00ea est\u00e1 usando compress\u00e3o com ou sem perdas<\/p>\n<p>Com compress\u00e3o WebP com perdas, 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 pixels 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 que foram 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\">este artigo \u00e9 um bom ponto de partida<\/a>.<\/p>\n<h2>Quais Navegadores Web suportam WebP?<\/h2>\n<p>Para que as imagens do WebP funcionem, o navegador de um visitante precisa apoi\u00e1-las. Infelizmente, enquanto o suporte ao navegador cresceu muito, a <strong>compatibilidade com WebP ainda n\u00e3o \u00e9 universal<\/strong>.<\/p>\n<p>As imagens WebP s\u00e3o suportadas por navegadores populares, como por exemplo:<\/p>\n<ul>\n<li>Chrome (<em>desktop e celular<\/em>).<\/li>\n<li>Firefox (<em>desktop e celular<\/em>).<\/li>\n<li>Edge.<\/li>\n<li>Opera (<em>desktop e celular<\/em>).<\/li>\n<\/ul>\n<p>No entanto, o grande obst\u00e1culo \u00e9 o Safari. No momento em que estamos escrevendo este post, nem a vers\u00e3o desktop nem a vers\u00e3o mobile do Safari suportam imagens WebP. <a href=\"https:\/\/www.cnet.com\/news\/apple-ios-macos-tests-googles-webp-graphics-to-speed-up-web\/\">A Apple experimentou brevemente<\/a> o suporte WebP para o Safari em 2016, mas n\u00e3o houve mais nenhum empurr\u00e3o desde ent\u00e3o.<\/p>\n<p>O Internet Explorer tamb\u00e9m n\u00e3o suporta WebP (mas o Edge suporta WebP porque \u00e9 baseado no Chromium).<\/p>\n<p>No total, <a href=\"https:\/\/caniuse.com\/#feat=webp\">cerca de 77% dos usu\u00e1rios de Internet <\/a>utilizam um navegador que suporta WebP. Portanto, embora certamente tenha suporte majorit\u00e1rio, esse 23% \u00e9 muito grande para ser ignorado (<em>em nosso tutorial de WordPress WebP abaixo, vamos mostrar como lidar com isso para que todos os seus visitantes tenham uma \u00f3tima experi\u00eancia<\/em>):<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/suporte-webP-1024x663.jpg\" alt=\"Suporte WebP\" width=\"1024\" height=\"663\"><figcaption class=\"wp-caption-text\">Suporte WebP<\/figcaption><\/figure>\n<h2>Compara\u00e7\u00e3o de tamanho WebP vs JPG vs PNG<\/h2>\n<p>De acordo com os testes do Google, as imagens do WebP s\u00e3o:<\/p>\n<ul>\n<li>25-34% menor do que imagens JPEG compar\u00e1veis.<\/li>\n<li>26% menor do que imagens compar\u00e1veis de 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\">JPEG<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\">PNG<\/a><\/li>\n<\/ul>\n<p>Ambos os testes s\u00e3o baseados em mais de 11.000 imagens, incluindo:<\/p>\n<ul>\n<li>A famosa <a href=\"https:\/\/en.wikipedia.org\/wiki\/Lenna\">imagem da Lenna<\/a><\/li>\n<li>24 imagens do <a href=\"http:\/\/r0k.us\/graphics\/kodak\/\">conjunto de imagens coloridas verdadeiras 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>Como nem todos os navegadores suportam imagens WebP, voc\u00ea n\u00e3o pode simplesmente <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/biblioteca-midia-wordpress\/\">carregar arquivos de imagem WebP na sua Biblioteca de M\u00eddia<\/a> e us\u00e1-los diretamente no WordPress como voc\u00ea pode com JPEGs e PNGs.<\/p>\n<p>Novamente, 23% das pessoas (incluindo todos os usu\u00e1rios do Safari) usam um navegador web que n\u00e3o suporta WebP. Se voc\u00ea converter imagens WebP e us\u00e1-las diretamente no <a href=\"https:\/\/staging.kinsta.site\/pt\/aprenda\/conteudo-de-marketing\/\">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>N\u00e3o se preocupe, existe uma solu\u00e7\u00e3o!<\/p>\n<p>Ao inv\u00e9s de carregar imagens do WebP diretamente no WordPress, 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 no seu site, o plugin o far\u00e1:<\/p>\n<ul>\n<li>Converta o arquivo JPEG para WebP e use a vers\u00e3o WebP para visitantes navegando com Chrome, Firefox, etc.<\/li>\n<li>Mostrar o arquivo JPEG original aos visitantes navegando com o Safari e outros navegadores que n\u00e3o suportam WebP.<\/li>\n<\/ul>\n<p>Dessa forma, todos podem ver a 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 trabalhando com a Kinsta e <a href=\"https:\/\/staging.kinsta.site\/docs\/kinsta-cdn\/\">o Kinsta CDN<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"3\" 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 est\u00e1 hospedando na Kinsta, voc\u00ea precisar\u00e1<a href=\"https:\/\/staging.kinsta.site\/pt\/suporte-kinsta\/\"> contatar nosso suporte<\/a> para que possamos criar uma regra Nginx para baldes de cache WebP para alguns desses plugins.<\/p>\n<\/aside>\n\n<h3>ShortPixel<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/shortpixel-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/shortpixel-plugin.jpg\" alt=\"ShortPixel WordPress plugin\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">ShortPixel WordPress plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/otimizar-imagens-para-web\/#shortpixel\">ShortPixel<\/a> \u00e9 um popular plugin de <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/otimizar-imagens-para-web\/\">otimiza\u00e7\u00e3o de imagens WordPress<\/a> que pode ajud\u00e1-lo a redimensionar e comprimir automaticamente as imagens que voc\u00ea carrega no seu site WordPress.<\/p>\n<p>Como parte de sua lista de recursos, o ShortPixel tamb\u00e9m pode ajud\u00e1-lo a converter automaticamente imagens para WebP e servir essas imagens para navegadores que suportam WebP.<\/p>\n<p>ShortPixel tem um plano gratuito limitado que lhe permite otimizar ~100 imagens por m\u00eas de gra\u00e7a. Depois disso, os planos pagos come\u00e7am em $4,99 por m\u00eas para at\u00e9 5.000 imagens\/cr\u00e9ditos ou $9,99 uma \u00fanica vez para um pacote de 10.000 cr\u00e9ditos.<\/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 v\u00e1rios cr\u00e9ditos. N\u00e3o h\u00e1 limites de tamanho de arquivo para as imagens.<\/p>\n<p>Voc\u00ea pode distribuir seus cr\u00e9ditos de ShortPixel por ilimitados websites &#8211; n\u00e3o h\u00e1 limites por site (<em>e todos os seus websites podem usar a mesma conta ShortPixel<\/em>).<\/p>\n<p>Para usar o ShortPixel para servir imagens WebP no WordPress, voc\u00ea precisa instalar <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\">o plugin do WordPress.org<\/a> e adicionar sua chave API (<em>que voc\u00ea pode obter registrando-se para uma conta ShortPixel gratuita<\/em>).<\/p>\n<p>Na guia<strong> Geral<\/strong>, voc\u00ea pode configurar as configura\u00e7\u00f5es b\u00e1sicas para como a otimiza\u00e7\u00e3o de imagens funciona. Por exemplo, que n\u00edvel de compress\u00e3o usar e se as imagens devem ser redimensionadas ou n\u00e3o:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/definir-nivel-compressao-dimensoes-imagem-shortpixel-1024x771.png\" alt=\"Como definir o n\u00edvel de compress\u00e3o e as dimens\u00f5es da imagem no ShortPixel\" width=\"1024\" height=\"771\"><figcaption class=\"wp-caption-text\">Como definir o n\u00edvel de compress\u00e3o e as dimens\u00f5es da imagem no 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> Imagens WebP<\/strong><\/li>\n<li>Marque a caixa para<strong> entregar as vers\u00f5es do WebP&#8230; <\/strong>(isto aparece depois de marcar a primeira caixa)<\/li>\n<li>Selecione o bot\u00e3o de r\u00e1dio para<strong> Usar a sintaxe &lt;PICTURE&gt; tag <\/strong>(isto aparece ap\u00f3s marcar a caixa anterior)<\/li>\n<li>Deixe o padr\u00e3o<strong> Somente via sele\u00e7\u00e3o de ganchos do WordPress<\/strong><\/li>\n<\/ol>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/habilitar-imagens-webp-shortpixel-1024x809.png\" alt=\"Como habilitar imagens do WordPress WebP em ShortPixel\" width=\"1024\" height=\"809\"><figcaption class=\"wp-caption-text\">Como habilitar imagens do WordPress WebP em ShortPixel<\/figcaption><\/figure>\n<p>Ent\u00e3o, salve suas mudan\u00e7as.<\/p>\n<p>Se voc\u00ea estiver hospedado na Kinsta, o 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 <a href=\"https:\/\/staging.kinsta.site\/pt\/suporte-kinsta\/\">contactar o suporte da Kinsta<\/a> e n\u00f3s teremos prazer em configurar a configura\u00e7\u00e3o do servidor para voc\u00ea.<\/p>\n<h3>Imagify<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/imagify-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/imagify-plugin.jpg\" alt=\"Imagify WordPress plugin\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">Imagify WordPress plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/otimizar-imagens-para-web\/#imagify\">Imagify<\/a> \u00e9 um plugin popular de otimiza\u00e7\u00e3o de imagens do mesmo desenvolvedor do <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a> (que \u00e9 <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/wp-rocket\/\">um dos poucos plugins de cache que funciona com a Kinsta<\/a>).<\/p>\n<p>Ele pode comprimir e redimensionar automaticamente as imagens que voc\u00ea carrega para o seu site WordPress. Depois, ele tamb\u00e9m pode ajud\u00e1-lo a convert\u00ea-las para WebP e servir vers\u00f5es WebP para os visitantes com navegadores que o suportam.<\/p>\n<p>Em termos de caracter\u00edsticas, ShortPixel e Imagify compartilham muitas semelhan\u00e7as. A maior diferen\u00e7a vem quando voc\u00ea olha para o pre\u00e7o. 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 US$ 4,99 por m\u00eas para at\u00e9 1 GB ou US$ 9,99 para um cr\u00e9dito \u00fanico de 1 GB.<\/p>\n<p>Assim como o ShortPixel, voc\u00ea pode distribuir os limites da sua conta por sites ilimitados.<\/p>\n<p>Para usar o Imagify para entregar imagens do WordPress WebP, voc\u00ea precisar\u00e1 instalar <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">o 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<strong> Configura\u00e7\u00f5es Gerais <\/strong>para escolher seu n\u00edvel de compress\u00e3o.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/definir-nivel-compressao-imagify-1024x639.png\" alt=\"Como definir o n\u00edvel de compress\u00e3o em Imagify\" width=\"1024\" height=\"639\"><figcaption class=\"wp-caption-text\">Como definir o n\u00edvel de compress\u00e3o em Imagify<\/figcaption><\/figure>\n<p>Para ativar imagens WebP, des\u00e7a at\u00e9 a se\u00e7\u00e3o<strong> Otimiza\u00e7\u00e3o<\/strong> e encontre a se\u00e7\u00e3o<strong> Formato WebP<\/strong>:<\/p>\n<ol>\n<li>Marque a caixa para<strong> Criar vers\u00f5es webp das imagens<\/strong><\/li>\n<li>Marque a caixa para<strong> Exibir imagens em formato webp&#8230;<\/strong><\/li>\n<li>Selecione o bot\u00e3o de r\u00e1dio para<strong> usar &lt;PICTURE&gt; tags<\/strong><\/li>\n<li>Se voc\u00ea estiver hospedado na Kinsta e estiver usando o Kinsta CDN, digite a URL do seu Kinsta CDN no campo<strong> Se voc\u00ea usar uma caixa CDN <\/strong>(n\u00f3s lhe diremos como encontrar a URL da Kinsta CDN abaixo)<\/li>\n<\/ol>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/habilitar-imagens-webp-imagify-1024x369.png\" alt=\"Como habilitar imagens do WordPress WebP no Imagify\" width=\"1024\" height=\"369\"><figcaption class=\"wp-caption-text\">Como habilitar imagens do WordPress WebP no Imagify<\/figcaption><\/figure>\n<p>Se voc\u00ea estiver <a href=\"https:\/\/staging.kinsta.site\/docs\/kinsta-cdn\/\">usando o Kinsta CDN<\/a>, voc\u00ea pode encontrar a URL do CDN abrindo seu site no <a href=\"https:\/\/staging.kinsta.site\/pt\/mykinsta\/\">painel MyKinsta<\/a> e visitando a aba<strong> Kinsta CDN<\/strong> nas configura\u00e7\u00f5es do site:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/cdn-kinsta-1024x777.png\" alt=\"Como encontrar a URL do CDN da Kinsta\" width=\"1024\" height=\"777\"><figcaption class=\"wp-caption-text\">Como encontrar a URL do CDN da Kinsta<\/figcaption><\/figure>\n<p>Como no ShortPixel, se voc\u00ea estiver hospedando na Kinsta, voc\u00ea precisar\u00e1 criar uma regra <a href=\"https:\/\/staging.kinsta.site\/pt\/base-de-conhecimento\/o-que-e-nginx\/\">Nginx<\/a> para os baldes de cache WebP (basta chegar ao suporte da Kinsta).<\/p>\n<h3>Optimole<\/h3>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/optimole-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/optimole-plugin.jpg\" alt=\"Optimole WordPress plugin\" width=\"1500\" height=\"500\"><\/a><figcaption class=\"wp-caption-text\">Optimole WordPress plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/staging.kinsta.site\/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 possui duas outras caracter\u00edsticas not\u00e1veis:<\/p>\n<ol>\n<li>Ele pode servir suas imagens atrav\u00e9s de seu pr\u00f3prio CDN (powered by Amazon CloudFront).<\/li>\n<li>Oferece imagens adaptativas em tempo real, atrav\u00e9s das quais 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>Como parte desta otimiza\u00e7\u00e3o de imagem em tempo real, a Optimole tamb\u00e9m pode entregar imagens WebP aos visitantes com navegadores que a suportam.<\/p>\n<p>A Optimole tem um plano gratuito limitado que pode atender a cerca de ~5.000 visitantes por m\u00eas. Depois disso, os planos pagos come\u00e7am em 19 d\u00f3lares por m\u00eas para ~25.000 visitantes.<\/p>\n<p>Para come\u00e7ar, voc\u00ea precisar\u00e1 instalar <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">o 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>Uma vez que voc\u00ea fa\u00e7a isso, a Optimole come\u00e7ar\u00e1 a otimizar automaticamente suas imagens e a entreg\u00e1-las atrav\u00e9s do seu <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/cdn-para-wordpress\/\">CDN<\/a>. O suporte a WebP est\u00e1 ligado por padr\u00e3o, portanto n\u00e3o h\u00e1 necessidade de ativ\u00e1-lo manualmente.<\/p>\n<p>Para configurar outras configura\u00e7\u00f5es, como n\u00edveis de compress\u00e3o e comportamento de escalonamento, voc\u00ea pode ir para a<strong> Media \u2192 Optimole \u2192 Settings<\/strong>:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/area-configuracoes-optimole-1024x685.png\" alt=\"A \u00e1rea de configura\u00e7\u00f5es Optimole - As imagens do WordPress WebP est\u00e3o habilitadas por padr\u00e3o\" width=\"1024\" height=\"685\"><figcaption class=\"wp-caption-text\">A \u00e1rea de configura\u00e7\u00f5es Optimole &#8211; As imagens do WordPress WebP est\u00e3o habilitadas por padr\u00e3o<\/figcaption><\/figure>\n<p>Como a Optimole cuida da entrega de suas imagens atrav\u00e9s de seu pr\u00f3prio 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 encontrar maneiras de reduzir o tamanho de suas imagens, voc\u00ea pode <a href=\"https:\/\/staging.kinsta.site\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\">acelerar o seu site<\/a> sem alterar a experi\u00eancia dos seus visitantes.<\/p>\n<p>WebP \u00e9 um formato moderno de imagem que pode oferecer uma redu\u00e7\u00e3o de ~25% no tamanho do arquivo em compara\u00e7\u00e3o com arquivos JPEG ou PNG.<\/p>\n<p>A maioria dos navegadores modernos suporta WebP e cerca de 77% dos usu\u00e1rios de Internet t\u00eam um navegador que suporta WebP. No entanto, alguns navegadores, notadamente o Safari, ainda n\u00e3o oferecem suporte a WebP, portanto voc\u00ea n\u00e3o pode servir imagens WebP para todos os visitantes.<\/p>\n<p>Para resolver este problema, voc\u00ea pode usar um plugin WordPress que converte imagens para WebP e serve vers\u00f5es WebP para visitantes cujos navegadores suportam este formato, enquanto usa as imagens originais para visitantes cujos navegadores n\u00e3o o suportam.<\/p>\n<p>Tr\u00eas plugins que podem ajudar voc\u00ea a fazer isso s\u00e3o:<\/p>\n<ul>\n<li>ShortPixel.<\/li>\n<li>Imagify.<\/li>\n<li>Optimole.<\/li>\n<\/ul>\n<p>Para mais t\u00e1ticas de otimiza\u00e7\u00e3o de imagens, confira <a href=\"https:\/\/staging.kinsta.site\/pt\/blog\/otimizar-imagens-para-web\/\">nosso guia completo para otimizar imagens para o desempenho da web<\/a>.<\/p>\n<p>Voc\u00ea tem alguma d\u00favida sobre como usar o WebP no WordPress? Pergunte-nos nos coment\u00e1rios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea quer acelerar seu site WordPress, encontrar maneiras de reduzir o tamanho de suas imagens oferece um grande retorno 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":[],"class_list":["post-37611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.1.2 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)<\/title>\n<meta name=\"description\" content=\"Precisa reduzir o tamanho dos arquivos de imagem? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.kinsta.site\/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 (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)\" \/>\n<meta property=\"og:description\" content=\"Precisa reduzir o tamanho dos arquivos de imagem? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\" \/>\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=\"2020-06-24T21:21:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.kinsta.site\/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? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/staging.kinsta.site\/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=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/\"},\"author\":{\"name\":\"Jon Penland\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#\/schema\/person\/ab6e959e5cabc5b1a3792c18ce5da394\"},\"headline\":\"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)\",\"datePublished\":\"2020-06-10T09:10:20+00:00\",\"dateModified\":\"2020-06-24T21:21:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/\"},\"wordCount\":2463,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/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:\/\/staging.kinsta.site\/pt\/blog\/webp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/\",\"url\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/\",\"name\":\"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\",\"datePublished\":\"2020-06-10T09:10:20+00:00\",\"dateModified\":\"2020-06-24T21:21:35+00:00\",\"description\":\"Precisa reduzir o tamanho dos arquivos de imagem? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/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:\/\/staging.kinsta.site\/pt\/blog\/webp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.kinsta.site\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#website\",\"url\":\"https:\/\/staging.kinsta.site\/pt\/\",\"name\":\"Kinsta\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.kinsta.site\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/staging.kinsta.site\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/kinsta.png\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/kinsta.png\",\"width\":580,\"height\":580,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#\/schema\/person\/ab6e959e5cabc5b1a3792c18ce5da394\",\"name\":\"Jon Penland\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/staging.kinsta.site\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e626085c340d1b255a4522cc8d6a184855d9ba19b7ec0a6ead549acb7e15c5ef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e626085c340d1b255a4522cc8d6a184855d9ba19b7ec0a6ead549acb7e15c5ef?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:\/\/staging.kinsta.site\/pt\/blog\/author\/jonpenland\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)","description":"Precisa reduzir o tamanho dos arquivos de imagem? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.","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:\/\/staging.kinsta.site\/pt\/blog\/webp\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)","og_description":"Precisa reduzir o tamanho dos arquivos de imagem? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.","og_url":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/","og_site_name":"Kinsta","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":"2020-06-24T21:21:35+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/staging.kinsta.site\/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? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.","twitter_image":"https:\/\/staging.kinsta.site\/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":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#article","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/"},"author":{"name":"Jon Penland","@id":"https:\/\/staging.kinsta.site\/pt\/#\/schema\/person\/ab6e959e5cabc5b1a3792c18ce5da394"},"headline":"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)","datePublished":"2020-06-10T09:10:20+00:00","dateModified":"2020-06-24T21:21:35+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/"},"wordCount":2463,"commentCount":0,"publisher":{"@id":"https:\/\/staging.kinsta.site\/pt\/#organization"},"image":{"@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/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:\/\/staging.kinsta.site\/pt\/blog\/webp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/","url":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/","name":"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","datePublished":"2020-06-10T09:10:20+00:00","dateModified":"2020-06-24T21:21:35+00:00","description":"Precisa reduzir o tamanho dos arquivos de imagem? Saiba mais sobre o formato de imagem WebP e como voc\u00ea pode come\u00e7ar a usar imagens WebP no seu site WordPress com plugins.","breadcrumb":{"@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.kinsta.site\/pt\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/staging.kinsta.site\/pt\/blog\/webp\/#primaryimage","url":"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2020\/06\/webp.jpg","contentUrl":"https:\/\/staging.kinsta.site\/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:\/\/staging.kinsta.site\/pt\/blog\/webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.kinsta.site\/pt\/"},{"@type":"ListItem","position":2,"name":"Como Usar Imagens WebP no WordPress (E Reduzir Tamanho de Arquivo de Imagens em at\u00e9 35%)"}]},{"@type":"WebSite","@id":"https:\/\/staging.kinsta.site\/pt\/#website","url":"https:\/\/staging.kinsta.site\/pt\/","name":"Kinsta","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/staging.kinsta.site\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.kinsta.site\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/staging.kinsta.site\/pt\/#organization","name":"Kinsta","url":"https:\/\/staging.kinsta.site\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/staging.kinsta.site\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/kinsta.png","contentUrl":"https:\/\/staging.kinsta.site\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/kinsta.png","width":580,"height":580,"caption":"Kinsta"},"image":{"@id":"https:\/\/staging.kinsta.site\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt"]},{"@type":"Person","@id":"https:\/\/staging.kinsta.site\/pt\/#\/schema\/person\/ab6e959e5cabc5b1a3792c18ce5da394","name":"Jon Penland","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/staging.kinsta.site\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e626085c340d1b255a4522cc8d6a184855d9ba19b7ec0a6ead549acb7e15c5ef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e626085c340d1b255a4522cc8d6a184855d9ba19b7ec0a6ead549acb7e15c5ef?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:\/\/staging.kinsta.site\/pt\/blog\/author\/jonpenland\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/posts\/37611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/comments?post=37611"}],"version-history":[{"count":5,"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/posts\/37611\/revisions"}],"predecessor-version":[{"id":37872,"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/posts\/37611\/revisions\/37872"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/translations\/dk"},{"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/kinsta\/v1\/posts\/37611\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/media\/37624"}],"wp:attachment":[{"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/media?parent=37611"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/tags?post=37611"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.kinsta.site\/pt\/wp-json\/wp\/v2\/topic?post=37611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}