Entendendo a compressão com perdas e quando usá-la

Tempos de carregamento rápidos são cruciais para o sucesso do seu site. Um site lento pode afastar os leitores e prejudicar seus rankings nos mecanismos de busca. Felizmente, existem várias maneiras de melhorar a velocidade do seu site, como usar compactação com perdas para suas imagens.

Nesta postagem, examinaremos mais de perto a compactação com perdas e como ela pode melhorar o desempenho do seu site. Também mostraremos como aplicar compactação com perdas em suas imagens e discutiremos os prós e contras dessa técnica.

Vamos começar!

O que é compressão com perdas?

A compactação reduz o tamanho de um arquivo. Ao compactar uma imagem, você está efetivamente tornando o arquivo menor. Existem diferentes tipos de compressão, um dos quais é chamado de “com perdas”.

Com a compactação com perdas, você pode reduzir significativamente o tamanho do arquivo. No entanto, esse processo pode resultar em uma qualidade de imagem inferior. Isso ocorre porque a compactação remove alguns dos pixels que compõem a imagem.

Como você provavelmente pode ver, uma imagem compactada não ficará tão boa quanto a original. Dependendo do nível de compactação usado, você poderá notar uma queda na qualidade da imagem.

Vejamos alguns exemplos. Esta é a imagem original, com um tamanho de arquivo de 2 MB:

Aqui está a mesma imagem após uma compactação de 50%:

O tamanho do arquivo caiu para 806 KB. No entanto, não há diferença perceptível na qualidade.

Por fim, compactamos a imagem em 10%, o que resultou em um tamanho de arquivo de 329 KB:

Como você pode ver, a redução na qualidade agora é óbvia. Isso ocorre porque removemos uma grande quantidade de dados da imagem.

Como mencionamos anteriormente, imagens compactadas podem ajudar a acelerar seu site. Para ilustrar isso, executamos um teste de velocidade de página com diferentes tamanhos de imagem usando o Lighthouse.

O teste do Lighthouse é codificado por cores e qualquer número em verde é aceitável para o desempenho de carregamento. Aqui está a pontuação de desempenho da página quando usamos a imagem original:

Em seguida, executamos novamente o teste de velocidade com a imagem compactada em 50%:

Como você pode ver, há uma melhoria de desempenho. Por fim, testamos a mesma página usando a foto que compactamos em 10%:

Como você pode ver, a página agora recebe nota máxima. Este teste mostra que pequenos arquivos de imagem podem melhorar significativamente o desempenho do seu site.

Embora gráficos altamente compactados possam fazer maravilhas pela velocidade do seu site, sua qualidade inferior pode refletir mal em sua marca. Portanto, desaconselhamos a redução de imagens para mais de 50%, a menos que seja absolutamente necessário.

Por que você deve usar compressão com perdas?

Quanto mais dados você tiver em seu site, mais tempo levará para que suas páginas sejam carregadas. Arquivos como plugins, imagens, áudio e vídeos podem aumentar a pressão no tempo de carregamento do seu site.

A compactação com perdas pode ajudá-lo a acelerar seu site, principalmente se você tiver conteúdo com muitas imagens. Você pode usar esse tipo de compactação em vários formatos de arquivo, incluindo Joint Photographic Experts Group (JPEG) e Graphics Interchange Format (GIF). Você também pode aplicar compactação com perdas a arquivos de vídeo e áudio.

Como mencionado anteriormente, a compactação com perdas funciona removendo dados de suas imagens, levando a uma redução no tamanho e na qualidade. Esse método contrasta com a compactação sem perdas, que torna um arquivo de imagem menor sem afetar sua qualidade.

No entanto, a compactação com perdas pode ser mais eficaz do que a compactação sem perdas. Isso ocorre porque ele pode remover grandes quantidades de dados de suas imagens. Como tal, pode liberar algum espaço em seu armazenamento e aumentar a velocidade do seu site.

Você pode considerar o uso de compactação com perdas se tiver um site com muitas imagens, como uma loja online ou um blog grande. Esse método de compactação pode ajudá-lo a otimizar suas imagens de produtos, miniaturas, banners e outros arquivos JPEG em seu site. Como resultado, suas páginas podem carregar mais rápido para seus usuários, ajudando você a reduzir sua taxa de rejeição e gerar mais conversões.

A compactação com perdas também oferece algum controle sobre a qualidade e o tamanho de suas imagens. Na verdade, muitas ferramentas de otimização de imagem permitem que você escolha o nível de compactação para seus arquivos. Dessa forma, você pode optar por uma abordagem equilibrada que o ajude a melhorar o desempenho do seu site sem comprometer a qualidade de seus gráficos.

Como aplicar compressão com perdas às suas imagens

É importante observar que o WordPress compacta automaticamente os arquivos JPEG em até 82%. Portanto, toda vez que você carrega uma imagem em seu site, ela passa por um processo de compactação com perdas.

