Publicado el

Evitar imágenes de productos borrosas en WooCommerce

Un problema muy común cuando estás empezando con WooCommerce y con el que yo mismo he lidiado, es el del tamaño de las imágenes de productos. Si no usas las dimensiones (ancho x alto) correctas en los archivos de las fotos de tus productos, estas se mostrarán con una calidad muy pobre. Para que no te ocurra eso, voy a dedicar este artículo a explicarte qué aspectos debes tener en cuenta para evitar imágenes de productos borrosas en WooCommerce.

Como ya te habrás fijado, la inmensa mayoría de plantillas para WooCommerce muestran las imágenes de producto en formato cuadrado, esto quiere decir que la foto del producto debe tener el mismo ancho que alto, de lo contrario se mostrará recortada. Además, cada plantilla usa unas dimensiones diferentes para mostrar las fotos del catálogo de productos, lo que hace aún más difícil saber cuál es el tamaño de foto correcto que debemos usar. Pero no te preocupes, todo esto es muy sencillo de configurar, si sigues las recomendaciones que te voy a explicar a continuación.

Tipos de imágenes en WooCommerce

En WooCommerce existen 3 tipos de imágenes de producto cada una con unas dimensiones específicas. Dependiendo de qué página se esté visualizando en la tienda, se usarán un tipo de imagen u otra. Los tipos de imágenes de los que hablo son:

  • Imágenes de Catálogo. Especifica las dimensiones de cada imagen del catálogo de productos.
  • Imagen del Producto. Indica el tamaño utilizado en la imagen principal de la ficha de producto.
  • Vistas en Miniatura del producto. Este tamaño se aplica generalmente para la galería de imágenes en la ficha del producto.

Cada plantilla de WooCommerce tiene sus propias dimensiones para estos 3 tipos de imágenes de producto. Si usas una plantilla premium de WooCommerce lo lógico es que en la documentación de la plantilla vengan especificadas las dimensiones correctas que debes usar en las fotos de productos.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *