Compressão de imagem com perda vs sem perda: qual é a diferença?

Publicados: 2021-07-14

Se você estiver procurando otimizar o desempenho do seu site, encontrará algumas técnicas de desempenho, como compactação de imagens. Reduzir o tamanho de suas fotos para a web pode ajudá-lo a ganhar preciosos milissegundos de tempo de carregamento.

Você pode escolher dois tipos de compactação ao otimizar suas imagens: compactação com perdas e sem perdas . Há prós e contras em ambos, e você, como proprietário de um site, deve avaliar ambos antes de tomar uma decisão. Não se preocupe: nós cuidamos de você.

Antes de começarmos, você deve saber que não existe um único melhor formato ou “configuração de qualidade” para imagens. Tudo se resume a qual algoritmo com ou sem perdas é usado para otimizar cada imagem. Além disso, suas necessidades específicas.

Leia o artigo e você aprenderá tudo o que deve saber sobre os dois tipos de compactação de imagem.

O que é compressão de imagem com perdas e como ela funciona

A compactação com perdas significa que o tamanho da imagem é reduzido enquanto alguns dados do arquivo de imagem original são eliminados.

Se você está perguntando se a compressão com perdas é reversível, a resposta é: não. O processo de imagem com perdas é irreversível . Depois de compactar uma imagem dessa maneira, você não pode voltar.

Bem, você não pode voltar na maioria dos casos. Você está com sorte: com o plugin Imagify WordPress, você poderá reverter para suas fotos originais se não estiver satisfeito com os resultados.

A irreversibilidade usual da compressão com perdas levanta a questão: por que você deve usá-la?

Aqui está a coisa.

Ao otimizar dados como código-fonte em uma página, é essencial garantir que a compactação não altere o código. Um pedaço de dados ruins e seu código pode quebrar. Para outros tipos de dados, como imagens ou vídeos, você pode compactá-los e apresentar uma representação “aproximada” dos dados originais sem perder seu significado. Em outras palavras, nenhum usuário notará que suas imagens estão compactadas (a menos que você comprima a mesma imagem repetidamente).

A verdade é que usamos compressão de imagem com perdas o tempo todo na web.

Formatos de imagem com perdas

Os formatos de imagem com perdas mais comuns são JPEG e GIF. No entanto, nossos olhos humanos não percebem a diferença entre JPEG, GIF, PNG ou outros formatos.

As imagens são ótimas candidatas para compressão com perdas devido à maneira como nossos olhos funcionam. Nossos olhos têm uma sensibilidade diferente para cores diferentes. Isso é aproveitado para compactação de imagem, pois compactamos algumas cores mais do que outras.

Benefícios, vantagens e desvantagens da compressão com perdas

Neste ponto, você pode estar se perguntando quais são os prós e contras da compressão com perdas.

O maior benefício da compactação com perdas é que ela reduz significativamente o tamanho do arquivo de imagem. Por outro lado, a maior desvantagem é que isso se consegue com alguma perda de qualidade — embora, como explicamos, seja quase imperceptível. A maioria das ferramentas de compactação disponíveis permite que você escolha o grau de compactação usado em suas imagens.

Com a compactação com perdas, trata-se de encontrar um bom compromisso entre o tamanho do arquivo e a qualidade da imagem.

Por exemplo, o Imagify permite que você escolha entre três níveis de compactação: normal, agressivo e ultra. Níveis agressivos e ultra são os mais poderosos e reduzem o tamanho das imagens. Ao mesmo tempo, esses níveis podem de alguma forma reduzir a qualidade das imagens.

Dica de compressão Imagify : O nível agressivo é o mais equilibrado entre reduzir o tamanho da imagem e não afetar sua qualidade.

Quando você deve usar a compactação com perdas?

Lembre-se de que, muitas vezes, uma compactação de imagem de 50% diminuirá o tamanho do arquivo em 90%.

Se você pretende reduzir o tamanho do arquivo de imagem além disso, uma compactação de 80% produzirá apenas uma redução de 5%, trazendo sua redução total para 95%. Para a maioria de nós, essa troca não vale a pena, pois a compactação pode degradar a imagem a ponto de se tornar perceptível .

A maioria das ferramentas de otimização de imagem on-line usa algoritmos de compactação de imagem para permitir que eles contornem essas limitações para fornecer imagens nítidas e claras que carregam rapidamente.

Experimente o Imagify gratuitamente e veja como o plugin funciona!

Não tem certeza se a compressão com perdas é para você? Faça um teste rápido em uma página do seu site com o otimizador de imagens da Imagify. Dessa forma, você pode baixar imagens compactadas sem alterar suas imagens originais.

O que é compressão de imagem sem perdas e como funciona

A compactação sem perdas significa que você reduz o tamanho de uma imagem sem perda de qualidade. Normalmente, isso é feito removendo metadados desnecessários de arquivos JPEG e PNG. Dizemos “geralmente” porque, com alguns outros algoritmos de compactação, como o Imagify, outras oportunidades de compactação são aproveitadas sem sacrificar a qualidade da imagem.

Melhores formatos de imagem sem perdas

Os formatos de imagem sem perdas mais comuns são GIF, PNG e BMP. No entanto, dependendo de como são otimizados para a web, esses formatos podem sofrer uma pequena perda de qualidade. Não se preocupe: nossos olhos não serão capazes de pegá-lo.

Vantagens e benefícios da compressão sem perdas

O grande benefício e vantagem da compactação sem perdas é que ela permite manter a qualidade de suas imagens enquanto reduz o tamanho do arquivo. É um ganha-ganha: você melhorará o desempenho do seu site e não afetará a qualidade de suas imagens.