Você pode ajustar este nível de compressão automática editando seu arquivo functions.php . No entanto, esse método pode ser complicado e não compactará as imagens que você já enviou para o seu site.

Além disso, existem maneiras mais fáceis (e mais eficientes) de otimizar suas imagens. Vejamos algumas opções!

1. Comprima imagens com um editor de fotos

Você pode facilmente compactar suas fotos usando seu software de edição de fotos preferido. Ferramentas populares como Adobe Photoshop e GIMP permitem que você aplique um nível de qualidade às suas imagens:

Alternativamente, você pode usar o editor de fotos embutido no sistema operacional do seu computador. Se você for um usuário do Windows, abra sua imagem no Microsoft Photos . Em seguida, clique nos três pontos no canto superior direito e selecione Redimensionar no menu suspenso:

Na próxima janela pop-up, selecione Definir dimensões personalizadas :

Você pode então definir a qualidade da sua imagem usando o controle deslizante:

Quando estiver pronto, clique em Salvar cópia redimensionada . Recomendamos salvar esta imagem compactada como um arquivo separado. Isso ocorre porque a compactação com perdas é irreversível – se você substituir o gráfico original, não poderá desfazer suas alterações.

2. Comprima imagens com um plugin do WordPress

Outra maneira de compactar suas imagens é usando um plug-in de otimização de imagem. Esse método pode economizar seu tempo porque o plug-in otimizará automaticamente todas as fotos que você enviar para o seu site.

Um poderoso plugin de otimização que você pode usar é o Imagify:

Depois de instalar e ativar o plug-in em seu site, você será solicitado a criar uma conta gratuita e inserir sua chave de API. Quando terminar, você pode ir para Configurações > Imagify para definir suas preferências de compactação.

Como você pode ver, existem três opções disponíveis:

Se você optar por Normal , o plug-in realizará compactação sem perdas em suas imagens. Este método pode não acelerar seu site.

Enquanto isso, o tipo Agressivo resultará em compactação com perdas. No entanto, não haverá diferenças perceptíveis na qualidade.

Finalmente, temos Ultra , que é o nível de compressão com perdas mais forte. Essa configuração pode causar alterações significativas na qualidade de suas imagens.

Para obter os melhores resultados de compactação, recomendamos optar por Agressivo . O Imagify otimizará automaticamente o tamanho original de qualquer imagem que você enviar para o WordPress.

Se você rolar para baixo, verá a opção de selecionar outros tamanhos de imagem que deseja compactar, como miniaturas:

Quando estiver pronto, clique em Salvar alterações . Todas as imagens que você enviar para o seu site agora serão compactadas automaticamente para o nível de sua preferência.

Benefícios da compressão com perdas

Como vimos, a compactação com perdas pode melhorar o desempenho do seu site e os tempos de carregamento da página. Por sua vez, esse aumento de desempenho levará a uma melhor experiência do usuário. Também pode ajudar a melhorar a otimização do mecanismo de pesquisa (SEO) do seu site.

A compactação com perdas também pode ser benéfica se você tiver limitações de espaço em disco e largura de banda. Reduz a quantidade de dados armazenados em seu site.

Felizmente, compactar seus gráficos não requer muito esforço. Você pode simplesmente instalar um plugin gratuito que reduzirá automaticamente o tamanho de todas as suas imagens enviadas. Como tal, usar a compactação com perdas pode ser uma maneira rápida e fácil de aumentar o desempenho geral do seu site.

Desvantagens da compressão com perdas

Infelizmente, existem algumas desvantagens em usar a compactação com perdas. Para começar, você não pode restaurar imagens compactadas para seus estados originais. Ao otimizar seus gráficos, você precisará garantir que não substitua os arquivos originais.

Como já discutimos, a compactação com perdas também pode afetar negativamente a qualidade de suas imagens. Isso porque elimina dados nos arquivos. Portanto, você precisará selecionar um nível de compactação moderado para garantir que não haja diferença perceptível na qualidade.

Conclusão

O uso de compactação com perdas em suas imagens pode acelerar efetivamente seu site WordPress. Essa técnica reduz o tamanho dos seus arquivos de imagem, fazendo com que suas páginas carreguem mais rápido. Por sua vez, essa compactação ajuda a melhorar a experiência do usuário e o SEO.

Você pode compactar facilmente suas imagens usando seu software de edição de fotos favorito ou um plug-in de otimização de imagem, como o Imagify. No entanto, recomendamos evitar o uso de compactação pesada, pois isso pode levar a uma queda notável na qualidade da imagem.

Você tem alguma dúvida sobre compressão com perdas? Deixe-nos saber na seção de comentários abaixo!

Imagem via Jaroslaw Slodkiewicz / unsplash.com, Imagem em destaque via PureSolution / shutterstock.com