Como otimizar suas imagens para a web

O objetivo é otimizar seu SITE OU SEUS PRODUTOS, não só no plano técnico (que carregue mais rápido) MAS TAMBÉM NO VISUAL

Ferramentas para melhorar sua imagem

Redimensionar

Adaptar o tamanho da imagem para que tenha a largura e a altura exatos para a tela.

Dica! Recomendamos a largurua máxima de 1600px e uma altura proporcional.

• WebReziser
• Pixlr
• Canva Photo Image Editor muito prático

Comprimir

Diminuir o peso da imagem sem perder qualidade e sem modificar o tamanho da mesma.

Dica! Recomendamos a todos aplicar esse conselho, para que seu MercadoShop carregue mais rápido. Demorará só 2 minutos aplicar essa dica.

• Smushit: em 2 passos e online.
• Passo-a-paso com o Photoshop.
• Canva Photo Image Editor muito prático

Como escolher uma imagem

Imagens grandes

Não usar imagens chamativas demais, que distraem do mais importante: os produtos e a venda: “não é preciso que seja uma imagem profissional demais, o importante é que se relacione com os produtos à venda”.

Exemplo de uma imagem que podemos gostar, mas  que distrai .

Exemplo de uma imagem que dá a mesma ideia a quem vê, mas que aporta contexto e não distrai.

outro

http://trazosybosquejos.blogspot.com/2010/11/grafftis-ii-y-street-art-la.html

Mosaico/repetição

Funcionam como um “puzzle”: repetindo uma imagem de 10 x 10px. o 20 x 20 px. para formar -por exemplo- uma textura.

Vantagens: pesam menos, então carregam mais rápido; em geral, distraem menos que as imagens grandes; são mais fácil de conseguir ou fazer.

Dica! Fazer um mosaico com seu logo em tons cinzas/azuis claros/etc, dá como resultado uma imagem personalizada e interessante!

Explicação: como criar um mosaico.

Bancos de imágens gratuitos

www.sxc.hu

http://www.123rf.com/

Conhece algum para recomendar? Fala pra gente!