Subir archivos SVG a WordPress

Los archivos SVG (Scalable Vector Graphics) son archivos gráficos vectoriales escalables, son muy ligeros y mantienen la calidad visual sin importar el tamaño al que se redimensionen.

Es decir que el mismo archivo SVG que pesa 2KB lo podrás usar en el Hero con un tamaño de 600x600 pixeles y como logo en tu header en 32x32: Sin perder calidad ¡una maravilla!

Además estos SVG pueden incluir animaciones directamente en su código y podrás usarlos como iconos animados y otros elementos visuales dinámicos en tu web. Esto por supuesto mejorará la experiencia de tus usuario y te permitirá crear contenido más atractivo y dinámico en tus sitios web.

En un mismo archivo SVG tenés:

• Escalabilidad sin perdida de calidad.
• Interactividad y movimiento para mostrar contenido dinámico.
• Tamaño reducido, lo que te beneficia de cara a la optimización de tu web.

Pero hay un pequeño problema

No podrás usarlos y subirlos directamente a tu WordPress.

Lamentablemente lo grandioso de los archivos SVG, abre la puerta a que ciber criminales se aprovechen de ellos y agreguen código malicioso dentro de ellos. Vos no lo vas a notar, funcionará normal pero al estar dentro de tu web podrá hacer mucho daño si ese archivo ha sido manipulado y le han inyectado código malicioso.

Para evitar riesgos de seguridad, WordPress restringe la carga directa de archivos SVG, y si los querés usar tenés que añadir manualmente la opción para hacerlo.

Podés usar un plugin, pero sería demasiado para algo tan sencillo. Lo mejor es usar un pequeño trozo de código, añadirlo a tu plugin de funcionalidades o al functions.php de tu Child Theme.

¿Cual es el código que debo usar? ¿Dónde puedo verificar si el archivo SVG esta limpio? Esto y más se muestra a continuación.