Aprenda a comprimir imagens

As imagens com­pri­mi­das têm um impacto es­pe­ci­al­mente positivo nos tempos de car­re­ga­mento das páginas web. Mas como comprimir imagens sem perder vi­si­vel­mente a qualidade? E que programas existem para comprimir fotos? A seguir, ofe­re­ce­mos uma visão geral sobre a com­pres­são de imagens.

Por que devo comprimir as minhas fotos?

Hoje em dia, imagens em alta definição já não são uma raridade. Os dis­po­si­ti­vos suportam cada vez mais pixels, o que implica um aumento no tamanho dos ficheiros. Mas se quiser usar imagens na Internet, tanto para ilustrar uma página web como para enviá-las por e-mail, é im­por­tante ter essa in­for­ma­ção em conta, pois quanto menor for o ficheiro, mais rápida será a sua trans­mis­são, o que, por sua vez, se torna uma vantagem por dois motivos:

• Quando uma imagem é carregada ra­pi­da­mente, aumenta a sa­tis­fa­ção dos uti­li­za­do­res, es­pe­ci­al­mente aqueles que utilizam dis­po­si­ti­vos móveis.
• A rapidez no car­re­ga­mento das imagens também se reflete po­si­ti­va­mente na clas­si­fi­ca­ção dos motores de busca.

Escolha o melhor formato para as suas imagens

Antes de utilizar imagens numa página web, é acon­se­lhá­vel verificar o seu formato de ficheiro, pois nem todos os formatos gráficos são adequados para uti­li­za­ção na Internet. Os cinco formatos que apre­sen­ta­mos a seguir são os mais indicados:

• JPG/JPEG: este é um dos formatos de imagem digital mais uti­li­za­dos. Permite re­pre­sen­tar até 16,7 milhões de cores e suporta uma alta com­pres­são, embora muitas vezes com perdas de qualidade. Este formato é ideal para o ar­ma­ze­na­mento de imagens ou gráficos, es­pe­ci­al­mente se tiverem muitas cores e con­tras­tes fortes.
• PNG: este formato pode re­pre­sen­tar de 256 (PNG8) a 16,7 milhões (PNG24) de cores e também é muito utilizado na Internet. Ao contrário do JPG, pode ser com­pri­mido quase sem perda de qualidade. Este formato é es­pe­ci­al­mente bom para armazenar gráficos, logótipos e textos. As imagens com poucas cores podem ser com­pri­mi­das até uma fração do tamanho do ficheiro original.
• WebP: WebP é um formato de imagem moderno de­sen­vol­vido pela Google para oferecer uma melhor com­pres­são sem perda de qualidade. Suporta com­pres­são com e sem perdas, o que permite obter ficheiros mais pequenos do que os formatos JPEG e PNG. Graças a al­go­rit­mos efi­ci­en­tes, como a co­di­fi­ca­ção preditiva, o WebP pode reduzir o tamanho das imagens em até 30% em com­pa­ra­ção com o JPEG, mantendo uma qualidade se­me­lhante. Além disso, este formato permite trans­pa­rên­cia (canal alfa) e animações, o que o torna uma al­ter­na­tiva versátil ao PNG e GIF.
• SVG: SVG (Scalable Vector Graphics) é um formato de imagem baseado em XML utilizado para gráficos vetoriais. Ao basear-se em des­cri­ções ma­te­má­ti­cas de formas e linhas, mantém a qualidade da imagem in­de­pen­den­te­mente do nível de escala. Ao contrário dos formatos baseados em pixels, o SVG pode ser sig­ni­fi­ca­ti­va­mente com­pri­mido através de simples oti­mi­za­ções de código e com­pres­são com gzip, sem afetar a qualidade visual. É es­pe­ci­al­mente adequado para logótipos, ícones e ilus­tra­ções em páginas web.
• GIF: embora só possa re­pre­sen­tar 256 cores, é muito utilizado na Internet, es­pe­ci­al­mente porque a partir de várias imagens permite criar animações que são muito populares nas redes sociais. Devido à sua paleta cromática reduzida, o GIF é utilizado para a vi­su­a­li­za­ção de elementos de navegação ou gráficos simples. Também suporta trans­pa­rên­cias.

Opção 1: comprimir imagens online

Se quiser comprimir as suas fotos sem instalar um software especial, pode fazê-lo co­mo­da­mente online, pois a Internet oferece várias soluções que permitem comprimir fotos gra­tui­ta­mente. Estas fer­ra­men­tas costumam diferir nos formatos de ficheiro que suportam e nos graus de com­pres­são que permitem, e ge­ral­mente limitam o número de com­pres­sões possíveis. Nos pa­rá­gra­fos seguintes, se­le­ci­o­ná­mos algumas das melhores soluções dis­po­ní­veis atu­al­mente.

Op­ti­mi­zilla

