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.
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.
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.
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.
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.
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.
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.
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.
Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…
Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…
Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…
Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…
Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…
Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…