Otimização de imagens para Magento

• Para que serve?
• Pode ajudar a melhorar a performance do meu site?
• Existe resolução padrão para meu site?
• Como fazer?
• Resumo.

Para que serve?

Sabemos que a tendência é que os clientes estão exigindo cada vez mais, sites rápidos e responsivos, haja visto o aumento do acesso por dispositivos móveis, tendo isso como parâmetro, precisa-se pensar em como melhorar a velocidade de loading do seu site através das imagens. Uma vez que imagens com a resolução muito alta pode prejudicar nesta tarefa. Sendo assim é recomendável usar resoluções padrões para sua loja virtual e otimiza-la o máximo possível, além disso a imagem destinada a thumbnail deve ser de rápido e fácil entendimento.

Pode ajudar a melhorar a performance do meu site?

Naturalmente, uma vez que imagens otimizadas auxiliam na velocidade de carregamento das páginas de catalogo e/ou página individual do produto. Vale ressaltar que um bom trabalho de otimização também auxilia no SEO.

Existe resolução padrão para meu site?

Não é obrigatório, você pode trabalhar com a resolução que preferir, porém é recomendável seguir um padrão de resolução para as imagens de produtos, exemplo:

800x800px | 900x900px | 1000x1000px | 1200x1200px

É importante escolher uma destas resoluções apenas, para que a visualização do catálogo fique padronizada e não impacte visualmente através de serrilhados ou desníveis de layout. Outro fator que influencia é o formato, dê preferencia ao formato JPEG. Ele é menor em tamanho, é otimizado para fotografia e é amplamente suportado em quase todas as plataformas e serviços.

Outro fator importante a ser mencionado é referente as imagens usadas nos BLOCOS ESTÁTICOS e CMS PAGE, utilize as resoluções conforma instrução do seu desenvolvedor, desta forma você não ultrapassa os limites do tema instalado e auxilia na otimização destas áreas.

ATENÇÃO: Você não é proibido de usar outra resolução, as dimensões citadas cima são apenas um exemplo.

Como fazer?

Por fim, antes de fazer o upload das imagens para seu Magento, utilize uma das ferramentas que auxiliam na otimização e compactação do arquivo, tais ferramentas removem informações que para sua loja virtual não são importantes, informações como:

* Marca e Modelo da máquina fotogrática utilizada para a captura;
* Lente utilizada na captura;
* Data da captura da imagem;
* Data da exportação da imagem;
* Versão do editor utilizado para personalização da imagem;

etc...

No exemplo abaixo, exibe a utilização de uma dessas ferramentas, note que a imagem possui a compressão de 67% tornando com isso o seu processo de loading seja mais rápido.

Algumas destas ferramentas:

* TinyJPG
* TinyPNG
* KrakenIO
* Optimizilla
* JPEGmini
* Compress PNG

ATENÇÃO: Você deve escolher apenas uma destas opções, utilizar 2 ou mais pode prejudicar e/ou reduzir a qualidade da imagem.

Resumo:

Como vemos acima a otimização de imagem é simples, porém precisa ser feita com cautela e atenção para que não prejudique a usabilidade do site por parte do seu cliente.