Servicio
+52 55 5208-0369
info@magen4me.com

¿Cómo optimizar imágenes del producto?

//¿Cómo optimizar imágenes del producto?

¿Cómo optimizar imágenes del producto?

Existen muchas formas de optimizar imágenes para publicar en tu tienda, pero aquí trataremos la forma mas sencilla apta para “no diseñadores”, así que no requieres tener conocimientos de photoshop, illustrator, corel draw ni de paint.

1.- Descargar la herramienta que nos ayudará a optimizar nuestras imágenes. La herramienta que usaremos en este post se llama Riot y la puedes descargar del siguiente link:

http://luci.criosweb.ro/riot/

¿Cómo optimizar imágenes del producto?

¿Cómo optimizar imágenes del producto?

2.- Al abrir el programa se mostrará la siguiente ventana:

¿Cómo optimizar imágenes del producto?

¿Cómo optimizar imágenes del producto?

Las secciones marcadas son las que utilizaremos, pero puedes ir probando para conocer toda la funcionalidad de este maravilloso programa.

3.- Arrastrar y soltar la imagen a optimizar en la sección izquierda, inmeditamente el programa mostrará en la sección derecha la imagen optimizada. Como se muestra la imagen de pesar 1.85 Megabytes se redujo a la cantidad de 554.04 Kilobytes con un porcentaje de optimización del 80%. Guardamos la imagen para comparar su aspecto.

¿Cómo optimizar imágenes del producto?

¿Cómo optimizar imágenes del producto?

4.- Aquí vemos ambas imágenes , del lado izquierdo la imagen original, del lado derecho la imagen optimizada. Como se muestra la calidad no es notoria a simple vista, se tiene que observar a detalle para encontrar alguna diferencia en cuanto a la calidad de la imagen optimizada.

comparativa5.- Se puede realizar el mismo proceso, pero con varias imágenes en forma masiva. Dar clic en el botón “Batch” el cual mostrará una ventana como esta:

modo barch

Desde esta ventana se puede arrastrar y soltar las imágenes a optimizar, elegir el destino a guardar las imágenes optimizadas.

Con este sencillo tutorial podrás optimizar tus imágenes sin necesidad de grandes conocimientos de diseño gráfico o uso de photoshop.

Este tutorial está enfocado al entorno Windows, pero existen herramientas en otros entornos (Mac, Linux, etc) que permiten realizar el mismo proceso. La siguiente herramienta es compatible con Mac https://imageoptim.com/ . También existen herramientas online o vía web que te permiten optimizar imágenes: https://tinypng.com/ .

Espero que este post les sea de gran ayuda.

Saludos!

 

 

By | 2018-05-06T19:46:54+00:00 septiembre 9th, 2015|Magento|0 Comments

About the Author:

Desarrollador Web. Entusiasta.