Cómo Subir Archivos SVG en WordPress

WordPress no permite SVG por defecto

Si intentaste subir un archivo .svg a tu biblioteca de medios en WordPress, es posible que hayas visto un mensaje de error indicando que este tipo de archivo no está permitido. Esto se debe a razones de seguridad, ya que los archivos SVG pueden contener código malicioso. Sin embargo, hay maneras seguras de habilitar la subida de SVG en WordPress.

Opción 1: Usar un plugin (Método recomendado)

La forma más sencilla y segura es usar un plugin que habilite la subida de SVG y, además, sanee los archivos para evitar vulnerabilidades.

Algunas opciones populares son:

SVG Support (Permite subir y usar SVG en Elementor y otros constructores).
Safe SVG (Añade sanitización automática para mayor seguridad).

Pasos para instalar un plugin SVG:

Ve a Plugins > Añadir nuevo en tu panel de administración de WordPress.
Busca «Safe SVG» o «SVG Support».
Instálalo y actívalo.
¡Listo! Ahora podés subir archivos .svg sin problemas.

Opción 2: Permitir SVG con código en `functions.php`

Si preferís no usar plugins, podés habilitar la subida de SVG agregando este código en tu archivo functions.php:

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

Esto permitirá subir archivos SVG, pero WordPress no mostrará la vista previa de estos en la biblioteca de medios. Para solucionarlo, agregá este código:

function arreglar_preview_svg() {
    echo '<style>
        td.media-icon img[src$=".svg"] {
            width: 100% !important;
            height: auto !important;
        }
    </style>';
}
add_action('admin_head', 'arreglar_preview_svg');

Recomendaciones de seguridad

Dado que los archivos SVG pueden contener código malicioso, es recomendable:

Usar un plugin como Safe SVG, que sanitiza automáticamente los archivos.
Pasar tus SVGs por una herramienta de limpieza como SVGO.
Solo permitir la subida de SVG a usuarios de confianza.

Conclusión

Subir archivos SVG en WordPress es posible y seguro si usás las herramientas adecuadas. Para la mayoría de los casos, recomendamos usar un plugin como Safe SVG. Si preferís un método manual, podés habilitar SVG editando functions.php.

¡Ahora ya podés subir y usar archivos SVG en tu sitio de WordPress sin problemas! 🎨🚀