¿Qué es el formato WebP?
WebP es un formato de imagen desarrollado por Google en 2010 con el objetivo de reducir el tamaño de las imágenes sin perder calidad. WebP admite compresión con pérdida y sin pérdida, así como canal alfa (transparencias) y animaciones.
Entre sus principales ventajas frente a otros formatos destacan:
- Tamaños de archivo más pequeños: en comparación con JPEG o PNG, WebP puede reducir el tamaño de las imágenes entre un 25% y un 34% en promedio.
- Soporte de transparencias: como PNG, pero más eficiente.
- Mejor rendimiento de carga: al ser más ligeras, las imágenes WebP cargan más rápido, lo cual mejora el Web Performance Optimization (WPO).
- Menor uso de ancho de banda: especialmente importante para usuarios móviles.
Soporte de navegadores
Actualmente, todos los navegadores modernos (más del 95%) —incluyendo Chrome, Firefox, Safari, Edge y Opera— soportan el formato WebP, tanto en su versión estática como en su versión animada. El soporte es lo suficientemente amplio como para que su uso generalizado sea seguro en casi cualquier contexto web.
Configurar Liferay para soportar imágenes WebP
A continuación, te guiamos en la configuración de Liferay para que puedas subir, manipular y mostrar imágenes en formato WebP dentro del entorno del portal.
Instalación de ImageMagick
Liferay se apoya en bibliotecas externas para la manipulación de imágenes. En este caso, es necesario tener instalado ImageMagick, un software potente para la conversión y edición de imágenes desde línea de comandos.
Configurar soporte WebP en la biblioteca multimedia
Para que Liferay reconozca el formato WebP como válido, debes editar el archivo de configuración de tipos MIME permitidos. Esto puede hacerse modificando el fichero portal-ext.properties con la siguiente propiedad
dl.file.entry.preview.image.mime.types=\
image/bmp,\
image/gif,\
image/jpeg,\
image/pjpeg,\
image/png,\
image/tiff,\
image/x-citrix-jpeg,\
image/x-citrix-png,\
image/x-ms-bmp,\
image/x-png,\
image/x-tiff,\
image/webp
Configurar soporte WebP en el selector de imágenes
El selector de imágenes de Liferay filtra los archivos según su tipo, y es necesario habilitar WebP manualmente.
Debes ir a panel de control -> Configuración del sistema -> Documentos y multimedia -> Vista del selector de imágenes y añadir al final ".webp"
Configurar soporte WebP en los medios adaptables (Adaptive Media)
Si estás utilizando Adaptive Media en Liferay para gestionar versiones responsivas de imágenes, también es posible habilitar WebP.
Debes ir a panel de control -> Medios adaptables -> Imagénes y añadir al final "image/webp"
Y listo. A partir de ahora ya puedes usar imágenes en formato webp como cualquier otro tipo de imagen y podrás mejorar el WPO de tus páginas.
