Optimizar imágenes en tu tienda Woocommerce.

El peso de las imágeness es muy importante en nuestra tienda online,  este es un aspecto fundamental para que nuestra tienda sea agradable al cliente y permanezca en ella.

En nuestra tienda de Woocommerce debemos importar las imágenes a una resolución y calidad adecuada para que el usuario se sienta cómodo en nuestra web.

En Hostelweb te enseñamos a optimizar tu Tienda Online de Woocommerce.

La importancia de optimizar imágenes

Es muy importante que nuestros visitantes no abandonen nuestra página y estén dispuestos a encontrar en nuestra web productos iguales o similares que existen en otras tiendas online.

Si nuestra web carga lenta es posible que el porcentaje de rebote sea alto y no interesante para futuros compradores, además debemos tener presente que si Google tiene problemas para rastrear nuestra web, no posicionaremos y no tendremos presencia en sus búsquedas.

Igualmente importante es que nuestra tienda esté optimizada al máximo para cuando es visitada a través de un teléfono móvil. Actualmente la mayoría de las visitas a las tiendas online se producen desde estos dispositivos.

Resolución, Formato y Tamaño

Son los tres aspectos fundamentales a la hora de tratar las imágenes de nuestro woocommerce.

• Resolución. No es lo mismo una imagen para ser vista en internet que una imagen para que sea imprimida en papel. Se recomienda que la calidad de una imagen que va ha ser publicada en internet sea en una resolución de 72 ppp (pixeles por pulgada).
• Formato. Los tres fundamentales son JPG, PNG y GiF. ¿Cómo distinguir cual es el más adecuado para cada cosa?
  • JPG: Es el mas empleado ya que es el que mejor comprime sin perder calidad cromática. Podemos modificar su calidad de 1 a 100. Si reduces una imagen JPG a una calidad de 80 puedes conseguir un ahorro de hasta un 30% en el peso de la imagen. Por ello es el formato más utilizado en las tiendas online.
  • PNG:  Su característica principal es que conserva la transparencia de la imagen. Se utiliza en imágenes de marca, como logotipos. Su mayor ventaja es que no pierde mucha calidad de imágen al ser comprimida.
    • Dos formatos:
    • PNG-8. Almacena 256 colores
    • PNG-24. Almacena 16 millones de colores
  • GIF: Para imágenes que incluyen alguna animación
• Tamaño. Importa las imágenes a tamaño real. Utiliza el metro y mide el tamaño en el que quieres que se muestre tu imagen. Si tu imagen se va a mostrar a un tamaño de 80px por 100px, ajusta la imagen a ese tamaño y no a uno mayor. Conseguirás que tu página esté optimizada y cargue con fluidez.

Optimizar la Imagen

¿Cómo saber las imágenes que debemos optimizar en nuestro Woocommerce?

• Debemos comprobar la velocidad de carga de nuestra página. Para ello podemos utilizar PageSpeed. Solo tienes que introducir tu URL.

Nos mostrará una serie de elementos que debemos corregir para que la velocidad de carga sea la optima.

• Una forma muy sencilla de corregir el tamaño de nuestras imágenes es ir a nuestro escritorio de WordPress y editar la imagen a optimizar. Aquí la podemos escalar o incluso recortar. De esta forma no tenemos que recurrir a un editor de imagen exterior con la consecuente perdida de tiempo.

• Instala el Plugin Smush y conseguirás de forma automática que tus imágenes estén optimizadas. Es muy fácil de utilizar y optimiza las imágenes en el momento de subirlas. Es un plugin imprescindible en nuestra tienda online.

Con estos sencillos pasos conseguirás una gran optimización en tu Tienda Online y así tus clientes tendrán una buena experiencia cada vez que acudan a tu página web.