{"id":30320,"date":"2019-10-22T04:37:33","date_gmt":"2019-10-22T11:37:33","guid":{"rendered":"https:\/\/kinqsta.com\/?p=23813"},"modified":"2023-08-22T03:29:32","modified_gmt":"2023-08-22T06:29:32","slug":"compressao-com-perda","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/","title":{"rendered":"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress"},"content":{"rendered":"<p>De acordo com o <a href=\"https:\/\/httparchive.org\/reports\/state-of-images#bytesImg\">Arquivo HTTP<\/a>, em dezembro de 2018, <strong>as imagens representavam mais de 40% <\/strong>do peso m\u00e9dio das p\u00e1ginas de um site em desktops e dispositivos m\u00f3veis. Isso \u00e9 enorme! \ud83d\ude2e Quando se trata do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/google-mobile-first-index\/\">novo \u00edndice e desempenho do mobile-first<\/a>, a otimiza\u00e7\u00e3o de imagens desempenha um papel crucial na <a href=\"https:\/\/kinqsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\">velocidade com que o seu site WordPress<\/a> conseguir\u00e1 carregar. A compress\u00e3o de imagens \u00e9 uma das otimiza\u00e7\u00f5es mais f\u00e1ceis que voc\u00ea pode implementar e que, por sua vez, tamb\u00e9m ter\u00e1 o maior impacto. Essencialmente, isto implica em diminuir o tamanho do arquivo de suas imagens usando duas formas populares de compress\u00e3o: <strong>com e sem perdas<\/strong>. A <a href=\"https:\/\/kinqsta.com\/pt\/blog\/webp\/\">WEBP<\/a> suporta ambos os m\u00e9todos de compress\u00e3o!<\/p>\n<p>Hoje, veremos os dois tipos de compress\u00e3o de imagem e indicaremos qual deles recomendamos. Isso pode variar dependendo do tipo de neg\u00f3cio que voc\u00ea administra.<\/p>\n<ul>\n<li><a href=\"#lossy-compression\">Compress\u00e3o com perda<\/a><\/li>\n<li><a href=\"#lossless-compression\">Compress\u00e3o sem perda<\/a><\/li>\n<li><a href=\"#which-compression-is-better\">Qual m\u00e9todo de compress\u00e3o \u00e9 melhor?<\/a><\/li>\n<li><a href=\"#how-to-use-lossy-compression-wordpress\">Como usar a compress\u00e3o com perda no WordPress<\/a><\/li>\n<\/ul>\n<h2 id=\"lossy-compression\">Compress\u00e3o com perda<\/h2>\n<p>A primeira forma de compress\u00e3o \u00e9 com perdas. A compress\u00e3o com perda de dados envolve a<strong> elimina\u00e7\u00e3o de alguns dos dados<\/strong> da sua imagem. Por causa disso, isso significa que voc\u00ea pode ver degrada\u00e7\u00e3o (redu\u00e7\u00e3o na qualidade ou o que alguns chamam de pixeliza\u00e7\u00e3o). Portanto, voc\u00ea deve ter cuidado com o quanto quer reduzir a imagem. N\u00e3o apenas pela qualidade, mas porque o processo \u00e9 irrevers\u00edvel. Obviamente, uma das grandes vantagens da compress\u00e3o com perda \u00e9 a capacidade de <strong>reduzir significativamente o tamanho dos arquivos<\/strong>.<\/p>\n<ul>\n<li>JPEGs e GIFs s\u00e3o ambos <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tipos-arquivo-imagem\/\">formatos de imagem com perdas<\/a>.<\/li>\n<li>JPEGs s\u00e3o \u00f3timos para sites que precisam de tempos de carregamento r\u00e1pidos, pois voc\u00ea pode ajustar o n\u00edvel de qualidade para um bom equil\u00edbrio entre qualidade e tamanho do arquivo.<\/li>\n<\/ul>\n<p>(Sugest\u00e3o de leitura: <a href=\"https:\/\/kinqsta.com\/pt\/blog\/jpg-vs-jpeg\/\">JPG vs JPEG: Entendendo o formato de arquivo de imagem mais comum<\/a>)<\/p>\n<h3>O WordPress comprime imagens automaticamente<\/h3>\n<p>Voc\u00ea sabia que o WordPress comprime automaticamente seus JPEGs quando voc\u00ea os envia para a biblioteca de m\u00eddia? Por padr\u00e3o, o WordPress tem imagens compactadas automaticamente at\u00e9 90% do seu tamanho original. No entanto, a partir do <a href=\"https:\/\/make.wordpress.org\/core\/2016\/03\/12\/performance-improvements-for-images-in-wordpress-4-5\/\">WordPress 4.5<\/a>, eles aumentaram para<strong> 82%<\/strong> para aumentar o desempenho em todos os setores. Se voc\u00ea est\u00e1 se perguntando por que suas imagens parecem um pouco pixeladas em uma instala\u00e7\u00e3o WordPress nova, \u00e9 por isso.<\/p>\n<p>Embora a compress\u00e3o autom\u00e1tica seja excelente, temos visto que 82% n\u00e3o \u00e9, de forma alguma, suficiente quando se trata de realmente causar um impacto no desempenho do seu site. Assim, pode desativar esta op\u00e7\u00e3o se quiser, adicionando o seguinte filtro ao arquivo <code>functions.php<\/code> do seu tema. Lembre-se, sempre <a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/backups-wordpress\/#restoring-backups\">fa\u00e7a um backup<\/a> antes de editar seu site.<\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );<\/code><\/pre>\n<p>Se quiser aumentar a taxa de compress\u00e3o autom\u00e1tica do WordPress, pode adicionar o filtro e reduzir a percentagem do arquivo original, tal como 70% no exemplo abaixo.<\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_quality', create_function( '', 'return 70;' ) );<\/code><\/pre>\n<p>Lembre-se, estas n\u00e3o ir\u00e3o impactar imagens j\u00e1 carregadas. Voc\u00ea precisaria atravessar com um plugin como <a href=\"https:\/\/kinqsta.com\/pt\/blog\/regenerar-miniaturas\/#how-to-regenerate-thumbnails-in-wordpress\">Regenerate Thumbnails<\/a> para que ele possa aplic\u00e1-lo \u00e0 sua biblioteca de m\u00eddia existente. Ou melhor ainda, recomendamos simplesmente deixar seu tema em paz e simplesmente usar um plugin de otimiza\u00e7\u00e3o de imagem do WordPress (no qual iremos descobrir mais abaixo) ou comprimir ainda mais suas imagens antes de carreg\u00e1-las.<\/p>\n<h3>Comprimir imagens com Save for Web (Software)<\/h3>\n<p>Voc\u00ea pode usar ferramentas como o Adobe Photoshop, Affinity Photo, Affinity Designer ou outros editores de imagem para ajustar as configura\u00e7\u00f5es de qualidade de uma imagem (como visto abaixo). Na maioria das ferramentas, isso est\u00e1 em &#8220;Salvar na web&#8221; ou &#8220;Exportar configura\u00e7\u00f5es&#8221;.<\/p>\n<figure style=\"width: 1165px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/alterar-qualidade-JPEG-affinity-foto.jpg\" alt=\"Alterar a qualidade da foto\" width=\"1165\" height=\"774\"><figcaption class=\"wp-caption-text\">Alterar a qualidade da foto<\/figcaption><\/figure>\n<p>Se fizermos uma pequena compara\u00e7\u00e3o das taxas de Compress\u00e3o com perda, podemos ver que 50% parece \u00f3timo. 33% est\u00e1 come\u00e7ando a ficar um pouco borrado em alguns dos detalhes do fundo (mas n\u00e3o ser\u00e1 notado), e 5%, obviamente, n\u00e3o \u00e9 aceit\u00e1vel. Este \u00e9 apenas um exemplo de porque o 82% autom\u00e1tico no WordPress n\u00e3o \u00e9 suficiente. Voc\u00ea pode e deve<strong> compactar em taxas muito mais altas<\/strong> para diminuir ainda mais o tamanho dos arquivos.<\/p>\n<ul>\n<li>original.JPG 2.82 MB (2,000 px por 1463 px)<\/li>\n<li>lossy-compressed-1.JPG: 227 KB (2.000 px por 1463 px) <strong>Redu\u00e7\u00e3o de <\/strong><strong>91,95%.<\/strong><\/li>\n<li>lossy-compressed-2.JPG: 185 KB (2.000 px por 1463 px) <strong>Redu\u00e7\u00e3o de 93,44%.<\/strong><\/li>\n<li>lossy-compressed-3.JPG: 5 KB (2.000 px por 1463 px) <strong>Redu\u00e7\u00e3o de 99,82%<\/strong><\/li>\n<\/ul>\n<figure style=\"width: 3025px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/perda-comparacao-compressao.jpg\" alt=\"Compara\u00e7\u00e3o de compress\u00e3o com perda\" width=\"3025\" height=\"917\"><figcaption class=\"wp-caption-text\">Compara\u00e7\u00e3o de compress\u00e3o com perda<\/figcaption><\/figure>\n<p>Suponha que voc\u00ea escolha a vers\u00e3o 50% compactada. O tamanho do arquivo \u00e9 de 227 KB, muito menor que o arquivo original de 2 MB ou mais. Mas se esta for apenas uma das mais de 15 outras imagens na p\u00e1gina, ainda n\u00e3o \u00e9 bom. Em geral, recomendamos manter todas as imagens abaixo de 100 KB, se poss\u00edvel. No meu caso deveria ser menor. Portanto, \u00e9 <strong>importante redimensionar a imagem<\/strong>. Uma imagem de 50%, inicialmente dimensionada para 1251 pixels por 916 pixels, tem apenas 95 KB.<\/p>\n<p>Mas lembre-se, voc\u00ea pode n\u00e3o querer dimensionar suas imagens para baixo todo o caminho, porque a partir do WordPress 4.4, ele agora tem <a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\">suporte para imagens responsivas<\/a> (n\u00e3o dimensionadas para baixo por CSS). O WordPress cria automaticamente v\u00e1rios tamanhos de cada imagem carregada para a biblioteca de m\u00eddia. Ao incluir os tamanhos dispon\u00edveis de uma imagem em um atributo <code>srcset<\/code>, os navegadores podem agora optar por baixar o tamanho mais apropriado e ignorar os outros. Veja abaixo um exemplo de como seu c\u00f3digo realmente se parece.<\/p>\n<figure style=\"width: 1386px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/srcset-responsivo-imagens.png\" alt=\"srcset responsivo imagens exemplo em c\u00f3digo\" width=\"1386\" height=\"302\"><figcaption class=\"wp-caption-text\">Exemplo de imagens srcset responsivas em c\u00f3digo<\/figcaption><\/figure>\n<p>Ent\u00e3o, com mais e mais HiDPI exibe hoje em dia, pode ser bom para encontrar um meio feliz. Diga 2x ou 3x o tamanho da coluna, ou div do seu site, mas ainda assim menor que o tamanho original. O navegador mostrar\u00e1 o correto com base na resolu\u00e7\u00e3o do dispositivo.<\/p>\n<h3>Google recomenda a compress\u00e3o com perda<\/h3>\n<p>Voc\u00ea usa o\u00a0<a href=\"https:\/\/kinqsta.com\/pt\/blog\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a>? Se assim for, voc\u00ea est\u00e1 provavelmente familiarizado com o aviso que diz para &#8220;Otimizar Imagens&#8221;. Em 2017, o Google realmente atualizou sua <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/optimize-images\">documenta\u00e7\u00e3o<\/a> para recomendar o uso de compress\u00e3o com perda como uma forma de acelerar ainda mais o seu site.<\/p>\n<figure style=\"width: 2154px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/google-pagespeed-insights-otimiza-imagens.png\" alt=\"Google PageSpeed Insights otimiza o aviso de imagens\" width=\"2154\" height=\"560\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights otimiza o aviso de imagens<\/figcaption><\/figure>\n<p>Se voc\u00ea quiser se livrar desses avisos, uma das maneiras mais f\u00e1ceis \u00e9 usar compress\u00e3o com perda para apaziguar o Google.<\/p>\n<h2 id=\"lossless-compression\">Compress\u00e3o sem perda<\/h2>\n<p>Agora \u00e9 hora de verificar a segunda forma de compress\u00e3o que \u00e9 sem perdas. A compress\u00e3o sem perda, ao contr\u00e1rio da perda, <strong>n\u00e3o reduz a qualidade<\/strong> da imagem. Como isso \u00e9 poss\u00edvel? Geralmente \u00e9 feito removendo metadados desnecess\u00e1rios (dados gerados automaticamente pelo dispositivo que captura a imagem). No entanto, a maior desvantagem deste m\u00e9todo \u00e9 que voc\u00ea<strong> n\u00e3o ver\u00e1 uma redu\u00e7\u00e3o significativa no tamanho do arquivo<\/strong>. Em outras palavras, ele ocupar\u00e1 muito espa\u00e7o em disco ao longo do tempo.<\/p>\n<ul>\n<li>RAW, BMP, GIF e PNG s\u00e3o formatos de imagem sem perdas.<\/li>\n<li>Voc\u00ea pode realizar uma compress\u00e3o sem perda em sua \u00e1rea de trabalho usando ferramentas como Photoshop, <a href=\"http:\/\/netm.ag\/optimize-263\">FileOptimizer<\/a> ou <a href=\"http:\/\/imageoptim.com\/\">ImageOptim<\/a>.<\/li>\n<li>Alguns plugins aplicam o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ativar-compressao-gzip\/\">Gzip compression<\/a> \u00e0s imagens (minificam-nas).<\/li>\n<\/ul>\n<p>Os usu\u00e1rios Kinsta podem tirar proveito do <a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#kinstas-cdn#code-minification-1\">recurso de minifica\u00e7\u00e3o de c\u00f3digo<\/a>, que est\u00e1 integrado\u00a0diretamente no <a href=\"https:\/\/kinqsta.com\/pt\/mykinsta\/\">painel MyKinsta<\/a>. Isso permite aos clientes ativar facilmente a minifica\u00e7\u00e3o autom\u00e1tica de CSS e JavaScript com um simples clique. Isso pode ajudar a acelerar um site sem qualquer esfor\u00e7o manual.<\/p>\n<p>Se fizermos uma pequena compara\u00e7\u00e3o das taxas de compress\u00e3o com perda, podemos ver que ao usar a compress\u00e3o sem perda voc\u00ea n\u00e3o perde nenhuma qualidade. No entanto, o tamanho do ficheiro da imagem foi reduzido apenas em 10,84%. Isso \u00e9 comparado a mais de 90% quando se usa compress\u00e3o com perda.<\/p>\n<ul>\n<li>original.JPG: 227 KB (2.000 px por 1463 px)<\/li>\n<li>JPG: 203 KB (2.000 px por 1463 px)<\/li>\n<\/ul>\n<figure style=\"width: 2502px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/perdas-compressao.jpg\" alt=\"Compara\u00e7\u00e3o de compress\u00e3o sem perdas\" width=\"2502\" height=\"917\"><figcaption class=\"wp-caption-text\">Compara\u00e7\u00e3o de compress\u00e3o sem perdas<\/figcaption><\/figure>\n<h2 id=\"which-compression-is-better\">Qual m\u00e9todo de compress\u00e3o \u00e9 melhor?<\/h2>\n<p>A resposta para isso depende de voc\u00ea. A <strong>compress\u00e3o com perda \u00e9 recomendada<\/strong> para a maioria dos usu\u00e1rios. Isso ocorre porque as imagens podem ser facilmente compactadas em 70% ou mais (\u00e0s vezes at\u00e9 90% ou mais!) sem perda significativa de qualidade. Pendure isso com 15 imagens em sua p\u00e1gina e isso desempenhar\u00e1 um papel importante na acelera\u00e7\u00e3o do tempo de carregamento do site. Al\u00e9m disso, a compress\u00e3o com perda usa o m\u00ednimo de <a href=\"https:\/\/kinqsta.com\/pt\/blog\/espaco-em-disco-o-seu-plano-de-hospedagem-precisa\/\">espa\u00e7o em disco<\/a> poss\u00edvel. Isso significa que voc\u00ea pode economizar dinheiro em hospedagem.<\/p>\n<p>A <a href=\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perdas-vs-sem-perdas\/#pros-and-cons-of-lossless-compression\">compress\u00e3o sem perda<\/a> \u00e9 para aqueles que n\u00e3o podem pagar nenhuma perda de qualidade. Fot\u00f3grafos, blogueiros de alimentos e modelos s\u00e3o apenas alguns que v\u00eam \u00e0 mente e que dependem de imagens p\u00edxel-perfeito para ganhar a vida. Nesses casos, \u00e9 essencial que voc\u00ea esteja hospedando suas imagens em uma <a href=\"https:\/\/kinqsta.com\/pt\/blog\/cdn-para-wordpress\/\">CDN<\/a>. Devido ao tamanho, talvez voc\u00ea precise at\u00e9 mesmo transferi-los para um servi\u00e7o de armazenamento de terceiros, como o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-amazon-s3\/\">Amazon S3<\/a> ou o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-google-cloud-storage\/\">Google Cloud Storage<\/a>.<\/p>\n<h2 id=\"how-to-use-lossy-compression-wordpress\">Como usar a compress\u00e3o com perda no WordPress<\/h2>\n<p>Se voc\u00ea ainda est\u00e1 confuso entre com perda e sem perda n\u00e3o se preocupe, h\u00e1 um monte de plugins WordPress otimiza\u00e7\u00e3o de imagem grande que voc\u00ea pode escolher entre que automaticamente aplicar compress\u00e3o com perda.<\/p>\n<p>Antes de adotar uma ferramenta de terceiros, voc\u00ea deve considerar a possibilidade de alguns provedores de hospedagem inclu\u00edrem ferramentas ou servi\u00e7os para ajud\u00e1-lo a otimizar suas imagens diretamente do seu painel de controle de hospedagem. Por exemplo, Kinsta fornece uma <a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#image-optimization-1\">ferramenta gratuita de Otimiza\u00e7\u00e3o de Imagens<\/a> para todos os clientes que cria c\u00f3pias WebP das imagens de um site (armazenadas sem custo adicional), ent\u00e3o entrega o menor dos dois arquivos para o visitante. Isso <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ttfb\/\">acelera o tempo de carregamento<\/a> e melhora a experi\u00eancia do usu\u00e1rio, especialmente porque \u00e9 <a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#kinstas-cdn\">emparelhado com o CDN<\/a> da Kinsta, r\u00e1pido como um rel\u00e2mpago.<\/p>\n<p>Se o seu provedor de hospedagem n\u00e3o fornece um servi\u00e7o como este, ent\u00e3o voc\u00ea pode verificar uma ferramenta de otimiza\u00e7\u00e3o de imagem de terceiros. Algumas das op\u00e7\u00f5es mais utilizadas incluem:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imagify<\/a> (com e sem perda)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Smush<\/a> (com e sem perda)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer-cloud\/\" target=\"_blank\" rel=\"noopener noreferrer\">EWWW Cloud<\/a> (com e sem perda)<\/li>\n<\/ul>\n<p>Nota: todos os listados acima utilizam seus pr\u00f3prios servidores de terceiros para comprimir imagens. Voc\u00ea deve sempre compactar imagens em massa fora do site por raz\u00f5es de desempenho. \ud83d\udc4d<\/p>\n<p>Imagify \u00e9 uma das op\u00e7\u00f5es mais populares que listamos. Eles t\u00eam um plano gratuito, mas at\u00e9 mesmo seus planos profissionais t\u00eam um pre\u00e7o muito razo\u00e1vel. Voc\u00ea pode otimizar v\u00e1rias imagens usando apenas o plano &#8220;Lite&#8221; (1 GB por m\u00eas), e eles oferecem op\u00e7\u00f5es de pagamento mensais ou anuais de baixo custo.<\/p>\n<p>A Imagify tem tr\u00eas n\u00edveis de otimiza\u00e7\u00e3o:<\/p>\n<ul>\n<li><strong>Normal:<\/strong> Este modo utiliza compress\u00e3o sem perda, o que significa que as suas imagens n\u00e3o perder\u00e3o qualidade, mas tamb\u00e9m n\u00e3o ser\u00e3o reduzidas tanto em tamanho.<\/li>\n<li><strong>Agressivo: <\/strong>Este modo utiliza compress\u00e3o com perda e proporciona poupan\u00e7as dr\u00e1sticas no peso inicial, com uma pequena redu\u00e7\u00e3o na qualidade da imagem. A maior parte do tempo nem sequer \u00e9 percept\u00edvel.<\/li>\n<li><strong>Ultra:<\/strong> Este modo utiliza compress\u00e3o com perda e aplica todas as otimiza\u00e7\u00f5es dispon\u00edveis para a compress\u00e3o m\u00e1xima da imagem. Isso ir\u00e1 proporcionar uma enorme economia no peso inicial, mas voc\u00ea provavelmente ir\u00e1 notar alguma degrada\u00e7\u00e3o da imagem.<\/li>\n<\/ul>\n<figure style=\"width: 1983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/imagify-configuracoes.png\" alt=\"Imagine configura\u00e7\u00f5es\" width=\"1983\" height=\"1005\"><figcaption class=\"wp-caption-text\">Imagine configura\u00e7\u00f5es<\/figcaption><\/figure>\n<p><strong>Usamos o modo Agressivo<\/strong> na Kinsta e normalmente vemos<strong> 60\u201370% de economia<\/strong> dependendo da imagem. Nota: realmente usamos muito mais PNGs do que JPEGs devido ao fato de que a maioria das nossas imagens s\u00e3o \u00edcones e ilustra\u00e7\u00f5es, n\u00e3o fotos.<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" title=\"Image compression file savings\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/04\/imagem-compressao-economia-arquivo.png\" alt=\"Economia de arquivo de compress\u00e3o de imagem\" width=\"1468\" height=\"684\"><figcaption class=\"wp-caption-text\">Economia de arquivo de compress\u00e3o de imagem<\/figcaption><\/figure>\n<p>Voc\u00ea pode habilitar a<strong> otimiza\u00e7\u00e3o autom\u00e1tica de imagens<\/strong> no upload (que recomendamos para que voc\u00ea n\u00e3o se esque\u00e7a) ou usar seu otimizador de imagem em massa na biblioteca de m\u00eddia. Voc\u00ea tamb\u00e9m pode fazer o<strong> backup da imagem original<\/strong>. Isso permite que voc\u00ea realmente converta sua imagem para outros n\u00edveis de otimiza\u00e7\u00e3o em um momento posterior ou mesmo restaurar sua imagem original. Se voc\u00ea n\u00e3o usar esse recurso, recomendamos mant\u00ea-lo desligado para economizar espa\u00e7o em disco.<\/p>\n<p>Voc\u00ea deve tipicamente redimensionar suas imagens com anteced\u00eancia, mas o Imagify tem um recurso de<strong> redimensionar imagens maiores<\/strong> caso voc\u00ea esque\u00e7a ou n\u00e3o tenha tempo. Al\u00e9m da compress\u00e3o com perda, este \u00e9 outro grande poupador de tamanho de arquivo!<\/p>\n<figure style=\"width: 1785px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/imagify-redimensionar-imagens.png\" alt=\"Imagine redimensionar imagens\" width=\"1785\" height=\"1206\"><figcaption class=\"wp-caption-text\">Imagine redimensionar imagens<\/figcaption><\/figure>\n<p>Na verdade, usamos o recurso de otimiza\u00e7\u00e3o de imagem em massa em toda \u00e0 nossa biblioteca de m\u00eddia WordPress. Como pode ver,<strong> raspou mais de 700 MB! <\/strong>Isso \u00e9 enorme quando se trata de desempenho de frontend.<\/p>\n<figure style=\"width: 1286px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/economia-imagens-otimizacao-massa.png\" alt=\"Economia na otimiza\u00e7\u00e3o de imagens em massa\" width=\"1286\" height=\"1177\"><figcaption class=\"wp-caption-text\">Economia na otimiza\u00e7\u00e3o de imagens em massa<\/figcaption><\/figure>\n<h3>Testes de velocidade<\/h3>\n<p>Vamos fazer um pequeno teste! Devido ao fato de vermos constantemente os usu\u00e1rios carregando imagens com resolu\u00e7\u00e3o total sem compress\u00e3o, faremos uma pequena compara\u00e7\u00e3o sobre o impacto que isso tem no desempenho geral do seu site.<\/p>\n<h4>Teste 1 &#8211; Original sem compress\u00e3o<\/h4>\n<p>Primeiro enviamos 10 imagens sem compress\u00e3o. Depois fizemos 5 testes no Pingdom e fizemos a m\u00e9dia. Podemos ver que o tempo total de carregamento \u00e9 de 3,04 segundos com um tamanho total de p\u00e1gina de 28,4 MB.<\/p>\n<ul>\n<li>uncompressed-1.jpg (2.82 MB)<\/li>\n<li>uncompressed-2.jpg (2.82 MB)<\/li>\n<li>uncompressed-3.jpg (2.82 MB)<\/li>\n<li>uncompressed-4.jpg (2.82 MB)<\/li>\n<li>uncompressed-5.jpg (2.82 MB)<\/li>\n<li>uncompressed-6.jpg (2.82 MB)<\/li>\n<li>uncompressed-7.jpg (2.82 MB)<\/li>\n<li>uncompressed-8.jpg (2.82 MB)<\/li>\n<li>uncompressed-9.jpg (2.82 MB)<\/li>\n<li>uncompressed-10.jpg (2.82 MB)<\/li>\n<\/ul>\n<figure style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test uncompressed\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/esaio-velocidade-compressao.png\" alt=\"Ensaio de velocidade sem compress\u00e3o\" width=\"1680\" height=\"462\"><figcaption class=\"wp-caption-text\">Ensaio de velocidade sem compress\u00e3o (<a href=\"https:\/\/tools.pingdom.com\/#!\/ePOjiW\/https:\/\/perfmatters.io\/uncompressed-original\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h4>Teste 2 &#8211; Com compress\u00e3o<\/h4>\n<p>Ent\u00e3o carregamos as mesmas imagens exatas novamente, mas desta vez habilitamos &#8220;auto-optimizar&#8221; no plugin Imagify. Fizemos ent\u00e3o 5 testes novamente no Pingdom e concretizamos a m\u00e9dia.<\/p>\n<ul>\n<li>compressed-1.jpg (69.3 KB)<\/li>\n<li>compressed-2.jpg (69.3 KB)<\/li>\n<li>compressed-3.jpg (69.3 KB)<\/li>\n<li>compressed-4.jpg (69.3 KB)<\/li>\n<li>compressed-5.jpg (69.3 KB)<\/li>\n<li>compressed-6.jpg (69.3 KB)<\/li>\n<li>compressed-7.jpg (69.3 KB)<\/li>\n<li>compressed-8.jpg (69.3 KB)<\/li>\n<li>compressed-9.jpg (69.3 KB)<\/li>\n<li>compressed-10.jpg (69.3 KB)<\/li>\n<\/ul>\n<p>Podemos ver que o tempo total de carregamento \u00e9 agora de 522 ms com um tamanho total de p\u00e1gina de 901.4 KB. Assim, \u00e0s nossas imagens comprimidas com perdas<strong> diminu\u00edram o tempo de carregamento da p\u00e1gina em 82,83%! <\/strong>\ud83d\ude2e O tamanho total da p\u00e1gina tamb\u00e9m foi reduzido em 96,83%. E as nossas imagens continuam a parecer de alta qualidade gra\u00e7as ao Imagify.<\/p>\n<figure style=\"width: 1675px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test compressed\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/05\/ensaio-velocidade-comprimido-2.png\" alt=\"Ensaio de velocidade comprimido\" width=\"1675\" height=\"463\"><figcaption class=\"wp-caption-text\">Ensaio de velocidade comprimido (<a href=\"https:\/\/tools.pingdom.com\/#!\/Fl726\/https:\/\/perfmatters.io\/compressed-and-resized\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h2>Resumo<\/h2>\n<p>Uma vez que voc\u00ea determinar a qualidade das imagens que voc\u00ea precisa em seu site voc\u00ea pode escolher se voc\u00ea quer ou n\u00e3o usar compress\u00e3o com ou sem perda. Novamente, para aqueles que est\u00e3o mais preocupados com a velocidade e menos com a qualidade, recomendamos a compress\u00e3o com perda. Lembre-se, imagens comprimidas com perdas podem ficar bonitas se voc\u00ea encontrar o equil\u00edbrio certo. Se voc\u00ea precisa de imagens p\u00edxel-perfeito, ent\u00e3o voc\u00ea deve sempre ir com compress\u00e3o sem perda.<\/p>\n<p>Quais s\u00e3o os teus pensamentos? Voc\u00ea est\u00e1 usando compress\u00e3o com ou sem perdas em seu site WordPress. Deixe-nos saber abaixo nos coment\u00e1rios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>De acordo com o Arquivo HTTP, em dezembro de 2018, as imagens representavam mais de 40% do peso m\u00e9dio das p\u00e1ginas de um site em desktops &#8230;<\/p>\n","protected":false},"author":38,"featured_media":30334,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[210,27],"topic":[1039,973,1015],"class_list":["post-30320","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-compression","tag-webperf","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>Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress?<\/title>\n<meta name=\"description\" content=\"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress\" \/>\n<meta property=\"og:description\" content=\"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/\" \/>\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\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-22T11:37:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T06:29:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/07\/mensagem-err_spdy_protocol_error.png\" \/>\n\t<meta property=\"og:image:width\" content=\"913\" \/>\n\t<meta property=\"og:image:height\" content=\"435\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2018\/05\/lossy-compression.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress\",\"datePublished\":\"2019-10-22T11:37:33+00:00\",\"dateModified\":\"2023-08-22T06:29:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/\"},\"wordCount\":2561,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png\",\"keywords\":[\"compression\",\"webperf\"],\"articleSection\":[\"Tutoriais de Desempenho do WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/\",\"name\":\"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress?\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png\",\"datePublished\":\"2019-10-22T11:37:33+00:00\",\"dateModified\":\"2023-08-22T06:29:32+00:00\",\"description\":\"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png\",\"width\":1460,\"height\":730,\"caption\":\"Por que e como usar a compress\u00e3o Lossy em suas imagens WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Otimiza\u00e7\u00e3o de Imagens\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/otimizacao-de-imagens\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress?","description":"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.","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:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/","og_locale":"pt_PT","og_type":"article","og_title":"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress","og_description":"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.","og_url":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2019-10-22T11:37:33+00:00","article_modified_time":"2023-08-22T06:29:32+00:00","og_image":[{"width":913,"height":435,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/07\/mensagem-err_spdy_protocol_error.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.","twitter_image":"https:\/\/kinqsta.com\/wp-content\/uploads\/2018\/05\/lossy-compression.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Brian Jackson","Tempo estimado de leitura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress","datePublished":"2019-10-22T11:37:33+00:00","dateModified":"2023-08-22T06:29:32+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/"},"wordCount":2561,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png","keywords":["compression","webperf"],"articleSection":["Tutoriais de Desempenho do WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/","url":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/","name":"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress?","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png","datePublished":"2019-10-22T11:37:33+00:00","dateModified":"2023-08-22T06:29:32+00:00","description":"Confira as diferen\u00e7as entre compress\u00e3o com perda e compress\u00e3o sem perda. Determine qual m\u00e9todo voc\u00ea deve usar, como usar e o impacto no desempenho.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/compressao-lossy.png","width":1460,"height":730,"caption":"Por que e como usar a compress\u00e3o Lossy em suas imagens WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/compressao-com-perda\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Otimiza\u00e7\u00e3o de Imagens","item":"https:\/\/kinqsta.com\/pt\/topicos\/otimizacao-de-imagens\/"},{"@type":"ListItem","position":3,"name":"Por que e Como usar a Compress\u00e3o com Perda em suas Imagens no WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/30320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=30320"}],"version-history":[{"count":12,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/30320\/revisions"}],"predecessor-version":[{"id":56535,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/30320\/revisions\/56535"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/translations\/se"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/30320\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/30334"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=30320"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=30320"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=30320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}