Compressão com perdas vs sem perdas: um guia para iniciantes para ambos os formatos

As imagens digitais são uma parte inerente da web e é difícil criar qualquer conteúdo sem alguma mídia. A humilde imagem estática é uma ótima maneira de oferecer contexto extra à sua escrita.

No entanto, uma imagem pode ser enorme em tamanho de arquivo sem otimização. A compactação com perda versus sem perda é uma consideração comum porque cada uma pode reduzir o tamanho de uma imagem, embora também haja compensações de qualidade a serem consideradas.

Você quase sempre precisará aplicar alguma compactação a uma imagem. Isso mantém a qualidade em um nível que você especifica como aceitável, mantendo os tamanhos dos arquivos baixos. A escolha do nível de compactação certo dependerá de seus objetivos e requisitos finais.

Para este post, veremos a compressão com perdas vs sem perdas. Ao longo, falaremos sobre o processo que uma imagem leva para “entrar em forma”, o que é a compactação e muitos outros aspectos da otimização de suas imagens.

Diferenças entre com perdas vs sem perdas

Quando se trata de qualquer compressão de imagem digital, existem vários formatos diferentes para escolher. Às vezes, eles terão outros nomes, dependendo de muitos fatores. No entanto, em um nível básico, você encontrará dois tipos:

• Compressão com perdas: O objetivo aqui é fornecer o menor tamanho de arquivo possível para uma imagem. Como tal, a qualidade da imagem é muitas vezes inferior na lista de prioridades.
• Compactação sem perdas: você ainda encontrará uma redução substancial no tamanho do arquivo com esse formato de compactação, mas a imagem não sofrerá com artefatos e outros problemas.

Na maioria dos casos, sua decisão sobre qual formato usar se resume ao seu objetivo final: você quer arquivos pequenos ou seu foco é preservar a qualidade?

A compactação com perdas removerá os dados considerados desnecessários da imagem permanentemente. Ele usa muitas técnicas diferentes para conseguir isso, resultando em tamanhos de arquivo muito menores.

A compactação sem perdas também remove dados, mas pode restaurar o original, se necessário. O objetivo é manter a qualidade alta, mas reduzir o tamanho do arquivo.

Existem algumas maneiras de conseguir isso, mas o resultado geralmente é o mesmo. Para descobrir a opção certa para suas necessidades, vamos primeiro dar um passo atrás e revisar os conceitos básicos de imagens e compactação em geral.

Elementos de uma Imagem Digital

Assim como o desenvolvimento de software e web, geralmente há uma “pilha” para levar uma imagem da câmera para a web.

Uma imagem começa como dados “brutos” (daí o nome RAW). Isso é semelhante ao código de um aplicativo: os snippets, linhas e valores se traduzem em planos de fundo com cores, marcadores de posição de imagem, elementos dinâmicos e muito mais.

Para uma imagem, o arquivo RAW apresenta uma representação de imagem ligeiramente diferente com base no fabricante da câmera, software de edição, algoritmo de espaço de cores e muito mais. A partir daí, você edita a imagem e a exporta como um dos vários formatos de arquivo (mais sobre isso depois):

Existem alguns elementos diferentes que compõem uma imagem digital padrão:

• Tipo de arquivo: Diferentes tipos fornecerão qualidades que podem ou não se adequar à sua imagem final. A chave é escolher o tipo de arquivo mais adequado para o aplicativo.
• Resolução: muitas vezes você verá isso expresso em megapixels (MP), mas também usará pixels por polegada (PPI) ou pontos por polegada (DPI). Resoluções mais altas oferecem maior qualidade, mas também aumentam o tamanho inicial do arquivo
• Profundidade de bits: Este aspecto determina as informações de cor em uma imagem. Uma profundidade de bits baixa renderizará apenas algumas cores, enquanto uma profundidade de bits alta poderá renderizar milhões de cores de uma só vez. Geralmente, mais alto é melhor.
• Dimensões: Este é o espaço físico que uma imagem ocupa. Por exemplo, 1.000 pixels x 500 pixels podem definir o tamanho total de uma imagem.
• Espaço de cores: Este é um algoritmo que determina como as cores são exibidas. Cada espaço de cor é configurado de maneira diferente e geralmente depende da preferência do fotógrafo.