A fer­ra­menta online Op­ti­mi­zilla da Mediafox Marketing permite carregar até 20 imagens ao mesmo tempo e comprimi-las, com a única condição de que estejam no formato JPEG ou PNG. Para isso, a aplicação web recorre a uma com­bi­na­ção de al­go­rit­mos, co­nhe­ci­dos pela sua boa relação entre com­pres­são e qualidade da imagem. Um regulador manual permite definir o grau de com­pres­são antes de des­car­re­gar o resultado, seja como imagem in­di­vi­dual ou como grupo em formato ZIP.

Para facilitar ao uti­li­za­dor encontrar a con­fi­gu­ra­ção ideal, o Op­ti­mi­zilla mostra mi­ni­a­tu­ras tanto da imagem original como da imagem com­pri­mida, para que seja possível vi­su­a­li­zar o efeito e também o tamanho de cada um dos ficheiros. Todas as imagens são au­to­ma­ti­ca­mente eli­mi­na­das do servidor do software uma hora após terem sido car­re­ga­das.

TinyPNG

Ao contrário do que o nome sugere,o TinyPNG permite não só comprimir ficheiros PNG, mas também JPEG e WebP. Na versão padrão gratuita, é possível otimizar até 20 imagens ao mesmo tempo, cada uma com um tamanho limitado de 5 MB.

A fer­ra­menta da Voormedia tem um grau de com­pres­são pre­de­fi­nido que, embora não possa ser alterado, reduz o tamanho da imagem em até 80%. Para comprimir a imagem, basta arrastá-la para o campo indicado e, em seguida, des­car­regá-la no formato JPEG, PNG ou arquivo ZIP ou carregá-la para a nuvem do Dropbox.

iLoveIMG

O iLoveIMG é um conjunto online de fer­ra­men­tas de edição de imagens. A partir de Barcelona, a equipa res­pon­sá­vel pelo seu de­sen­vol­vi­mento fornece apli­ca­ções com as quais é possível recortar, re­di­men­si­o­nar, trans­for­mar e comprimir imagens, entre outras coisas. Para comprimir imagens, deve se­le­ci­o­nar a tecla «Comprimir imagem» e, em seguida, arrastar ou se­le­ci­o­nar o ficheiro a partir do ex­plo­ra­dor. É com­pa­tí­vel com JPEG, PNG, SVG e GIF.

Embora ofereça apenas um grau de com­pres­são pré-con­fi­gu­rado, o iLoveIMG permite exportar o resultado de várias formas: além de poder des­car­re­gar o resultado para o disco rígido local, também é possível carregá-lo para o Google Drive e Dropbox ou obter um link para des­car­re­gar a imagem com­pri­mida. E se o resultado não cor­res­pon­der às ex­pec­ta­ti­vas, pode ser apagado clicando no símbolo da lixeira.

Opção 2: comprimir imagens com o Photoshop

Ob­vi­a­mente, também é possível reduzir o tamanho das imagens com um programa pro­fis­si­o­nal de edição gráfica. Entre todos, o Photoshop é con­si­de­rado o líder do setor. Além das funções criativas de design e oti­mi­za­ção de material fo­to­grá­fico, o programa da Adobe oferece várias opções para modificar o formato das imagens e ajustar o seu tamanho. Em especial, os gestores de páginas web encontram uma grande aliada na opção**«Guardar para web»**, que o fa­bri­cante im­ple­men­tou com o objetivo de otimizar imagens para páginas web. Neste modo, o programa permite comprimir não só nos três formatos web mais re­le­van­tes GIF, PNG, WebP e JPEG, mas também no formato de mapa de bits WBMP (Wireless Bitmap) destinado a dis­po­si­ti­vos móveis.

Quando edita uma imagem no modo de oti­mi­za­ção para web do Photoshop, abre-se uma nova janela na qual pode não só escolher os formatos de destino, mas também otimizar a imagem para a sua página web, ajustando a pro­fun­di­dade de cor e as dimensões. Na pré-vi­su­a­li­za­ção, a fer­ra­menta da Adobe mostra a imagem original e a otimizada, lado a lado, incluindo o tamanho exato do ficheiro, o que permite ver fa­cil­mente como os di­fe­ren­tes níveis de com­pres­são afetam a qualidade.

Opção 3: comprimir imagens com programas de código aberto

Com o Photoshop, fica claro que comprimir fotos com apli­ca­ti­vos de desktop é muito prático. Esses apli­ca­ti­vos de desktop não só oferecem muito mais funções, como também, ao contrário das fer­ra­men­tas online, não precisam de conexão com a Internet para funcionar. Para reduzir o tamanho do material visual do seu site, não é ne­ces­sá­rio utilizar a solução Premium da Adobe nem qualquer outra al­ter­na­tiva paga. Quando se depende de um orçamento limitado ou não são ne­ces­sá­rias grandes opções de edição, com um programa de código aberto ou um freeware já se alcançam re­sul­ta­dos de primeira qualidade. Quais são as melhores soluções?

