SERGIOIGLESIAS

Blog sobre Joomla

Cómo configurar Joomla 4 para gestionar ficheros SVG

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

Cómo configurar #Joomla 4 para gestionar ficheros SVG #Joomla4 - #MejorConJoomla Tuitéalo

Qué es un archivo SVG

Puedes leer en la Wikipedia la siguiente definición:

Los gráficos vectoriales escalables o gráficos vectoriales redimensionables (del inglés: Scalable Vector Graphics (SVG)) es un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, en formato de lenguaje de marcado extensible XML (Extensible Markup Language), es decir que se compone por código y cuya especificación es un estándar abierto desarrollado por el W3C desde 1999.

Este formato presenta una serie de ventajas frente a otros más conocidos como JPG y PNG.

Los formatos vectoriales son muy recomendados para elementos que puedan mostrarse en distintos tamaños (logotipos o imágenes que representan una "funcionalidad") pero, por otro lado, el SVG no es útil en fotografías, ya que necesitaría convertir la imagen a vectores para representarse.

Pues bien, por defecto Joomla no está configurado para tratar este tipo de archivos y, si vas al gestor multimedia e intentas subir un fichero en este formato, te mostrará el siguiente error:

error subida

Para solucionar esto, puedes pensar en lo siguiente que te explico a continuación.

Configurar Joomla 4 para gestionar archivos con formato SVG

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:

configuracion multimedia

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

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

configuracion multimedia 2

configuracion multimedia 3

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

Si pruebas ahora a subir un fichero con formato SVG, que supuestamente está configurado como válido, verás que te sigue dando el error anterior.

Pero bueno... entonces ¿para qué sirve este artículo?

Pues porque ahora te daré la solución.

Las 2 únicas opciones que he encontrado para subir y gestionar ficheros SVG son estas:

  1. Vía FTP: con cualquier herramienta de tipo FTP podrás subir estas imágenes y luego ya podrás utilizarlas en tus artículos o dónde quieras.
  2. Vía JCE Editor: se trata de una de las extensiones que siempre utilizo en mis proyectos con Joomla y, con ella, no hay ningún problema.

Yo, por lo menos, no conozco otras formas de usar SVG en Joomla.

Si conoces alguna solución, te espero en los comentarios.

Configurar JCE para gestionar archivos con formato SVG

Ojo porque JCE por defecto tampoco admite este tipo de ficheros y, por tanto, tendrás que configurarlo para ello.

Te pongo a continuación los pasos a seguir:

Panel de control de JCE

En esta pantalla tienes los accesos directos tanto a la configuración globla, la configuración de perfiles y el navegador de archivos (que, personalmente, me gusta más que el nativo de Joomla 4, aunque lo hayan mejorado).

panel control jce

Aquí tienes que ir a la configuración de perfiles:

perfiles jce

Como puedes ver, hay varios perfiles que puedes utilizar en función de tus necesidades (incluso crear nuevos) pero el único que viene habilitado es el "Default".

Si pinchas en él, irás a su propia configuración:

configuracion jce

Ahora tienes que ir a la pestaña de "Parámetros del plugin" y, en el apartado de "Navegador de Archivos" (está en el lateral izquierdo) buscar el campo de "Extensiones permitidas":

jce permitdas

Aquí tienes que añadir "svg" (no tienes que poner las comillas) como nueva extensión permitida y listo, ya puedes usar ficheros de este tipo.

jce svg


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 ;-)

Cómo configurar #Joomla 4 para gestionar ficheros SVG #Joomla4 - #MejorConJoomla Tuitéalo

¿Te ha gustado el artículo?

Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

2 comentarios

  1. Miércoles, 10 Noviembre 2021 11:50

    ;-)

  2. Miércoles, 10 Noviembre 2021 09:12
    Hola Sergio, gracias por el mini tutorial.
    Siguiendo tus pasos, a mí sí me ha funcionado en joomla 4 sin extensiones y puedo adjuntar en artículos los archivos svg subidos. Aunque no se ven bien del todo en el gestor multimedia, aparecen transparentes.

    De todas formas, alguna vez tendré que probar el editor JCE que siempre lo recomiendas.

    abrazo fuerte

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.