Esses elementos se combinam para fornecer uma imagem final de qualidade variável. Por exemplo, uma fotografia JPEG grande, de alta resolução e alta profundidade de bits oferecerá qualidade e nitidez supremas:

Por outro lado, mesmo uma imagem com grandes dimensões e a capacidade de exibir muitas cores pode parecer ruim em baixa resolução:

Esse equilíbrio é como você desenvolve a imagem principal antes de aplicar a compactação. No entanto, o formato que você usa para a imagem tem uma grande parte na qualidade final.

Como funciona a otimização de imagens da Web

Como a compactação de imagem é a mesma em um sentido geral, você pode aplicar regras padrão à maneira de otimizar imagens para a web.

Cobrimos muitos desses conceitos em outras partes do blog Kinsta, mas vale a pena dar um breve resumo para referência:

• Use resolução de 72 PPI, pois este é o padrão para a web. Você pode usar um PPI/DPI mais alto por motivos de arquivamento, mas presumimos que você esteja publicando na web.
• Defina a “borda longa” da imagem para 2048px, pois isso é ideal para muitos aplicativos diferentes.
• Use uma profundidade de cor de 8 bits se você tiver a opção.
• Execute uma imagem por meio de uma ferramenta de compactação e otimização antes de publicar.

É um formato simples que pode fornecer resultados consistentes, embora a compactação e a otimização sejam algo que expandiremos no restante deste artigo.

Para esse fim, vejamos os benefícios e as desvantagens da compactação com perdas versus sem perdas.

Como a compactação de imagens pode ajudar suas imagens da Web

Em termos gerais, a “compressão” aproxima o mínimo e o máximo. Por exemplo, a compressão aumenta o volume mais baixo na música e reduz o volume mais alto. Isso torna o nível médio mais alto ao ouvido.

Para imagens, a compactação é mais um processo redutivo. Isso significa que há uma ênfase maior em retirar dados da sua imagem para reduzir o tamanho do arquivo, mantendo a qualidade o mais alta possível.

Existem muitos algoritmos proprietários diferentes para ajudar a reduzir o tamanho dos arquivos de imagem. Em muitos casos, eles são de propriedade de uma empresa específica. Você encontrará muitos padrões de compactação “com perdas” e “sem perdas”, cada um com descritores exclusivos:

Dito isso, há muitos benefícios em aplicar a compactação de imagem que não são exclusivos de um formato específico:

• Você pode manter os tamanhos dos arquivos baixos, o que melhora o desempenho do seu site.
• Por extensão, o servidor do seu site terá menos trabalho a fazer, impactando o desempenho.
• Tamanhos de arquivo pequenos ajudam a reduzir as emissões do servidor. Assim, você contribui para um futuro sustentável e ético.
• Você pode exibir uma qualidade quase perfeita e comparável, dependendo do algoritmo e da qualidade de compactação que escolher.

Assim como criar uma imagem compartilhável, brincar com vários valores de compactação, usar uma empresa específica e escolher o algoritmo correto são vitais para encontrar resultados que funcionem para você.

Prós e contras da compressão com perdas

A compactação com perdas reduz o tamanho do arquivo da imagem, quase excluindo todos os outros aspectos. A maneira como o algoritmo funciona é remover dados permanentemente. Isso pode ser tão destrutivo quanto parece.

Embora não entremos muito em detalhes, saiba que algumas das remoções de compactação com perda de dados são visíveis na imagem. A ideia é oferecer a melhor representação da imagem original de alta qualidade com um peso mais leve – e isso significa que alguns dados não serão aceitos.

Em geral, há alguns benefícios em usar a compactação com perdas:

