{"id":9863,"date":"2020-03-11T10:50:40","date_gmt":"2020-03-11T09:50:40","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-tutoriales\/?p=9863"},"modified":"2026-03-10T16:44:13","modified_gmt":"2026-03-10T15:44:13","slug":"cargar-en-wordpress-svg","status":"publish","type":"post","link":"\/co\/tutoriales\/cargar-en-wordpress-svg","title":{"rendered":"C\u00f3mo subir a WordPress archivos SVG: 2 m\u00e9todos seguros"},"content":{"rendered":"

Los administradores y diseñadores web están obligados a utilizar diferentes formatos de archivo multimedia en su trabajo. Hoy en día, uno de los formatos más populares es SVG, un formato vectorial basado en XML. Lastimosamente, no todos los navegadores y plataformas son compatibles con SVG y es necesario habilitarlo manualmente de antemano.<\/p>

Este artículo cubrirá los pasos para cargar archivos SVG en un sitio web de WordPress utilizando el plugin SVG Support. También responderemos a algunas preguntas relacionadas con los problemas de seguridad que rodean a este formato de archivo multimedia en particular y por qué vale la pena utilizar SVG.<\/p>

Para empezar, vamos a familiarizarnos con SVG y su funcionamiento.<\/p>

\n\n\n\n<\/p>

\n

¿Qué es SVG?<\/strong><\/h2>\n

Los gráficos vectoriales escalables (Scalable Vector Graphics o mejor conocidos como SVG) son un formato de imagen gráfica vectorial basado en el texto XML. Mientras que los formatos de imagen habituales, como JPG y PNG, se componen de toneladas de pequeños cuadrados llamados píxeles, este formato se basa en el lenguaje de marcado XML para describir los atributos de la imagen.<\/p>\n <\/div><\/p>

En enero de 2023, el 54.1% de todos los sitios web del mundo<\/a> utilizan el formato SVG. Al igual que los formatos PNG y JPG, SVG es popular entre los sitios web de alto tráfico como Google, Wikipedia y YouTube.<\/p>

Otro aspecto positivo de SVG es que es ampliamente compatible con los principales navegadores. A continuación se muestra una lista de navegadores<\/a> que admiten el formato de archivo SVG:<\/p>

Navegador<\/strong><\/td>Soporte parcial<\/strong><\/td>Soporte total<\/strong><\/td><\/tr>
Edge<\/td>–<\/td>Versión 12-18, 79-96, 97<\/td><\/tr>
Firefox<\/td>Versión 2<\/td>Versión 3-94, 95, 96-97<\/td><\/tr>
Firefox para Android<\/td>–<\/td>Versión 95<\/td><\/tr>
Cromo<\/td>–<\/td>Versión 4-96, 97, 98-100<\/td><\/tr>
Chrome para Android<\/td>–<\/td>Versión 96<\/td><\/tr>
Safari<\/td>Versión 3.1<\/td>Versión 3.2-15.1, 15.2, TP<\/td><\/tr>
Opera<\/td>–<\/td>Versión 10-81, 82<\/td><\/tr>
Opera Mini<\/td>–<\/td>Todas las versiones<\/td><\/tr>
Opera Mobile<\/td>–<\/td>Versión 12-12.1, 64<\/td><\/tr>
Safari en iOS<\/td>–<\/td>Versión 3.2-15.1, 15.2<\/td><\/tr>
Navegador Android<\/td>Versión 3-4.3<\/td>Versión 4.4-4.4.4, 96<\/td><\/tr>
UC Browser para Android<\/td>–<\/td>Versión 12.12<\/td><\/tr>
Samsung Internet<\/td>–<\/td>Versión 4-14.0, 15.0<\/td><\/tr>
Navegador QQ<\/td>–<\/td>Versión 10.4<\/td><\/tr>
Navegador Baidu<\/td>–<\/td>Versión 7.12<\/td><\/tr>
Navegador KaiOS<\/td>–<\/td>Versión 2.5<\/td><\/tr><\/tbody><\/table><\/figure>

¿Cómo funciona SVG?<\/h2>

Los gráficos vectoriales escalables utilizan XML para producir imágenes vectoriales bidimensionales. A diferencia de JPG y PNG, los gráficos vectoriales no se componen de píxeles. En su lugar, su comportamiento se describe en archivos de texto XML.<\/p>

Por lo anterior, los gráficos vectoriales escalables pueden buscarse, indexarse, programarse, editarse y comprimirse como el código. Por ello, cualquiera puede crearlos con un editor de texto o un software de gráficos vectoriales.<\/p>

¿Es compatible WordPress con SVG?<\/h2>

No hay soporte para SVG en WordPress por defecto debido a los riesgos de seguridad que impone. Más adelante cubriremos los problemas de seguridad que rodean a SVG en mayor profundidad.<\/p>

El siguiente es un mensaje de error que aparece al subir un gráfico SVG a un sitio web de WordPress:<\/p>

\"Mensaje<\/figure>

Se debate actualmente la posibilidad de que SVG forme parte de las funciones principales de WordPress. Hasta entonces, tenemos que ser creativos y utilizar otras soluciones para subir imágenes SVG a WordPress.<\/p>

¿Por qué utilizar SVG en WordPress?<\/h2>
\"Diferencia<\/figure><\/div>

A pesar de sus problemas de seguridad, muchos usuarios siguen utilizando este formato de imagen ya que tiene varios beneficios. Estas son algunas de las ventajas de utilizar archivos SVG:<\/p>