Ajustar tamaño de imágenes correctamente con Image Resize Pro

Plugin incluido con nuestro servicio de mantenimiento de WordPress.

Es normal que, en una tienda online cualquiera, las imágenes de nuestros productos no tengan todos los mismos tamaños ni proporciones. Muchas veces el material que subimos nos lo entrega un fabricante, un fotógrafo, es material escaneado o bien somos nosotros mismos quienes sacamos fotos con nuestro celular de turno. Por eso, las fotos tienen disparidades y muchas veces no se ven cómo deberían en su zócalo correspondiente en la página de producto.

Smart Image Resize llega para resolver esta inconveniencia en nuestro WooCommerce: hará que las imágenes de los productos —entre otras opciones adicionales— tengan el mismo tamaño y sean uniformes sin necesidad de tener que retocarlas una por una. Así es, basta de ediciones manuales y cambios de tamaño de fotos. En esta nota veremos todas las virtudes de un plugin imperdible.

¿Qué es Smart Image Resize?

Es un plugin de WordPress que funciona junto con WooCommerce. Su función es optimizar la presentación de los productos en nuestra tienda homogeneizando todas las imágenes sin que perdamos valioso tiempo. Gracias a Smart Image Resize, todas las fotos de los productos se volverán uniformes y del mismo tamaño obviando la necesidad de tener que recortarlas o redimensionarlas nosotros.

Este plugin puede ser usado con una configuración nula, y su versión lite ofrece funciones como eliminar los espacios en blanco no deseados (en torno al producto), personalizar los colores de fondo, comprimir las miniaturas —lo que acelera mucho la carga de las páginas—, gestionar qué imágenes necesitamos que cambien de tamaño y procesar hasta una límite de 150 imágenes.

150 imágenes va a resultar poco para la gran mayoría de las tiendas, pero al menos podremos testear el plugin y evaluar sus resultados. Si el programa funciona tal cual se proclamaba, entonces vamos a abrazar la versión PRO. Ésta amplía todas las funciones a un número infinito de imágenes, pero además convierte las imágenes a .JPG para reducir el tamaño de los archivos (muchas veces encontramos archivos .PNG o .BMP, que resultan considerablemente más pesados por carecer de compresión).

Pero, mucho mejor que eso, Smart Image Resize Pro es capaz de convertir todas las imágenes (incluyendo las .JPGs) al formato más moderno WebP —personalmente lo recomiendo— para así agilizar enormente la velocidad de carga de las páginas. Paralelamente, PRO nos ofrece una funcionalidad (beta) para la inserción de marcas de agua por si nos interesa proteger nuestras fotos contra robos (podemos insertar una marca de agua con el logotipo de nuestra tienda, por ejemplo). Es decir que el plugin procesará cada una de las imágenes y, si así lo deseamos, les adosará también una marca de agua elegida por nosotros.

Como suele suceder, los usuarios de la versión PRO cuentan con soporte prioritario (sí, el dinero habla).

Escritorio de Smart Image Resize

Siguiendo la sana línea que vienen adoptando los plugins modernos, el panel de Smart Image Resize se muestra claro, preciso y fresco. Como podemos ver, las opciones son "básicas" y se despliegan sencillamente, comprensibles hasta para alquien que no hable inglés.

Las opciones son:

Enable Resizing

Siempre ON (o no nos beneficiaremos de los ajustes de imágen automáticos).

Images

Product images estará tildado por defecto, lo cual es lógico pues es el foco y razón de ser de este plugin. Adicionalmente, podemos tildar Category images para volcar las funcionalidades mencionadas a las imágenes de las categorías de producto.

Trim Whitespace

Lo activaremos si pretendemos eliminar tanto espacio en blanco en torno a las fotos de los productos.

Background Color

Por defecto, el color usado al momento de eliminar transparencias en archivos .PNG es blanco, pero aquí podemos seleccionar otro.

Add Watermark

Como ya hemos mencionado, el plugin nos permite añadir un sello o marca de agua a las imágenes (como nuestro logo).

Optimization

Aquí manejamos el nivel de compresión de las imágenes. A más compresión, imágenes más pequeñas pero también más borrosas o pixeladas. Por defecto, la compresión es 5% y no recomendamos entusiasmarnos más del 10% dado que la calidad de las imágenes en una tienda es otra variable que conlleva mejores ventas.

Convert to JPEG

Convierte imágenes no comprimidas (como .PNG) al clásico formato optimizado .JPG. Se recomienda activar esta opción salvo que por alguna razón necesitemos imágenes de producto con la transparencia que permite el formato .PNG (aunque se trataría de un caso raro).

Enable WebP

Recomendamos activarlo por las razones mencionadas más arriba en la nota, yque repasamos a continuación: WebP reduce el tamaño de los archivos hasta un 90% en comparación con las imágenes .PNG sin perder calidad, y comparado con .JPG logra mejor compresión manteniendo la calidad.

Es interesante saber que el plugin presentará imágenes .JPG y .PNG para los navegadores que no puedan mostrar imágenes WebP (sería para casos raros en donde no se han actualizado dispositivos en mucho tiempo).

Avanzado

Acá podemos seleccionar si pretendemos aplicar las funcionalidades del plugin a miniaturas y diversos tamaños típicos de imágenes en WooCommerce. Por defecto, todos los tamaños estarán seleccionados y recomendamos dejarlo así para lograr la óptima homogeneización de nuestras imágenes.

Finalmente, recordemos guardar los cambios.

Solapa Regenerate Thumbnails

En rigor de verdad, aquí se ofrece la opción de instalar otro plugin creado por los mismos desarrolladores.

Hemos realizado recientemente un análisis del regenerador de miniaturas Rethumbify en nuestro blog, y por ende los invitamos a revisarlo. Este plugin brinda esta funcionalidad de manera en extremo sencilla.