Assine a newsletter

Quer saber como aumentamos nosso tráfego em mais de 1000%?

Junte-se a mais de 20.000 pessoas que recebem nossa newsletter semanal com dicas privilegiadas do WordPress!

Inscreva-se agora

• Os tamanhos dos arquivos serão pequenos — em alguns casos, abaixo de 10 kilobytes (KB).
• A perda de qualidade será aceitável em muitos casos, apesar dos artefatos.

Isso nos leva aos pontos negativos do uso de compactação com perdas — que a qualidade da imagem será reduzida com qualquer quantidade de compactação:

Você descobrirá que as faixas de cores - onde os tons de cores não são renderizados da maneira correta - e uma perda de clareza da borda serão visíveis em alguns casos. Imagens com menos cores mostrarão menos disso, mas a redução na clareza ainda estará presente.

Além disso, a degradação da imagem é uma característica permanente do processo de compressão. Isso significa que não há como reverter os efeitos posteriormente.

Apesar das desvantagens, a compactação com perdas é excelente para a web e para o desempenho do seu site. Os tamanhos de arquivo minúsculos nem sempre resultam em imagens granuladas, embora você possa (é claro) levar as coisas ao extremo:

No entanto, com perdas não é a única opção. A compactação sem perdas é uma alternativa para o proprietário do site preocupado com a qualidade.

Prós e contras da compressão sem perdas

A compactação sem perdas faz o que diz no rótulo: compacta o tamanho do arquivo de uma imagem o máximo possível sem afetar a qualidade visível. Ele faz isso removendo os metadados da imagem, que podem ocupar espaço desnecessário:

O algoritmo de compactação sem perdas também procura sequências de pixels repetidas e codifica um atalho para exibi-las. Por exemplo, tome “Interface de linha de comando”. Você geralmente definirá seu acrônimo uma vez e usará “CLI” (ou seu acrônimo escolhido) para referenciá-lo na velocidade da luz

A compactação sem perdas funciona da mesma maneira, pois é menos destrutiva. Embora a remoção dos metadados não seja reversível, parte da compactação será, tornando-o um algoritmo flexível para muitos usos.

As vantagens de usar a compactação sem perdas giram em torno da manutenção da qualidade:

• A compactação sem perdas preserva a maior qualidade em uma imagem em comparação com todos os outros algoritmos.
• Lossless é fantástico para fins de arquivamento. Por exemplo, um fotógrafo pode equilibrar recursos de armazenamento com uma imagem que preserva a maioria dos dados.
• Lossless é o algoritmo de compressão preferido para artes visuais: fotografia, design gráfico, arte digital e muito mais. A combinação de um algoritmo sem perdas com a profundidade e resolução adequadas pode obter quase uma cópia “um para um”.

No entanto, há algo a ser observado sobre como a compactação sem perdas atende a nichos específicos: a variedade de aplicativos é pequena. Isso reduz sua disponibilidade geral.

Aqui estão alguns outros contras da compactação sem perdas a serem considerados:

• Se um site usa muitas imagens, a compactação sem perdas pode não ser a ideal para exibi-las. Isso ocorre porque você desejará valorizar tamanhos de arquivo menores nesses tipos de situações na maioria dos casos.
• Embora a compactação reduza o tamanho dos arquivos, os algoritmos sem perdas não alteram tanto os dados da imagem quanto os com perdas. Por causa disso, você pode ver apenas reduções marginais no tamanho, em vez de resultados extremos de emagrecimento.

A seguir, veremos a maneira mais rápida (e potencialmente melhor) de fazer isso.

Como escolher entre com perdas vs sem perdas

Neste ponto, você entende a diferença entre compressão com perdas e sem perdas. No entanto, você ainda pode não saber qual é o melhor algoritmo para usar em seu site.

Há duas situações a considerar:

1. Para a maioria dos casos de uso na Web, a compactação com perdas é aceitável.
2. Se você deseja exibir fotografia ou arte fotografada, a compactação sem perdas servirá melhor.

Essas considerações dependem do uso de um dos formatos de imagem padrão da Web, como JPEG, PNG ou GIF. No entanto, suas necessidades de compactação podem diferir com formatos mais modernos, como HEIC e WebP.

Chegamos a dizer que, a menos que você exiba fotografia em seu site, a compactação com perdas deve ser sua escolha padrão. O WordPress compacta imagens por padrão, o que mostra que a compactação com perdas é adequada para quase todos os aplicativos.

Usando um serviço de compactação online para otimizar suas imagens

Há muitas maneiras de compactar suas imagens antes de exibi-las em seu site. Por exemplo, você pode optar por aplicar a compactação no estágio de edição. Isso pode ser um subproduto da conversão de formatos RAW de qualquer maneira.

No entanto, uma escolha popular é um dos muitos serviços online. Cada um oferecerá uma seleção de algoritmos e uma interface de usuário (UI) exemplar. Além do mais, a maioria tem algum serviço gratuito, pelo menos para experimentar o aplicativo antes de se comprometer.

Cobrimos algumas opções em nosso artigo sobre otimização de imagem, embora sejam plugins específicos do WordPress que se conectam a uma interface de programação de aplicativos (API). A boa notícia é que muitos desses plugins também fornecem uma interface online. Por exemplo, considere ShortPixel:

Aqui, você arrastará as imagens para o uploader e aguardará que o aplicativo as comprima e as processe. No entanto, você deve escolher o algoritmo primeiro, pois o processo começará imediatamente.

A escolha é simples: duas formas de compressão com perdas (“Lossy” e “Glossy”) e uma opção sem perdas. A interface do ShortPixel faz um bom trabalho ao explicar a diferença entre cada algoritmo, e você pode baixar as imagens em segundos.

Embora ambos possam atender às suas demandas, a interface do Imagify parece mais elegante e profissional do que a do ShortPixel. Existem também três “níveis de compressão” aqui – Normal, Agressivo e Ultra:

A pequena diferença aqui é que o Imagify começa com compactação sem perdas e segue seu caminho até um algoritmo com perdas com artefatos pesados. No entanto, existem algumas outras opções que você não encontrará em outras soluções.

Para começar, você pode manter os dados EXIF ​​intactos para sua imagem e até redimensioná-los após a conversão. Isso é inestimável às vezes, especialmente se você deseja aplicar um nível de compactação que pode remover dados EXIF ​​ou limitar como você redimensiona uma imagem.

Assim como seu mítico homônimo, o Kraken pode disputar suas imagens e aplicar vários tipos de compactação. A maioria dos usuários optará pelos tipos com ou sem perdas.

No entanto, há também um modo Expert:

Isso permite ajustar a compactação às suas próprias necessidades, entre outras opções. Por exemplo, você pode ajustar os níveis de compactação JPEG e PNG, optar por preservar os metadados da imagem e até mesmo trabalhar com subamostragem de croma para alterar ainda mais as cores.

Resumo

As imagens podem parecer um aspecto simples do seu site: você pega um arquivo, faz o upload para o WordPress e adiciona um bloco de imagem para exibi-lo.

No entanto, há muito mais coisas envolvidas no processo de preparação de uma imagem para a web do que você imagina. O formato de compactação escolhido pode afetar o tamanho do arquivo, a qualidade da imagem e muito mais.

Este post analisou a compactação com perdas vs sem perdas e resumiu qual você deve escolher. Apesar de andar na corda bamba de qualidade versus tamanho, a compressão com perdas é perfeita para a maioria dos casos de uso na web. Fotógrafos ou aqueles preocupados em adulterar a qualidade das imagens vão querer usar compressão sem perdas, embora haja menos benefícios em relação ao tamanho do arquivo.

De que lado você está na batalha entre compressão com perdas vs sem perdas? Deixe-nos saber seus pensamentos na seção de comentários abaixo!