Cómo permitir archivos SVG en 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"?> 

Actualización 18/10/2021:
Si con todo esto no puedes subir archivos SVG a WordPress puedes, además, añadir la opción ALLOW_UNFILTERED_UPLOADS al wp-config.php de tu WordPress:

define( 'ALLOW_UNFILTERED_UPLOADS', true);

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

¡Espero que te ayude!