Com telas Full HD agora com um padrão mínimo de trabalho e até mesmo smartphones baratos com pelo menos cinco câmeras megapixel, é fácil esquecer a importância do tamanho da imagem na web. Quando alguém cria um site, é extremamente importante levar em conta a largura de banda.
Embora uma imagem grande e de alta resolução possa não representar um problema para uma conexão de banda larga moderna, o preenchimento do site com recursos de alta qualidade pode transformar a experiência de navegação em um empecilho real. Além disso, você também tem que pagar pelos custos de hospedagem inchados!
Não são apenas os webmasters que precisam lidar com imagens grandes demais. Se você tentou enviar algumas fotos por e-mail para alguém, o tamanho total do e-mail pode ser chocante quando você precisar enviar dez ou vinte snaps. É por isso que um otimizador de imagens on-line é seu melhor amigo quando você deseja enviar, compartilhar ou hospedar imagens.
Estes são quatro dos nossos otimizadores de imagem online favoritos com uma opção de bônus off-line incluída para quando a internet cair, mas seus prazos não se importam! Além disso, leia nosso post anterior sobre outras maneiras de reduzir o tamanho da imagem.
Configuração de teste de imagem
Antes de entrarmos em cada compressor de imagem, quero configurar como fizemos nosso teste. Não é muito científico ou imenso; é apenas uma série de compressões por diferentes mecanismos de compressão e é isso.
Para mostrar a diferença que o formato do arquivo faz em termos de compactação, usamos uma imagem JPG e uma imagem PNG. Às vezes você pode compactar sua imagem muito melhor se você salvá-lo usando um formato diferente. As imagens JPG são mais adequadas para imagens de pessoas, lugares, coisas reais, etc.
As imagens PNG são mais adequadas para ícones, texto, capturas de tela de janelas na sua área de trabalho, etc. Aqui está nossa imagem JPG original (91 KB):
E aqui está a nossa imagem PNG original (26 KB):
Kraken.io
A melhor característica do Kraken.io é o fato de que ele nos dá uma desculpa para gritar “liberte o kraken!” Toda vez que o usamos, mas, além disso, é uma das soluções mais rápidas que já experimentamos e bastante simples de usar.
Existem várias camadas pagas do produto, diferindo principalmente por quantos gigabytes de dados você pode processar por mês. A interface web rápida gratuita não permite redimensionar imagens ou usar outros recursos "Pro", mas é uma simples ferramenta de arrastar e soltar que conseguimos descobrir em apenas alguns segundos.
O melhor de tudo é que você pode enfileirar vários arquivos de uma só vez para processamento rápido em lote.
Você também pode importar facilmente imagens do Google Drive ou do Dropbox com um clique. Em nosso teste, o Kraken reduziu o tamanho de nossa imagem JPG em cerca de 15% (78 KB) e nosso PNG em cerca de 61% (10 KB).
Aqui está a imagem JPG depois que lançamos o kraken:
Há alguma perda de qualidade, mas a imagem ainda parece muito boa e seu site será mais simplificado graças à otimização. Aqui está a imagem PNG após a compactação:
A qualidade do PNG compactado é quase idêntica à original, e é por isso que adoro usar o formato PNG o máximo possível devido à sua capacidade de ser fortemente compactado sem muita perda de qualidade.
Use o Kraken.io no kraken.io.
Compressor.io
Compressor promete redução drástica do tamanho do arquivo. “Até 90%” em alguns casos. Embora a maioria das imagens não tenha esse tipo de desempenho, o Compressor é uma boa opção se você prefere o tamanho absoluto do arquivo em relação aos detalhes de imagem.
A interface é atraente e fácil de usar. Também é bom que você possa salvar uma imagem diretamente no seu Google Drive ou DropBox sem antes baixá-la para o seu computador. Uma desvantagem, no entanto, é o fato de que apenas uma imagem pode ser processada por vez.
Usando o Compressor em nossa imagem de teste, houve de fato uma redução muito agressiva de 28% no tamanho da imagem para a imagem JPG (66 KB).
Para a imagem PNG, reduziu o tamanho da imagem em cerca de 67%, até aproximadamente 8 KB. Isso é muito parecido com o que o Kraken também foi capaz de fazer.
Então, o quanto isso afetou a qualidade da imagem? Aqui está a versão do Compressor do JPG para comparação.
Como você pode ver, há uma quantidade significativa de ruído adicionado à imagem. Então, é um tamanho de arquivo melhor, mas com menos qualidade. Você terá que experimentar suas imagens em sites diferentes para encontrar uma que alcance um bom equilíbrio entre a redução substancial do tamanho e a qualidade da imagem.
A imagem PNG do compressor era exatamente igual à do Kraken, então não estou incluindo aqui.
Use Compressor.io no compressor.io
Optimizilla
O Optimizilla recebe pontos de atratividade instantânea para seu mascote de cura, mas também promete uma abordagem equilibrada para a otimização de imagens. Além disso, você pode enfileirar até vinte imagens. O Optimizilla também possui uma interface muito poderosa.
O Optimizilla permite que você defina níveis de qualidade individuais para suas imagens. Você pode facilmente ajustar isso com um controle deslizante e, em seguida, também visualizar a imagem resultante em comparação com o original.
Isso significa que você não precisa baixar repetidamente o arquivo finalizado até que esteja satisfeito com a qualidade.
Por padrão, obtivemos uma redução de 23% no tamanho do arquivo para o JPG (70 KB). O tamanho JPG é maior que o compressor, mas menor que o Kraken. A qualidade é muito melhor que o compressor e comparável ao Kraken.
O PNG foi reduzido em 64% e novamente foi quase indistinguível do original. Ele também parecia o mesmo que todas as outras versões compactadas até agora.
Você pode usar o Optimizilla em imagecompressor.com.
ImageSmaller
O ImageSmaller é outra boa ferramenta de compactação on-line que fornece resultados decentes, mesmo que você esteja restrito a processar apenas uma imagem por vez.
No nosso caso, obtivemos uma redução impressionante de 54% no tamanho do arquivo para o nosso JPG com uma quantidade decente de perda de qualidade. A imagem ainda é viável se você a publicar on-line ou para fins causais, mas há muito ruído para usá-la de qualquer outra forma.
Novamente, o PNG foi reduzido em cerca de 65% e foi exatamente o mesmo que os outros resultados.
Uma alternativa offline: RIOT
Embora todos os quatro otimizadores de imagem precisem de uma conexão com a internet, isso nem sempre é possível. Portanto, é uma boa ideia ter um aplicativo off-line como backup ou em circunstâncias que tornem a otimização on-line menos que ideal.
Talvez você precise processar um grande número de imagens ou não queira enviar certas imagens por motivos de privacidade.
Seja qual for a razão pela qual você tenha que usar um cliente off-line, nós particularmente gostamos de RIOT ou Radical Image Optimization Tool . Este software gratuito pode virtualmente fazer tudo, sendo muito fácil de usar.
Tem um interessante modo de sugestão automática. Simples arraste a imagem para dentro e ela sugerirá um nível adequado de compressão.
Usando a configuração automática, obtemos uma redução de 28% no tamanho da imagem (66 KB). Aqui está a imagem, depois de ser processada pelo RIOT. Como no Compressor, o tamanho é menor, mas o nível de ruído é muito alto.
Outra coisa que vale a pena mencionar sobre o RIOT é que o software vem com um modo de conversão em lote. Assim, você pode enfileirar quantas imagens seu computador puder manipular e, em seguida, deixá-las para continuar com os negócios. Uma grande vantagem sobre a maioria das soluções online gratuitas!
Você pode baixar o RIOT em luci.criosweb.ro/riot/.
Tão fácil quanto 1, 2, 3
Com essas ferramentas de otimização de imagem, você conseguirá que seu site carregue mais rápido ou economize espaço no servidor da Web ou envie imagens gerenciáveis por e-mail para amigos e familiares.
É rápido e fácil reduzir as imagens superalimentadas a algo mais palatável. Você nem precisa colocar nenhum dinheiro para baixo. Agora é um bom negócio, não importa de que maneira você olhe para ele! Apreciar!
