Cómo configurar Joomla para gestionar ficheros de imagen AVIF

En este pequeño tutorial de hoy voy a enseñarte cómo configurar Joomla para que puedas gestionar archivos de imagen de tipo AVIF sin ningún tipo de problemas.

Ya te comenté hace algún tiempo cómo configurar Joomla para gestionar ficheros SVG.

Siguiendo la misma idea, hoy hacemos lo mismo para el formato AVIF.

Pero antes...

Qué es un archivo AVIF

Puedes leer en la Wikipedia la siguiente definición:

El formato de archivo de imagen AV1 (AVIF) es una especificación de formato de archivo de imagen para almacenar imágenes o secuencias de imágenes comprimidas AV1 en el formato de contenedor HEIF.1 Compite con HEIC, que usa el mismo formato de contenedor basado en ISOBMFF, pero HEVC para la compresión. La versión 1.0.0 de la especificación se finalizó en febrero de 2019.

Aunque, como puedes ver, no es un formato nuevo, parece que se "está poniendo de moda" desde que Google lo haya "aceptado" en su motor a partir de su último cambio de algoritmo.

Este tipo de ficheros tiene un nivel de comprensión bastante alto con respecto a otros formatos (como PNG, JPG, e incluso WebP).

Un ejemplo rápido que te presento sería el siguiente. Para la imagen de portada de ester artículo, en formato PNG, pesa 136 KB:

• En WebP: 28,4 KB
• En AVIF: 11,0 KB

Aquí puedes ver los 3 formatos de la misma imágen (PNG, WebP y AVIF):

Para otra imagen, que pesa bastante más en PNG, 1,75 MB, se reduce a:

• WebP: 146 KB
• AVIF: 27,1 KB

Como puedes observar, la reducción del peso de la "misma" imagen es considerable y hará que tu página pese menos y, por tanto, cargue más rápido.

La nitidez de la imagen es bastante buena y apenas se diferencia de las otras.

Para pasar de PNG a AVIF he utilizado Squoosh: Squoosh App

Pues bien, si intentas subir la imagen AVIF a Joomla a través del gestor multimedia, verás que te lanza el siguiente error de "Ha ocurrido un error."

A continuación te explico cómo soluciunar esto.

Configurar Joomla para gestionar archivos con formato AVIF

Lo primero que tienes que hacer es ir al apartado de configuración del gestor multimedia.

En la misma pantalla que puedes ver en la figura de la captura anterior, verás que arriba a la derecha hay un botón que pone "Configuración".

Si pinchas en él irás a la siguiente pantalla:

Dentro de esta pantalla tienes que buscar los siguientes campos y añadir el tipo correspondiente a cada uno de ellos:

• Extensiones permitidas: avif (añadir al final separado del anterior por una coma)
• Extensiones de imagen permitidas: avif (añadir al final separado del anterior por una coma)
• Tipos de MIME permitidos: image/avif (añadir al final separado del anterior por una coma)

Una vez hecho esto, guardas y cierras la configuración.

A partir de ahora ya podrás subir y utilizar imágenes AVIF en tu página web gestionada con Joomla.

Espero que este pequeño tutorial te pueda servir en tus proyectos Joomla

Y como siempre te digo, si crees que puede ayudar a más gente... comparte ;-)