{"id":8944,"date":"2017-05-08T03:19:24","date_gmt":"2017-05-08T10:19:24","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=8944"},"modified":"2025-02-13T12:17:30","modified_gmt":"2025-02-13T11:17:30","slug":"wordpress-svg","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/","title":{"rendered":"\u00bfQu\u00e9 es un archivo SVG (y c\u00f3mo se suben los SVG a WordPress)?"},"content":{"rendered":"<p>La principal raz\u00f3n por la que los archivos SVG son especialmente populares entre los desarrolladores y dise\u00f1adores es porque es un formato de imagen redimensionable, generalmente menor en tama\u00f1o de archivo (a veces por un poco), y no pixelan en las pantallas retina. WordPress por defecto, no le permite cargar el formato de archivo SVG, principalmente debido a las preocupaciones de seguridad.<\/p>\n<p>Hoy vamos a sumergirnos en una forma de habilitar de manera segura el soporte de WordPress SVG, discutir el soporte del navegador, as\u00ed como algunas advertencias si decide cambiar al formato de imagen vectorial.<\/p>\n<p>Con un poco de suerte un d\u00eda vamos a tener SVG como parte de WordPress core, pero todav\u00eda no llegamos ah\u00ed.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2 id=\"what-is-svg\">\u00bfQu\u00e9 Es SVG un Archivo SVG ?<\/h2>\n<p>SVG (Scalable Vector Graphics) es una <strong>imagen vectorial basada en XML<\/strong> que suelen utilizar los sitios web y las marcas para mostrar logotipos e iconos en sus p\u00e1ginas web. Wikipedia define SVG como:<\/p>\n<blockquote><p><em>Un SVG (scalable vector graphics) es un formato de imagen vectorial basado en XML para gr\u00e1ficos bidimensionales con soporte para interactividad y animaci\u00f3n. La especificaci\u00f3n SVG es un est\u00e1ndar abierto desarrollado por el World Wide Web Consortium (W3C) desde 1999.<\/em><\/p><\/blockquote>\n<p>Incluso puedes manipular los archivos SVG con c\u00f3digo o con <a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-editores-texto\/\">tu editor de texto<\/a>. Los SVG son utilizados actualmente por el <a href=\"https:\/\/w3techs.com\/technologies\/details\/im-svg\/all\/all\" target=\"_blank\" rel=\"noopener noreferrer\">33% de todos los sitios web<\/a> y, como puedes ver a continuaci\u00f3n, la tasa de adopci\u00f3n est\u00e1 creciendo r\u00e1pidamente. Sitios populares como Google, Reddit, Dropbox, ESPN, e incluso nuestro propio sitio web de Kinsta utiliza SVGs.<\/p>\n<figure id=\"attachment_93606\" aria-describedby=\"caption-attachment-93606\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-93606 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/04\/svg-usage-statistics-1.png\" alt=\"Estad\u00edsticas de uso de SVG Abril 2020 - Abril 2021\" width=\"800\" height=\"534\"><figcaption id=\"caption-attachment-93606\" class=\"wp-caption-text\">Estad\u00edsticas de uso de SVG Abril 2020 &#8211; Abril 2021<\/figcaption><\/figure>\n<h3>Compatibilidad con el navegador de archivos SVG<\/h3>\n<p>Los archivos SVG son actualmente compatibles con <a href=\"http:\/\/caniuse.com\/#feat=svg\" target=\"_blank\" rel=\"noopener noreferrer\">todos los principales navegadores<\/a>, incluidos los de los m\u00f3viles. El \u00fanico problema que puede encontrar es si a\u00fan necesita soporte para IE8, que esperamos que no sea el caso. IE8 s\u00f3lo tiene alrededor de un 0,36% de cuota de mercado de navegadores y ya no tiene soporte. Aqu\u00ed est\u00e1 un art\u00edculo magn\u00edfico de Lubos sobre por qu\u00e9 los desarrolladores deber\u00edan <a href=\"https:\/\/www.xfive.co\/blog\/stop-supporting-ie10-ie9-ie8\/\" target=\"_blank\" rel=\"noopener noreferrer\">dejar de ser compatibles con IE8, IE9, y IE10<\/a>. Desde una perspectiva empresarial, esto no siempre es posible, pero trae algunos puntos positivos. Si por alguna raz\u00f3n desesperada todav\u00eda necesitas el soporte de IE8, podr\u00edas definir una imagen de respaldo (PNG o JPG) para tus im\u00e1genes SVG, pero no vamos a entrar en eso hoy. A continuaci\u00f3n, se muestra una lista de navegadores compatibles:<\/p>\n<ul style=\"margin-left: 30px\">\n<li>Internet Explorer 9, 10, 11+ and Edge<\/li>\n<li>Firefox 2+<\/li>\n<li>Chrome 4+<\/li>\n<li>Safari 3.1+<\/li>\n<li>Opera 10+<\/li>\n<li>iOS Safari 3.2+<\/li>\n<li>Android Browser 3+<\/li>\n<li>Firefox for Android 86+<\/li>\n<li>Opera Mini (todos)<\/li>\n<li>Opera Mobile 12+<\/li>\n<li>Chrome for Android 89+<\/li>\n<li>UC Browser for Android 12.12+<\/li>\n<li>Samsung Internet 4+<\/li>\n<li>QQ Browser 10.4<\/li>\n<li>Baidu Browser 7.12<\/li>\n<li>KaiOS Browser 2.5<\/li>\n<\/ul>\n<figure id=\"attachment_93608\" aria-describedby=\"caption-attachment-93608\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-93608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/04\/svg-browser-support-1.png\" alt=\"Soporte para el navegador de archivos SVG\" width=\"800\" height=\"432\"><figcaption id=\"caption-attachment-93608\" class=\"wp-caption-text\">Soporte para el navegador de archivos SVG<\/figcaption><\/figure>\n<h3>Beneficios del uso de archivos SVG<\/h3>\n<p>Los archivos SVG son un formato vectorial, lo que significa que son <strong>autom\u00e1ticamente<\/strong> <strong>escalables<\/strong>\u00a0tanto en los navegadores como en las herramientas de edici\u00f3n de fotograf\u00edas. Esto los hace convenientes para ambos los dise\u00f1adores gr\u00e1ficos y de web tambi\u00e9n. Normalmente, cuando intenta editar un PNG o JPG en una herramienta como Photoshop o Paint, no puede redimensionar las im\u00e1genes sin pixelaci\u00f3n. Con SVGs, puede redimensionarlas a una cantidad infinita y se ver\u00e1n de manera p\u00edxel perfecta (o debemos decir vector perfecto) cada vez. Esta es la raz\u00f3n por la cual es un formato de imagen genial para usar en las pantallas retina.<\/p>\n<p><strong>Google indexa SVGs<\/strong>, que es una gran noticia por fines de <a href=\"https:\/\/kinsta.com\/es\/blog\/que-quiere-decir-seo\/\">SEO<\/a>. El contenido SVG, ya sea en un archivo independiente o embebido directamente en HTML, se indexa y aparecer\u00e1 en la b\u00fasqueda de im\u00e1genes de Google. Puedes comprobarlo de primera mano con las ilustraciones SVG que utilizamos en Kinsta haciendo una <a href=\"https:\/\/www.google.com\/search?as_st=y&#038;tbm=isch&#038;as_q=&#038;as_epq=&#038;as_oq=&#038;as_eq=&#038;cr=&#038;as_sitesearch=kinsta.com&#038;safe=images&#038;tbs=ift:svg\" target=\"_blank\" rel=\"noopener noreferrer\">b\u00fasqueda avanzada de im\u00e1genes<\/a>. Nota: Los SVG inline, o mejor dicho, los compuestos solo por c\u00f3digo, no suelen ser indexados.<\/p>\n<p>SVGs son tradicionalmente (no siempre)\u00a0<strong>menores en tama\u00f1o de archivo que PNGs o JPGs<\/strong>. Mediante el uso de SVGs, en realidad puede acelerar su sitio WordPress ya que disminuye el tama\u00f1o general de la p\u00e1gina. Genki escribi\u00f3 un gran art\u00edculo donde compara el tama\u00f1o de <a href=\"https:\/\/web.archive.org\/web\/20200729105713\/http:\/\/genkihagata.com\/blog\/svg-vs-flat-images.html\" target=\"_blank\" rel=\"noopener noreferrer\">SVG vs PNG vs JPEG<\/a>\u00a0y aqu\u00ed est\u00e1 nuestra <a href=\"https:\/\/kinsta.com\/es\/blog\/jpg-vs-jpeg\/\">comparaci\u00f3n JPG vs JPEG<\/a>. A continuaci\u00f3n presentamos algunas sugerencias de sus pruebas en las que compar\u00f3 los tres tipos de im\u00e1genes diferentes.<\/p>\n<h4>JPG (tama\u00f1o optimizado: 81.4 KB)<\/h4>\n<figure id=\"attachment_8957\" aria-describedby=\"caption-attachment-8957\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8957 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-JPG.jpg\" alt=\"Tama\u00f1o de JPG\" width=\"1024\" height=\"428\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-JPG.jpg 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-JPG-300x125.jpg 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-JPG-768x321.jpg 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-JPG-610x255.jpg 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-JPG-460x192.jpg 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8957\" class=\"wp-caption-text\">Imagen\u00a0de JPG<\/figcaption><\/figure>\n<h4>PNG (tama\u00f1o optimizado: 85.1 KB)<\/h4>\n<figure id=\"attachment_8958\" aria-describedby=\"caption-attachment-8958\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8958 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-PNG.png\" alt=\"Imagen PNG\" width=\"1024\" height=\"428\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-PNG.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-PNG-300x125.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-PNG-768x321.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-PNG-610x255.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-PNG-460x192.png 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8958\" class=\"wp-caption-text\">Imagen PNG<\/figcaption><\/figure>\n<h4>SVG (tama\u00f1o optimizado:\u00a06.1 KB)<\/h4>\n<figure id=\"attachment_8959\" aria-describedby=\"caption-attachment-8959\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8959 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-SVG.png\" alt=\"Imagen SVG\" width=\"1024\" height=\"428\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-SVG.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-SVG-300x125.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-SVG-768x321.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-SVG-610x255.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Tama\u00f1o-de-SVG-460x192.png 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8959\" class=\"wp-caption-text\">Imagen SVG<\/figcaption><\/figure>\n<p>Como se puede ver arriba, el SVG tiene un <strong>tama\u00f1o de archivo menor en un 92.51%<\/strong>\u00a0cuando se compara con el JPG. Y en comparaci\u00f3n con PNG en un <strong>92.83%<\/strong>. Esas son diferencias de tama\u00f1o de archivo bastante impresionantes. Sin embargo, hay una advertencia, ya que Genki prob\u00f3 im\u00e1genes m\u00e1s detalladas y los SVGs eventualmente llegaron a ser mayores en tama\u00f1o que el JPG o PNG.<\/p>\n\n<p>Es por eso que muchos sitios usan SVGs para im\u00e1genes menos detalladas como logotipos, iconos, etc., ya que ver\u00e1n una disminuci\u00f3n significativa en el tama\u00f1o de los archivos. Pero para m\u00e1s im\u00e1genes con gran detalle, como tal vez su blog \u00abim\u00e1genes destacadas\u00bb, es posible que desee seguir con un PNG o JPG pero <a href=\"https:\/\/kinsta.com\/es\/blog\/optimizar-imagenes-para-la-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00fan se puede optimizarlas<\/a>. Muchos sitios web utilizan un enfoque h\u00edbrido, utilizando ambos tipos de archivos juntos donde tiene sentido.<\/p>\n<p>Adem\u00e1s, es importante tener en cuenta que las redes sociales como Facebook y Twitter no admiten SVG para compartir. As\u00ed que si usas SVGs para tus im\u00e1genes destacadas, tendr\u00edas que utilizar la funci\u00f3n Yoast SEO y subir un PNG o JPG para el OG y meta tags, de lo contrario podr\u00edas arriesgarte a que tu <a href=\"https:\/\/kinsta.com\/es\/blog\/imagen-destacada-de-wordpress-no-se-muestra\/\">imagen destacada no se muestre<\/a> en absoluto.<\/p>\n<h2 id=\"svg-security\">\u00bfPor Qu\u00e9 la Seguridad de SVG Es Importante?<\/h2>\n<p>La raz\u00f3n por la que SVG no es parte de WordPress core todav\u00eda es que hay preocupaciones de seguridad que deben abordarse. Puede seguir la discusi\u00f3n activa sobre <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/24251\" target=\"_blank\" rel=\"noopener noreferrer\">SVGs en WordPress core<\/a>\u00a0(#24251) que se inici\u00f3 en 2013. SVG es un archivo XML, que por s\u00ed mismo es abierto a vulnerabilidades mientras que los formatos de imagen normales no se ven afectados. \u00c9stas incluyen <a href=\"https:\/\/owasp.org\/www-community\/vulnerabilities\/XML_External_Entity_(XXE)_Processing\" target=\"_blank\" rel=\"noopener noreferrer\">ataques de entidades externas XML<\/a>\u00a0(XXE),\u00a0y ataques XSS.<\/p>\n<p>Mario Heiderich Public\u00f3 una presentaci\u00f3n detallada sobre los riesgos de seguridad <a href=\"https:\/\/owasp.org\/www-pdf-archive\/Mario_Heiderich_OWASP_Sweden_The_image_that_called_me.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">inyecci\u00f3n de contenido activo con archivos SVG<\/a> . Un ejemplo dado fue que JavaScript estaba embebido en un SVG y realmente logr\u00f3 llamar a Mario en Skype. \u00a1Eso da un poco de miedo! <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-seguridad-wordpress\/#secupress\" target=\"_blank\" rel=\"noopener noreferrer\">SecuPress<\/a>, autores de un plugin de seguridad de WordPress, tambi\u00e9n abordaron el tema de tener cuidado al <a href=\"https:\/\/secupress.me\/blog\/add-svg-support-in-wordpress-medias-yes-but-no\/\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00f1adir SVGs a WordPress<\/a>, y la importancia de hacerlo de la manera correcta.<\/p>\n<p>Muchos SVG plugins en el repositorio utilizan el c\u00f3digo siguiente, que simplemente permite que el tipo MIME permita la carga de SVG en la biblioteca de medios de WordPress. \u00a1Esta no es la manera segura de hacer esto! As\u00ed que\u00a0<strong>no simplemente vaya y descargue el primer plugin gratis <\/strong>SVG que vea\u00a0ni copie y pegue este c\u00f3digo y piense que ya qued\u00f3 todo listo.<\/p>\n<pre><code>function cc_mime_types($mimes) {\n $mimes['svg'] = 'image\/svg+xml';\n return $mimes;\n}\nadd_filter('upload_mimes', 'cc_mime_types');<\/code><\/pre>\n<p>La soluci\u00f3n es que\u00a0<strong>SVGs necesitan ser desinfectados<\/strong>. La sanitizaci\u00f3n es b\u00e1sicamente la limpieza de c\u00f3digo o entrada para evitar problemas de seguridad (como la inyecci\u00f3n de c\u00f3digo), conflictos de c\u00f3digo y errores. Esto podr\u00eda implicar cosas como codificar datos, filtrar y validar cadenas, etc. Aqu\u00ed es donde la librer\u00eda <a href=\"https:\/\/github.com\/darylldoyle\/svg-sanitizer\" target=\"_blank\" rel=\"noopener noreferrer\">SVG-Sanitizer<\/a>\u00a0de Daryll Doyle entra en juego, a la que se refiere como \u00absu intento de construir un desinfectante de\u00a0 SVG decente en PHP\u00bb. Vea el <a href=\"http:\/\/svg.enshrined.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\">demo de este desinfectante de SVG<\/a>\u00a0para verlo en acci\u00f3n.<\/p>\n<figure id=\"attachment_8951\" aria-describedby=\"caption-attachment-8951\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8951 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Desinfectante-svg.png\" alt=\"Desinfectante de SVG\" width=\"1024\" height=\"711\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Desinfectante-svg.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Desinfectante-svg-300x208.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Desinfectante-svg-768x533.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Desinfectante-svg-610x424.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Desinfectante-svg-441x306.png 441w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8951\" class=\"wp-caption-text\">Desinfectante de SVG<\/figcaption><\/figure>\n<p>Tambi\u00e9n es importante que considere qui\u00e9n en su sitio tiene acceso para cargar SVGs. Por ejemplo, si est\u00e1 en un sitio con varios autores, no tiene idea de qu\u00e9 tipo de SVG alguien m\u00e1s puede cargar, exponiendo su sitio.\u00a0<strong>Restringiendo descargas SVG a administradores<\/strong>\u00a0y los que entienden algunas de las preocupaciones de seguridad es aconsejable.<\/p>\n<h2 id=\"svg-wordpress-support\">\u00bfC\u00f3mo Habilitar Soporte de WordPress SVG de Manera Segura?<\/h2>\n<p>Daryll ha desarrollado un plugin, WP SVG (tambi\u00e9n conocido como Safe SVG), que <strong>utiliza la librer\u00eda de SVG-Sanitizer<\/strong> al subir im\u00e1genes SVG a su biblioteca de medios de WordPress. El plugin tambi\u00e9n le permite ver SVGs como im\u00e1genes normales en la biblioteca de medios.<\/p>\n<figure id=\"attachment_8960\" aria-describedby=\"caption-attachment-8960\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8960 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/WordPress-SVG.png\" alt=\"WordPress SVG Plugin\" width=\"610\" height=\"162\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/WordPress-SVG.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/WordPress-SVG-300x80.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/WordPress-SVG-460x122.png 460w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><figcaption id=\"caption-attachment-8960\" class=\"wp-caption-text\">WordPress SVG Plugin<\/figcaption><\/figure>\n<p>Usted puede <a href=\"https:\/\/wordpress.org\/plugins\/safe-svg\/\" target=\"_blank\" rel=\"noopener noreferrer\">descargar Safe SVG<\/a>\u00a0de forma gratuita desde el repositorio de WordPress o buscarlo en el panel de WordPress bajo \u00abA\u00f1adir nuevos\u00bb plugins. El plugin funcionar\u00e1 perfectamente despu\u00e9s de unos clics.<br \/>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Este plugin no ha recibido ninguna actualizaci\u00f3n reciente, as\u00ed que aseg\u00farate de <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/entorno-staging\/\">probarlo en un sitio de prueba o staging<\/a> antes de instalarlo en tu sitio de producci\u00f3n.<\/p>\n<\/aside>\n<\/p>\n<p>Tambi\u00e9n hay una versi\u00f3n premium, disponible en <a href=\"https:\/\/wpsvg.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">wpsvg.com<\/a>, que te permite restringir a determinados usuarios la subida de SVGs y la optimizaci\u00f3n adicional de los mismos. En el ejemplo siguiente, vamos a utilizar simplemente la versi\u00f3n gratuita.<\/p>\n<p>Como plugin alternativo, puedes consultar el <a href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\">Soporte SVG<\/a>.<\/p>\n\n<p>Antes de cargar su archivo SVG, es importante entender que se comportan de forma ligeramente diferente que las im\u00e1genes. Al exportar un SVG desde su herramienta de edici\u00f3n de fotos, querr\u00e1 exportar el texto como curvas (o crear un esquema), de lo contrario, puede ser un poco diferente en varios navegadores.<\/p>\n<figure id=\"attachment_8954\" aria-describedby=\"caption-attachment-8954\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8954 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Exportar-textos-como-curvas.png\" alt=\"Exportar textos como curvas\" width=\"1024\" height=\"518\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Exportar-textos-como-curvas.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Exportar-textos-como-curvas-300x152.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Exportar-textos-como-curvas-768x389.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Exportar-textos-como-curvas-610x309.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Exportar-textos-como-curvas-460x233.png 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8954\" class=\"wp-caption-text\">Exportar textos como curvas<\/figcaption><\/figure>\n<p>Despu\u00e9s de instalar el plugin, no hay ajustes, simplemente desinfectar\u00e1 sus SVGs al subir. En nuestro sitio de prueba a continuaci\u00f3n puede ver que reemplazamos nuestro logotipo con un archivo SVG, es visible como normal en la biblioteca de medios.<\/p>\n<figure id=\"attachment_8956\" aria-describedby=\"caption-attachment-8956\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8956 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/SVG-en-biblioteca-multimedia.png\" alt=\"SVG en biblioteca multimedia\" width=\"1024\" height=\"712\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/SVG-en-biblioteca-multimedia.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/SVG-en-biblioteca-multimedia-300x209.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/SVG-en-biblioteca-multimedia-768x534.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/SVG-en-biblioteca-multimedia-610x424.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/SVG-en-biblioteca-multimedia-440x306.png 440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8956\" class=\"wp-caption-text\">SVG en biblioteca multimedia<\/figcaption><\/figure>\n<p>Esto tambi\u00e9n nos permiti\u00f3 utilizar el panel de control de nuestro tema para cambiar el logotipo en nuestra cabecera de WordPress a nuestro archivo SVG. Usted puede ver a continuaci\u00f3n que de hecho est\u00e1 sirviendo el archivo .svg. Y se ve hermoso ahora en las pantallas de retina.<\/p>\n<figure id=\"attachment_8949\" aria-describedby=\"caption-attachment-8949\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8949 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-de-SVG-en-WordPress.png\" alt=\"Cabecera de SVG en WordPress\" width=\"1024\" height=\"698\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-de-SVG-en-WordPress.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-de-SVG-en-WordPress-300x204.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-de-SVG-en-WordPress-768x524.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-de-SVG-en-WordPress-610x416.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-de-SVG-en-WordPress-449x306.png 449w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8949\" class=\"wp-caption-text\">Cabecera de SVG en WordPress<\/figcaption><\/figure>\n<p>Hay un tweak adicional que tuvimos que hacer. En IE9-11, los archivos de escritorio y m\u00f3viles no redimensionan correctamente los archivos SVG.\u00a0<a href=\"http:\/\/codepen.io\/tomByrer\/pen\/qEBbzw?editors=110\" target=\"_blank\" rel=\"noopener noreferrer\">El a\u00f1adir altura y anchura<\/a>\u00a0corrige este problema. Esto puede variar seg\u00fan el tema, pero en nuestro sitio de prueba simplemente modificamos nuestro archivo header.php y a\u00f1adimos estas dimensiones personalizadas. Algunos temas de WordPress utilizan CSS para modificar la escala, lo cual no es recomendable por razones de rendimiento, pero debido a que puede requerir que agregue c\u00f3digo adicional para solucionar el problema de IE.<\/p>\n<figure id=\"attachment_8950\" aria-describedby=\"caption-attachment-8950\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8950 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-modificada-para-SVG.png\" alt=\"Cabecera modificada para SVG\" width=\"1024\" height=\"162\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-modificada-para-SVG.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-modificada-para-SVG-300x47.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-modificada-para-SVG-768x122.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-modificada-para-SVG-610x97.png 610w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/Cabecera-modificada-para-SVG-460x73.png 460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-8950\" class=\"wp-caption-text\">Cabecera modificada para SVG<\/figcaption><\/figure>\n<p>\u00a1Y eso es todo! Ahora ha habilitado con seguridad la compatibilidad con WordPress SVG. Este plugin y\/o el m\u00e9todo no est\u00e1 respaldado o soportado por WordPress core, por lo que, por supuesto, use bajo su propio riesgo. Sin embargo, si ya est\u00e1 cargando archivos SVG con s\u00f3lo el fragmento de tipo MIME, entonces, por favor, h\u00e1galo de esta manera.<\/p>\n<p>Adem\u00e1s, si nunca ha utilizado SVG antes, aseg\u00farese de tener <a href=\"https:\/\/kinsta.com\/es\/blog\/activar-compresion-gzip\/\" target=\"_blank\" rel=\"noopener noreferrer\">habilitado GZIP<\/a>\u00a0en su servidor para el tipo de archivo \u00abimage\/svg + xml\u00bb. Esto asegurar\u00e1 que se comprimen y se cargar\u00e1n lo m\u00e1s r\u00e1pido posible. A veces, los administradores de sistema solo habilitan los tipos de archivo m\u00e1s est\u00e1ndar. Nota: GZIP est\u00e1 habilitado en todos los servidores Kinsta ya para SVGs.<\/p>\n<h2>Resumen<\/h2>\n<p>\u00a1SVG es una manera \u00fatil para mejorar la apariencia de su sitio! Recomendamos utilizar SVGs, PNG y JPGs juntos para <a href=\"https:\/\/kinsta.com\/es\/aprender\/acelerar-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">lograr el mejor rendimiento<\/a>, ya que las im\u00e1genes muy detalladas no funcionar\u00e1n tan bien en formato SVG. Los WordPress SVGs son ideales para su logotipo, para garantizar que se vea perfecto en todas las pantallas, junto con los iconos.<\/p>\n<p>\u00bfQu\u00e9 piensa? \u00bfYa ha utilizado SVG en su sitio WordPress?<\/p>\n<p><!-- Featured image background provided by https:\/\/www.heropatterns.com\/ --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La principal raz\u00f3n por la que los archivos SVG son especialmente populares entre los desarrolladores y dise\u00f1adores es porque es un formato de imagen redimensionable, generalmente &#8230;<\/p>\n","protected":false},"author":38,"featured_media":8947,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[535,172],"topic":[1345,1358],"class_list":["post-8944","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-svg","tag-wordpress","topic-desarrollo-wordpress","topic-diseno-sitios-web-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo Habilitar Soporte de WordPress SVG de Manera Segura<\/title>\n<meta name=\"description\" content=\"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es un archivo SVG (y c\u00f3mo se suben los SVG a WordPress)?\" \/>\n<meta property=\"og:description\" content=\"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-08T10:19:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-13T11:17:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/11\/ES-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/2017\/05\/wordpress-svg-tw.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"\u00bfQu\u00e9 es un archivo SVG (y c\u00f3mo se suben los SVG a WordPress)?\",\"datePublished\":\"2017-05-08T10:19:24+00:00\",\"dateModified\":\"2025-02-13T11:17:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/\"},\"wordCount\":2106,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png\",\"keywords\":[\"SVG\",\"WordPress\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/\",\"name\":\"C\u00f3mo Habilitar Soporte de WordPress SVG de Manera Segura\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png\",\"datePublished\":\"2017-05-08T10:19:24+00:00\",\"dateModified\":\"2025-02-13T11:17:30+00:00\",\"description\":\"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png\",\"width\":1024,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u00bfQu\u00e9 es un archivo SVG (y c\u00f3mo se suben los SVG a WordPress)?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Habilitar Soporte de WordPress SVG de Manera Segura","description":"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfQu\u00e9 es un archivo SVG (y c\u00f3mo se suben los SVG a WordPress)?","og_description":"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.","og_url":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2017-05-08T10:19:24+00:00","article_modified_time":"2025-02-13T11:17:30+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/11\/ES-Homepage-featured-image.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/2017\/05\/wordpress-svg-tw.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Brian Jackson","Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"\u00bfQu\u00e9 es un archivo SVG (y c\u00f3mo se suben los SVG a WordPress)?","datePublished":"2017-05-08T10:19:24+00:00","dateModified":"2025-02-13T11:17:30+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/"},"wordCount":2106,"commentCount":3,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png","keywords":["SVG","WordPress"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/","url":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/","name":"C\u00f3mo Habilitar Soporte de WordPress SVG de Manera Segura","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png","datePublished":"2017-05-08T10:19:24+00:00","dateModified":"2025-02-13T11:17:30+00:00","description":"\u00bfC\u00f3mo se puede habilitar el soporte de WordPress SVG? Saque provecho de las im\u00e1genes menores y redimensionables para disminuir el tama\u00f1o de su sitio.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/05\/wordpress-svg.png","width":1024,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-svg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"\u00bfQu\u00e9 es un archivo SVG (y c\u00f3mo se suben los SVG a WordPress)?"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/8944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=8944"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/8944\/revisions"}],"predecessor-version":[{"id":78098,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/8944\/revisions\/78098"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/translations\/pt"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/translations\/jp"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/8944\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/8947"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=8944"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=8944"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=8944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}