[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Cómo configurar Joomla 4 para gestionar ficheros SVG [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 10 Noviembre 2021 [Tips Joomla](https://sergioiglesias.net/blog/joomla) 2 - 4 minutos Visitas: 5682 - - [ Formación Joomla ](https://sergioiglesias.net/etiquetas/formacion-joomla) - [ Proyecto Joomla ](https://sergioiglesias.net/etiquetas/proyecto-joomla) - [ Joomla4 ](https://sergioiglesias.net/etiquetas/joomla4) ![](https://sergioiglesias.net/images/blog/tips/svg-joomla4.webp) 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 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-configurar-joomla-4-para-gestionar-ficheros-svg?akengage_cid=487 "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-configurar-joomla-4-para-gestionar-ficheros-svg%3Fakengage_cid%3D487&text=C%C3%B3mo%20configurar%20%23Joomla%204%20para%20gestionar%20ficheros%20SVG%20%23Joomla4%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20configurar%20%23Joomla%204%20para%20gestionar%20ficheros%20SVG%20%23Joomla4%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-configurar-joomla-4-para-gestionar-ficheros-svg%3Fakengage_cid%3D487 "Envíalo") ## Qué es un archivo SVG Puedes [leer en la Wikipedia](https://es.wikipedia.org/wiki/Gr%C3%A1ficos_vectoriales_escalables) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/error-subida_1230.png?version=34308a01db94730d817965720bf6add8) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/configuracion-multimedia_1230.png?version=c9c010fd26c24572c214dcf1b1acea09) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/configuracion-multimedia-2_1230.png?version=c8344b5c23c38d00255c82d1b66718dd) ![configuracion multimedia 3](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/configuracion-multimedia-3_1230.png?version=1f5c5eaf945cbf378e98c2b977d5b511) 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](https://sergioiglesias.net/blog/extensiones/extensiones-utilizo-desarrollo-web-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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/panel-control-jce_1230.png?version=9938d1403ed064f17effa1bd29e8ee94) Aquí tienes que ir a la configuración de perfiles: ![perfiles jce](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/perfiles-jce_1230.png?version=cad22f7c35d344a6b55278a1bfb4c50e) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/configuracion-jce_1230.png?version=9af07853753d32ade864b0948a589c0d) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/jce-permitdas_1230.png?version=48aba30743f5430f21b95f77d06116d7) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/svg-joomla4/jce-svg_1230.png?version=2e241b4a808ce453bb615c5cc4d9b347) --- 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 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-configurar-joomla-4-para-gestionar-ficheros-svg?akengage_cid=487 "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-configurar-joomla-4-para-gestionar-ficheros-svg%3Fakengage_cid%3D487&text=C%C3%B3mo%20configurar%20%23Joomla%204%20para%20gestionar%20ficheros%20SVG%20%23Joomla4%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20configurar%20%23Joomla%204%20para%20gestionar%20ficheros%20SVG%20%23Joomla4%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-configurar-joomla-4-para-gestionar-ficheros-svg%3Fakengage_cid%3D487 "Envíalo") [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿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**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### 5 comentarios - [ ![](https://www.gravatar.com/avatar/ec412e5293ec44475bc9db6437f299cd10f30b55b7f4ef6b96d0a2c5b3fab7d1?s=48&r=G&d=mp) ](https://www.gravatar.com/ec412e5293ec44475bc9db6437f299cd10f30b55b7f4ef6b96d0a2c5b3fab7d1) LUCIANO [ Jueves, 12 May 2022 21:47 ](https://sergioiglesias.net/blog/joomla/como-configurar-joomla-4-para-gestionar-ficheros-svg?akengage_cid=495#akengage-comment-495) solo agregué las extensiones permitidas, en este caso svg y en la lista de MIME permitido, agregué "image/svg" al final de la lista y listo. Puedo gestionar archivos svg desde el gestor multimedia sin problemas. Saludos. - [ ![](https://www.gravatar.com/avatar/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f?s=48&r=G&d=mp) ](https://www.gravatar.com/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f) sergiois [ Miércoles, 10 Noviembre 2021 11:50 ](https://sergioiglesias.net/blog/joomla/como-configurar-joomla-4-para-gestionar-ficheros-svg?akengage_cid=466#akengage-comment-466) ;-) - [ ![](https://www.gravatar.com/avatar/9801129490019b97b56255a0ae78f32f2e3f9ed6f2945dcb2fa2133f3f8321d9?s=48&r=G&d=mp) ](https://www.gravatar.com/9801129490019b97b56255a0ae78f32f2e3f9ed6f2945dcb2fa2133f3f8321d9) nallely [ Martes, 01 Marzo 2022 22:04 ](https://sergioiglesias.net/blog/joomla/como-configurar-joomla-4-para-gestionar-ficheros-svg?akengage_cid=486#akengage-comment-486) HOLA espero alguien me pueda apoyar lo que pasa que estoy realizando mi pagina en joomla y al subir una platilla me marca error y me puso la pantaña color naranaja como podre solucioanr - [ ![](https://www.gravatar.com/avatar/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f?s=48&r=G&d=mp) ](https://www.gravatar.com/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f) sergiois [ Martes, 01 Marzo 2022 22:14 ](https://sergioiglesias.net/blog/joomla/como-configurar-joomla-4-para-gestionar-ficheros-svg?akengage_cid=487#akengage-comment-487) Hola nalley, Te recomiendo que veas este tutorial donde explico los pasos que dí al migrrar una web de Joomla 3 a 4: Ahí te doy alguna pista de cómo solucionar ese problema que tienes. Seguramente la plantilla no esté preparada para Joomla 4 o alguna extensión que no hayas quitado. Un saludo, - [ ![](https://www.gravatar.com/avatar/6db66b047553fbf08f7414165b7092b80876cb3a0a0058af92cdb9bdefde7a7c?s=48&r=G&d=mp) ](https://www.gravatar.com/6db66b047553fbf08f7414165b7092b80876cb3a0a0058af92cdb9bdefde7a7c) Quiviro [ Miércoles, 10 Noviembre 2021 09:12 ](https://sergioiglesias.net/blog/joomla/como-configurar-joomla-4-para-gestionar-ficheros-svg?akengage_cid=465#akengage-comment-465) 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 ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*