PrestaShop 9 y la Revolución Visual: AVIF Nativo y Regeneración de Imágenes sin Timeouts
La llegada de PrestaShop 9 marca un hito en el rendimiento para eCommerce. Dos de sus funciones más esperadas finalmente están aquí: el soporte nativo para el formato AVIF y un nuevo sistema de regeneración de imágenes vía terminal (CLI).
El Formato AVIF: El nuevo estándar de velocidad
Si pensabas que el WebP era el límite, el formato AVIF llega para demostrar lo contrario. PrestaShop 9 se ha actualizado para poder soportar este formato y por tanto mejorar los siguientes aspectos:
- Compresión Superior: Las imágenes AVIF son, de media, un 20-30% más ligeras que WebP manteniendo la misma calidad visual.
- Mejora el SEO: Al reducir drásticamente el peso de la página, mejorarás el Largest Contentful Paint (LCP), un factor crítico para Google Core Web Vitals.
- Soporte Moderno: Compatible con las últimas versiones de Chrome, Firefox, Safari y Edge.
Aquí podemos ver una comparativa que nos permite ver si realmente merece la pena el cambio:
| Característica | JPEG (Clásico) | WebP (Moderno) | AVIF (PrestaShop 9.1) |
|---|---|---|---|
| Peso del archivo | 100% (Base) | ~70% | ~50% o menos |
| Calidad visual | Estándar | Alta | Superior (mejor manejo de degradados) |
| Transparencias | No | Sí | Sí |
| Uso de CPU (Generación) | Muy bajo | Medio | Alto |
Dato técnico: AVIF utiliza un algoritmo de compresión derivado del códec de video AV1. Es más eficiente pero requiere más potencia de CPU durante la generación inicial que el formato JPEG tradicional.
Optimización del almacenamiento: El dilema del espacio
Al activar AVIF, PrestaShop generará nuevos archivos con la extensión .avif. Si mantienes los antiguos formatos para compatibilidad (fallback), el espacio ocupado en tu servidor crecerá considerablemente.
- Usa el flag
--erasecon cautela: Este comando limpia las miniaturas antiguas. Es ideal para ahorrar espacio, pero asegúrate de que tu configuración de fallback en el servidor sea la correcta antes de borrar los JPEGs. - Monitorización: Antes de lanzar la regeneración completa, comprueba el espacio disponible en tu hosting. Una tienda con 10.000 productos puede generar gigabytes de datos nuevos en pocos minutos.
Adiós a los Timeouts: Regeneración por CLI
Es bastante frustrante regenerar miniaturas desde el panel de administración en tiendas con un gran catálogo, es frecuente superar los límites de tiempo del servidor (Timeouts) y que el proceso se interrumpa en nuestro navegador.
PrestaShop soluciona esto introduciendo un script de consola basado en Symfony a partir de su versión 9.1. Ahora puedes procesar miles de imágenes directamente desde la terminal (SSH) de forma estable y rápida.
Ejemplos prácticos de comandos:
El comando base es php bin/console prestashop:thumbnails:regenerate, y aquí tienes cómo usarlo según tu necesidad:
| Objetivo | Comando |
|---|---|
| Catálogo completo: Regenera todas las imágenes de productos. | php bin/console prestashop:thumbnails:regenerate products |
| Precisión quirúrgica: Solo categorías de un tamaño específico (ID 5). | php bin/console prestashop:thumbnails:regenerate categories 5 |
| Migración total: Regenera todo borrando los archivos antiguos. | php bin/console prestashop:thumbnails:regenerate all --erase |
* Nota: Para conocer el ID del tipo de imagen (como ese “5”), consulta la tabla ps_image_type en tu base de datos o revisa el orden en Diseño > Ajustes de imágenes.
Implementación y Compatibilidad
Para empezar a usar AVIF en tu tienda PrestaShop 9.1:
- Ve a Diseño > Ajustes de imágenes.
- En “Opciones de generación de imágenes”, selecciona AVIF.
- Ejecuta el comando CLI para transformar tu catálogo.
PrestaShop gestiona el “fallback” automáticamente. Si un usuario entra con un navegador muy antiguo que no soporta AVIF, el sistema servirá la imagen en el formato original (JPEG/PNG) para asegurar que nadie vea un hueco vacío.
¿Tu servidor está listo? Verifica que tienes instalada la librería libavif. Si usas un hosting administrado, puedes solicitar soporte para las extensiones Vips o GD actualizadas para garantizar la mejor velocidad de procesamiento.
Preguntas Frecuentes sobre AVIF y PrestaShop 9.1
¿Es obligatorio borrar las imágenes antiguas con –erase?
No es obligatorio, pero sí recomendable para ahorrar espacio en disco. Si no usas --erase, PrestaShop mantendrá los archivos .jpg y .webp junto a los nuevos .avif. Úsalo solo cuando hayas confirmado que tu servidor sirve correctamente el nuevo formato.
¿Qué pasa si mi servidor no soporta AVIF?
Si intentas activar AVIF sin las librerías libavif instaladas en PHP (GD o Vips), las imágenes no se generarán o darán error. Asegúrate de verificar la compatibilidad con el comando php -r "print_r(gd_info());" antes de proceder.
¿Mis clientes con navegadores antiguos dejarán de ver las fotos?
No. PrestaShop 9 incluye un sistema de fallback. Si un navegador no es compatible con AVIF, el sistema servirá automáticamente la versión original en JPEG o PNG para que la experiencia de usuario no se vea afectada.
¿Cuánto tiempo tarda la regeneración por CLI?
Depende del tamaño de tu catálogo y la potencia de tu CPU. Aunque el proceso es mucho más rápido y estable que desde el navegador, el formato AVIF requiere más cálculos matemáticos, por lo que puede tardar un poco más que una regeneración tradicional a JPEG.
¿Puedo regenerar solo un producto específico por ID?
El comando oficial de PrestaShop 9.1 permite filtrar por tipo de imagen (products, categories) e ID de tipo de imagen, pero está diseñado para procesar bloques. Para un solo producto, lo más sencillo es regenerar el tipo “products” o dejar que se genere al guardar el producto en el Back Office.
Conclusión: Un paso necesario para el eCommerce moderno
PrestaShop 9 no solo actualiza su código a Symfony y PHP 8, sino que abraza los estándares que exige Google en 2026. Implementar AVIF no es solo un capricho técnico, es una ventaja competitiva en velocidad de carga y experiencia de usuario móvil.
