Cómo optimizar tus imágenes para la web

El objetivo es optimizar tu MercadoShop, no sólo técnicamente (que cargue más rápido) sino visualmente (que se vea ordenado y prolijo).

Herramientas para mejorar tu imagen

Redimensionar

Adaptar el tamaño de la imagen para que tenga el ancho y alto exactos para la pantalla.
Tip! Recomendamos ancho de 1600px y alto proporcional.

• WebReziser
• Pixlr

Comprimir

Bajar el peso de la imagen sin que pierda calidad, y sin modificar el tamaño de la misma.
Tip! Recomendamos a todos hacer ésto, para que tu MercadoShop cargue más rápido. Te tomará sólo 2 minutos.

• Smushit: en 2 pasos y online.
• Paso a paso para hacerlo con Photoshop.

Cómo elegir la imagen

Imágenes grandes

No usar imágenes  demasiado cargadas, que distraen de lo más importante: los productos y la venta: “no hace falta que sea una imagen ninja, lo que vale es que sea contextual a los productos en venta”.

Ejemplo de una imagen que nos puede gustar, pero distrae.

Ejemplo de una imagen que da la misma idea a quien la vé, pero que aporta contexto y no distrae tanto.

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

Mosaico/repetición

Funcionan como un “rompecabezas”: repitiendo una imagen de 10 x 10px. o 20 x 20 px. para formar -por ejemplo- una textura.

Ventajas: pesan menos, entonces cargan más rápido; en general, distraen menos que las imágenes grandes; son más fácil de conseguir o hacer.
Tip! Armar un mosaico con tu logo en tonos grises/azules claros/etc, te da una imagen personalizada muy interesante!

Explicación: cómo armar un mosaico.

Bancos de imágenes gratuitos