Quando você deve usar a compactação de imagem sem perdas

Se você deseja manter a qualidade de suas imagens, deve escolher a compressão sem perdas em vez de com perdas.

Se você optar pela compactação sem perdas para suas imagens, a desvantagem é que você terá arquivos maiores. Portanto, você precisará encontrar outras maneiras de otimizar o desempenho do seu site. Converter suas imagens para o formato WebP e escolher o melhor plugin de cache para WordPress pode ser um bom ponto de partida!

A compressão de imagem reduz a qualidade?

Neste ponto, você deve saber que a compactação da imagem não reduz necessariamente a qualidade das imagens. No geral, a compactação de imagem que fornece alguma perda de qualidade é do tipo com perdas. No entanto, também depende do algoritmo de compressão de imagem. Contanto que você encontre o nível de compressão correto, nenhum olho humano detectará qualquer queda na qualidade das fotos.

Recomendamos que você tente soluções diferentes de acordo com suas necessidades, conforme explicamos na próxima seção.

Que tipo de compressão você deve escolher?

Escolher o nível certo de compactação depende de muitos fatores. Você deve considerar suas necessidades em primeiro lugar.

Se imagens de alta qualidade são importantes para seus negócios e clientes, considere a compactação sem perdas. No entanto, se o seu site precisa ser incrivelmente rápido, você deve considerar uma otimização de imagem agressiva.

Dependendo do CMS que você usa, você terá certas configurações para otimizar para garantir que a compactação da imagem permaneça sob seu controle total.

Não hesite em procurar ferramentas como plugins do WordPress para ajudá-lo a fazer o trabalho.

Compressão de imagem específica do WordPress

Se você estiver usando o WordPress, saiba que ele compacta suas imagens por padrão. Suas imagens JPEG são compactadas em 82% quando o WordPress criou imagens de visualização. Você pode aumentar ou diminuir o nível de compactação usado pelo seu CMS no arquivo functions.php.

Não recomendamos isso para usuários iniciantes ou intermediários do WordPress. Em vez disso, você deve apenas aprimorar o que o WordPress já faz em termos de compactação de imagens.

Compressão de imagem para blogueiros

Dependendo do tipo de blog que você está executando, com perdas vs sem perdas pode ser transformado em um campo de batalha. Você deve verificar o tipo de formato de imagem que usa com mais frequência para ajudá-lo a descobrir suas necessidades. Aqui está uma rápida recapitulação dos principais formatos de imagem que costumamos usar na web:

  • JPEG – melhor para fotografias ou designs com pessoas, lugares ou coisas neles.
  • PNG – melhor para imagens com fundos transparentes
  • GIF – melhor para GIFs animados. Caso contrário, use o formato JPG
  • WebP – melhor formato para obter imagens menores e manter a mesma qualidade. Esteja ciente de que você precisa converter suas imagens para WebP porque não pode carregá-las no WordPress.

A segunda coisa que você deve ter em mente é que você pode fazer upload de uma imagem, mas seu CMS criará muitas outras. O WordPress geralmente cria de três a cinco variações de cada imagem em tamanhos diferentes. Assim, a otimização de imagem pode rapidamente se tornar um grande negócio para o seu blog.

Se você não tiver certeza de qual caminho deve seguir, recomendamos escolher uma compactação com perdas . Teste as coisas primeiro, é claro, para garantir que os resultados estejam de acordo com seus padrões.

Não tem certeza se as imagens estão diminuindo seu desempenho? Pegue uma página do seu site, coloque-a no otimizador online e veja os resultados! Se você planeja usar o Google Page Speed ​​Insights, precisa considerar que essa ferramenta usa um algoritmo específico para analisar suas imagens. Às vezes, suas imagens são perfeitamente otimizadas com outro algoritmo que não é detectado pela ferramenta do Google. Isso pode levar a um resultado falso-positivo, informando para otimizar as imagens que já estão otimizadas.

Qual é a melhor compactação de imagem para e-commerce?

As imagens geralmente representam a maioria dos bytes para download em uma página. E essa tendência vem crescendo ao longo dos anos, principalmente para as lojas online. A otimização de imagens pode fazer a diferença para um site de comércio eletrônico, pois os clientes esperam encontrar rapidamente o que procuram. O desafio é encontrar uma maneira de fornecer fotos de produtos de alta resolução para os compradores, mantendo os tempos de carregamento rápidos.

Existem muitas estratégias para otimizar fotos por aí. Ferramentas de compactação de imagem, manipulação de fotos ou scripts PHP geralmente podem ajudá-lo a obter o desempenho adequado que você procura para sua loja online. Se você estiver usando Shopify, saiba que as imagens são compactadas e otimizadas automaticamente. Se você usa o WooCommerce, deve confiar em um plug-in do WordPress para otimizar imagens rapidamente ao adicioná-las à sua loja online.

Otimização de imagem para fotógrafos

Se você é um fotógrafo, recomendamos que você mostre imagens de alta qualidade. Isso significa desativar a compactação de imagem padrão no WordPress. No entanto, você ainda pode otimizar suas imagens com compactação de imagem sem perdas. Se você planeja usar o Imagify, a configuração de compactação recomendada é “normal”, o que garante que você manterá a qualidade de imagem que procura.

Lossy vs Lossless é uma escolha que você faz

Descubra o que você precisa para o seu site, teste as coisas e escolha o que funciona melhor para você. Apenas lembre-se de sempre ficar de olho na qualidade das suas imagens e na velocidade dos seus tempos de carregamento para garantir que você não perca visitantes ou clientes pelo caminho.