Com as telas Full HD agora com um padrão mínimo de trabalho e até smartphones baratos com câmeras de pelo menos cinco megapixels, é fácil esquecer o tamanho da imagem que importa na Web. Quando alguém cria um site, é incrivelmente importante levar em consideração a largura de banda.
Enquanto uma imagem grande e de alta resolução pode não representar um problema para uma conexão de banda larga moderna, encher seu site com ativos de alta qualidade pode transforme a experiência de navegação em uma chatice real. Além disso, você também deve pagar pelos custos de hospedagem!
Não são apenas os webmasters que precisam lidar com imagens muito grandes. Se você tentou enviar algumas fotos para alguém, o tamanho total do e-mail pode ser um choque quando você precisar enviar dez ou vinte snaps. É por isso que um otimizador de imagem on-line é seu melhor amigo quando você deseja fazer upload, compartilhar ou hospedar imagens.
Estes são quatro dos nossos otimizadores de imagem on-line favoritos, com uma opção off-line de bônus incluída para quando a Internet cai , mas seus prazos não se importam! Além disso, leia nossa postagem anterior em outras maneiras de reduzir o tamanho da imagem.
Configuração do teste de imagem
Antes de entrarmos em cada compressor de imagem, quero configurar como fizemos o nosso teste. Não é muito científico ou extenso; são apenas uma série de compressões de diferentes mecanismos de compactação e é isso.
Para mostrar a diferença que o formato do arquivo faz em termos de compactação, usamos uma imagem JPG e PNG. Às vezes, você pode compactar sua imagem muito melhor se você a salvar usando um formato diferente. As imagens JPG são mais adequadas para imagens de pessoas "reais", lugares, coisas etc.
In_content_1 all: [300x250] / dfp: [640x360]->As imagens PNG são mais adequadas para ícones, texto, capturas de tela de janelas na área de trabalho etc. Aqui está nossa imagem JPG original (91 KB):
E aqui está a nossa imagem PNG original (26 KB):
Kraken.io
O melhor recurso do Kraken.io é o fato de nos dar uma desculpa para gritar “solte o kraken!” toda vez que o usarmos, mas, além disso, é uma das soluções mais rápidas que tentamos e bastante simples de usar. use.
Existem várias camadas pagas do produto, diferindo principalmente pelo número de gigabytes de dados que você pode processar por mês. A interface rápida e gratuita da web não permite redimensionar imagens ou usar outros recursos "Pro", mas é uma ferramenta simples de arrastar e soltar que poderíamos descobrir em apenas alguns segundos.
O melhor de tudo , você pode enfileirar vários arquivos ao mesmo tempo para processamento rápido em lote.
Você também pode importar facilmente imagens do Google Drive ou Dropbox com um clique. Em nosso teste, o Kraken reduziu o tamanho da imagem JPG em cerca de 15% (78 KB) e o PNG em cerca de 61% (10 KB).
Aqui está a imagem JPG após o lançamento do kraken:
Há alguma perda de qualidade, mas a imagem ainda parece muito boa e seu site será mais otimizado 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, tanto quanto possível, devido à sua capacidade de ser fortemente compactado sem perda de qualidade.
Use o Kraken.io em kraken.io .
Compressor.io
O compressor promete uma redução drástica no 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ê preferir o tamanho absoluto do arquivo em vez de detalhes finos da 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 fazer o download 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é 8 KB. Isso é muito próximo do que Kraken também conseguiu.
Então, quanto isso afetou a qualidade da imagem? Aqui está a versão do JPG do Compressor para comparação.
Como você pode ver, há uma quantidade significativa de ruído adicionada à imagem. Portanto, é um tamanho de arquivo melhor, mas com menos qualidade. Você terá que experimentar suas imagens em sites diferentes para encontrar uma que atinja um bom equilíbrio entre redução substancial de tamanho e qualidade de imagem.
A imagem PNG do compressor se parecia exatamente com a de Kraken, então eu ' não o incluo aqui.
Use Compressor.io em compressor.io
Otimimizilla
O Optimizilla obtém pontos de atratividade instantânea para o mascote de cura, mas também promete uma abordagem equilibrada para a otimização da imagem. Além disso, você pode enfileirar até vinte imagens. O Optimizilla também possui uma interface muito poderosa.
O Optimizilla permite definir níveis de qualidade individuais para suas imagens. Você pode ajustar isso facilmente com um controle deslizante e também visualizar a imagem resultante em comparação com o original.
Isso significa que você não precisa faça o download repetido do arquivo final até ficar satisfeito com a qualidade.
Por padrão, obtivemos uma redução de 23% no tamanho do arquivo para o JPG ( 70 KB). O tamanho do 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. Também parecia o mesmo que todas as outras versões compactadas até agora.
Você pode usar o Optimizilla em imagecompressor.com.
ImageSmaller
ImageSmaller é outra boa ferramenta de compactação on-line que oferece resultados decentes, mesmo que você esteja restrito a processar apenas uma imagem por vez.
No nosso caso, obtivemos uma impressionante redução de 54% no tamanho do arquivo para o JPG, com uma perda considerável de qualidade. A imagem ainda é viável se você a estiver postando on-line ou para fins causais, mas há muito barulho para usá-la de qualquer outra maneira.
Novamente, o PNG foi reduzido em cerca de 65% e foi exatamente igual aos outros resultados.
Uma alternativa offline: RIOT
Embora todos os quatro otimizadores de imagem exijam um conexão à Internet funcionando, isso nem sempre é possível. Portanto, é uma boa idéia ter um aplicativo offline como backup ou sob circunstâncias que tornem a otimização on-line abaixo do ideal.
Talvez você precise processar um grande número de imagens ou não queira fazer o upload de determinadas imagens por motivos de privacidade.
Seja qual for o motivo para usar um cliente offline, gostamos particularmente do RIOT ou da Radical Image Optimization Tool. Este software gratuito pode praticamente fazer tudo, apesar de ser bastante fácil de usar.
Possui um modo de sugestão automática interessante. Simplesmente arraste a imagem para dentro e isso sugere um nível adequado de compactação.
Usando a configuração automática, obtemos uma redução de 28% na imagem tamanho (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 tantas fotos quanto o computador puder e depois deixá-lo para continuar com os negócios. Uma grande vantagem sobre a maioria das soluções on-line gratuitas!
Você pode fazer o download do RIOT em luci.criosweb.ro/riot/.
Tão fácil quanto 1,2 , 3
Com essas ferramentas de otimização de imagem, seu site é carregado mais rapidamente ou economiza espaço no servidor da Web ou envia imagens gerenciáveis por e-mail para amigos e familiares.
É rápido e fácil ajustar essas imagens superalimentadas a algo mais palatável. Você também não precisa gastar dinheiro. Agora, isso é bastante, não importa para que lado você olha para isso! Aproveite!