IrfanView

O programa de vi­su­a­li­za­ção de imagens IrfanView está, desde 1996, entre as soluções de software livre para Windows mais populares — segundo o fa­bri­cante, ocorrem, em média, um milhão de downloads por mês. Isso deve-se, sobretudo, ao atraente modelo de li­cen­ci­a­mento da fer­ra­menta: enquanto o uso privado é to­tal­mente gratuito, o uso comercial requer apenas a aquisição de uma licença por um pagamento único, com um preço acessível de dois dígitos.

O vi­su­a­li­za­dor suporta, por padrão, um grande número de formatos de imagem, incluindo PNG, JPEG, GIF, WebP e BMP. Qualquer imagem adi­ci­o­nada pode ser con­ver­tida para um desses formatos, mas se você deseja comprimir as imagens para a web, re­co­men­da­mos instalar o plugin da função “Guardar para a web”. Essa extensão permite otimizar pilhas de arquivos e ajustar a qualidade da imagem com um regulador. A opção de pré-vi­su­a­li­za­ção e o tamanho da imagem com­pri­mida permitem ter uma ideia do resultado.

GIMP

Na busca por al­ter­na­ti­vas ao Photoshop no setor de código aberto, é ine­vi­tá­vel se deparar com o GIMP (GNU Image Ma­ni­pu­la­tion Program). O programa gráfico lançado em 1998 e com­pa­tí­vel com Linux, macOS e Windows convence há anos pela di­ver­si­dade de suas funções, que lembram em grande parte o modelo comercial da Adobe. Hoje, ele já é com­pa­tí­vel com mais de 30 formatos de arquivo, entre eles os formatos para a web GIF, JPEG, WebP e PNG.

O GIMP não só permite converter uma imagem para um formato menor, como também dispõe de funções avançadas de ex­por­ta­ção com as quais é possível comprimir imagens. O nível de com­pres­são é ajustado com um regulador manual. As opções avançadas são muito práticas: se ativar a qualidade «Pro­gres­sivo», o resultado é um pouco mais pesado; no entanto, os vários campos são car­re­ga­dos numa sequência de­ter­mi­nada, de modo que, após uma espera não muito longa, o programa já é capaz de mostrar uma visão geral da imagem.

PNG­Gaun­tlet

O programa freeware PNG­Gaun­tlet fornece uma interface gráfica de uti­li­za­dor em inglês para as três fer­ra­men­tas de código aberto PNGOUT, OptiPNG e DeflOpt, que foram de­sen­vol­vi­das para otimizar e comprimir material visual no formato PNG. A aplicação, dis­po­ní­vel apenas para Windows, é a solução perfeita para criar ficheiros muito pequenos, como logótipos, gráficos e texto no formato PNG para a web. A fer­ra­menta suporta os formatos JPEG, GIF, TIFF e BMP, além do PNG.

Para comprimir as suas fotos, a fer­ra­menta oferece duas opções: se escolher a ins­ta­la­ção padrão, primeiro selecione uma ou mais imagens e, em seguida, pressione a tecla «Optimize!»; mas, se optar pela con­fi­gu­ra­ção in­di­vi­dual, ao pres­si­o­nar a mesma tecla, pode ajustar a con­fi­gu­ra­ção das três fer­ra­men­tas. Uti­li­zando qualquer uma das duas opções, o programa mostra, uma vez fi­na­li­zada a com­pres­são, o novo tamanho do ficheiro e a per­cen­ta­gem eco­no­mi­zada.

Ima­ge­Op­tim

Se procura uma fer­ra­menta de código aberto para sistemas macOS com a qual possa comprimir as imagens do seu site, com o Ima­ge­Op­tim, de­sen­vol­vido por Kornel Lesinski, está em boas mãos. Com uma licença GPL, o programa combina várias fer­ra­men­tas de oti­mi­za­ção, como MozJPEG, pngquant e SVGO, e permite não só descartar metadados EXIF su­pér­fluos, mas também comprimir materiais de imagem de vários tipos (JPEG, SVG, GIF ou PNG).

Os ficheiros de imagem que pretende trans­for­mar devem ser adi­ci­o­na­dos ao Ima­ge­Op­tim com a função arrastar e soltar, e, em seguida, a fer­ra­menta iniciará ime­di­a­ta­mente o processo de com­pres­são. A qualquer momento, pode modificar a con­fi­gu­ra­ção para ajustar o grau de com­pres­são, se­le­ci­o­nar outras opções ou descartá-las. Para isso, basta clicar na secção dos três pontos. Depois de fazer as al­te­ra­ções, clique em «Repetir» para executar novamente a trans­for­ma­ção.