@
joseacat.io  »  BlogDesarrollo WordPress   »   Cómo permitir archivos SVG en WordPress

Cómo permitir archivos SVG en WordPress

10 enero, 2021 __ Etiquetas: , , ,

WordPress

Los archivos SVG en la web tienen sus ventajas e inconvenientes, en tu mano está que los quieras utilizar o no después de leer este post.

Las ventajas de utilizar archivos SVG como imágenes en la web son:

  • Tamaño pequeño en comparación con los archivos de tipo rasterizado como PNG, JPG…
  • Como imagen de tipo vectorial no pierde calidad aunque se le aumente las dimensiones.

La principal desventaja de utilizar imagenes SVG es que no dejan de ser archivos de texto y, como tal pueden ser manipuladas para ejecutar código JavaScript en el navegador, por ejemplo.

Es por esto que WordPress tira por el camino más rápido y prohibe el uso de archivos SVG. Si intentas hacerlo verás un mensaje de error con el texto:

Lo siento, este tipo de archivos no está permitido por motivos de seguridad

Una vez explicado todo esto, puedes hacer que WordPress te permita su uso con el siguiente código:

function permitir_svg( $mimes = array() ) {
    $mimes['svg'] = 'image/svg+xml';
    $mimes['svgz'] = 'image/svg+xml';
    return $mimes;
}
add_filter( 'upload_mimes', 'permitir_svg' );

Aún así, es posible que no te lo permita. Esto es porque WordPress no reconoce la imagen como xml y tendrás que editar la imagen (mediante un editor de código como Visual Studio Code) y añadirle al principio de todo la siguiente etiqueta:

<?xml version="1.0" encoding="utf-8"?> 

Con todo esto podrás subir imagen SVG a WordPress sin problemas.

¡Espero que te ayude!