Dicas Rápidas

Reduzir o tamanho das imagens para Web (otimização)

Como reduzir o tamanho das imagens para um melhor carregamento na Web.

Existem várias ferramentas onlines que disponibilizam gratuitamente (com algumas limitações) a otimização de imagem.

Neste Post irei indicar o Kraken.IO.

Kraken.IO

Click neste link Kraken.IO  Free Online Image Optimizer para abrir a ferramenta.

Nesta página você terá todas as configurações possíveis e o campo para fazer upload de suas imagens.

Primeiro campo: “1. Select Source of images”.

Deixe essa opção como “File Uploader”.

Essa é a forma mais simples de você transferir os seus arquivos para o otimizador de imagens.

Opções “URL Paster” e “Page Cruncher” são recursos disponíveis apenas na versão paga da ferramenta.

Segundo, “2. Select optimization mode”

Temos 3 opções nessa configuração:

LOSSY: Esse método é o mais recomendado, pois irá realizar uma grande redução no tamanho da imagem perdendo muito pouco de sua qualidade original.

LOSSYLESS: Tentará otimizar a imagem sem alterar nenhum pixel, essa opção é mais indicada para as imagens que você não deseja perder nada em qualidade, mantendo seu estado original.

EXPERT: Essa opção avançada é apenas indicada para usuários que tem um amplo conhecimento em otimização e configurações de imagens.

Testando o modo “Lossy”

Vamos testar o modo “Lossy” de otimização.

Arraste uma imagem do seu Desktop para campo de upload na página ou utilize uma das opções de integração disponíveis.

Após arrastar e soltar a imagem automaticamente será iniciado o upload e a otimização se sua imagem.

Resultado

Como você pode ver em uma imagem pequena de 36kbs, tive um ganho impressionante de 36%.

Em alguns casos com imagens pesando mais de 600 kbs já consegui com Kraken IO reduzir o tamanho delas para 160 kbs em média, sem percas significativas de qualidade.

Muito editores de imagem adicionam informações adicionais na imagem e exportam elas sem nenhuma otimização para Web gerando esse tamanho desproporcional com os padrões da Web.

Imagens leves geram melhores resultados no Google (SEO)

Ter todas as imagens do seu site otimizadas irá melhorar significativamente a sua nota no PageSpeed da Google.

Google utiliza a velocidade de carregamento de uma página como um dos critérios para classificar um site em seus resultados de busca.

Uma página só é considerada totalmente carregada quando todas as requisições feitas por ela são concluídas, incluindo todas as imagens.

Conclusão

Se você tem um site muito grande com centenas de imagens a opção paga irá lhe atender melhor.

Recursos como “Page Cruncher” irão facilitar em muito a sua vida otimizando todas as imagens presentes em uma página.

Sem falar que Kraken.IO possuí uma API de integração e módulos para Magento e WordPress.

Você pode consultar os preços e planos diretamente no site do Kraken IO.

 

Resumo
Descrição
Como reduzir o tamanho das imagens para Web, utilizando uma ferramenta online e gratuita de otimização sem percas significantes de qualidade.
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor

Post Recentes

WordPress não aparece no Google: noindex esquecido e robots.txt virtual

Site novo há semanas e nenhuma página indexada? Confira a caixinha de visibilidade em Leitura, o noindex no HTML e…

18 horas atrás

array_map perde as chaves do array no PHP: como manter o índice

O retorno do array_map voltou com índice 0, 1, 2 e o código que dependia da chave quebrou. Entenda quando…

1 dia atrás

Backup do Magento 2 com mysqldump: dump leve sem as tabelas de log

Dump de 12 GB que demora horas porque arrasta report_event e cron_schedule. Faça o backup em duas passadas, guarde só…

2 dias atrás

Preference do di.xml não aplica no Magento 2: o que checar antes

Escreveu a preference e o Magento 2 continua usando a classe original? Confira a área do di.xml, o generated/code e…

3 dias atrás

Filtro por atributo do WooCommerce vazio: global x personalizado

Cadastrou Cor direto na aba Atributos do produto e o filtro por atributo vem vazio. Veja como identificar o tipo,…

3 dias atrás

wp db query: rodar SQL no WordPress pelo WP-CLI sem phpMyAdmin

Precisa de um SELECT no banco do cliente e só tem SSH? O wp db query pega a senha do…

4 dias atrás