¿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: reduce entre un 25% y un 34% en comparación con JPEG o PNG.
- •Soporte de transparencias: como PNG, pero más eficiente.
- •Mejor rendimiento de carga: mejora el Web Performance Optimization (WPO).
- •Menor uso de ancho de banda: especialmente útil para usuarios móviles.
Soporte de navegadores
Actualmente, más del 95% de los navegadores modernos (Chrome, Firefox, Safari, Edge, Opera) soportan WebP tanto en su versión estática como animada. Esto hace que su uso generalizado sea seguro para 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/png,\
image/tiff,\
image/webpConfigurar 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 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.