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
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
Conhece algum para recomendar? Fala pra gente!
0 Comentario "Como otimizar suas imagens para a web"
Postar um comentário