Cómo Subir Imágenes en Formato SVG a WordPress

Hoy tenemos un tema especialmente interesante para aquellos que se dedican al diseño web y la gestión de contenidos digitales. Vamos a explorar cómo podemos enriquecer nuestros sitios en WordPress con imágenes en formato SVG. Sabemos que WordPress, por defecto, no permite la carga de archivos SVG debido a preocupaciones de seguridad, pero no te preocupes. Aquí te explicaremos de forma detallada y segura cómo habilitar esta función y sacar el máximo provecho a este versátil formato. ¡Acompáñanos en este recorrido para hacer que su sitio web destaque con gráficos impresionantes!

¿Qué es el formato SVG?

El formato SVG (Scalable Vector Graphics) es muy apreciado por diseñadores y desarrolladores web debido a su escalabilidad y calidad en diferentes tamaños de pantalla, sin pérdida de calidad. Sin embargo, WordPress, por defecto, no permite subir imágenes en formato SVG directamente por cuestiones de seguridad. En este artículo, exploraremos cómo puedes habilitar y subir con seguridad archivos SVG en tu sitio WordPress.

Riesgos de Seguridad

Antes de proceder, es importante entender que los archivos SVG pueden contener código malicioso ya que son básicamente documentos XML. Esto significa que subir un SVG de una fuente no confiable podría comprometer tu sitio. Siempre asegúrate de que los archivos SVG provengan de una fuente confiable o estén escaneados por malware antes de subirlos.

Habilitar la Carga de SVG en WordPress

Para permitir la carga de archivos SVG, puedes optar por uno de los siguientes métodos:

Opción A: Usar un Plugin

La manera más fácil de habilitar la carga de archivos SVG es mediante el uso de un plugin. Plugins como «SVG Support» o «Safe SVG» son populares y fáciles de configurar. Estos plugins no solo permiten la carga, sino que también sanan los archivos para prevenir problemas de seguridad.

  1. Instala y activa el plugin desde el área de administración de WordPress.
  2. Ve a la configuración del plugin (si está disponible) para asegurarte de que las opciones de seguridad estén habilitadas.
  3. Una vez configurado, puedes comenzar a subir archivos SVG desde la biblioteca de medios como lo harías con cualquier otro archivo de imagen.
¡ATENCIÓN!

Si vas a editar el archivo functions.php te recomendamos que siempre hagas una copia de seguridad antes. ¿No sabes como hacerla? Te dejamos esta entrada de blog donde te explicamos cómo hacerlo: https://sumarecursos.com/blog/como-sacar-copia-de-seguridad-de-una-web/

Opción B: Modificar el Archivo functions.php

Si prefieres no usar un plugin, puedes añadir código directamente en tu tema para permitir la carga de SVG. Añade el siguiente código en el archivo functions.php de tu tema:

function add_file_types_to_uploads($file_types){
    $new_filetypes = array();
    $new_filetypes['svg'] = 'image/svg+xml';
    $file_types = array_merge($file_types, $new_filetypes );
    return $file_types;
}
add_filter('upload_mimes', 'add_file_types_to_uploads');

Este código modifica los tipos de archivo permitidos para incluir SVG.

Paso 3: Subir Archivos SVG

Una vez habilitada la carga de SVG, puedes subir archivos SVG directamente en la biblioteca de medios. Simplemente selecciona ‘Añadir nuevo’ en la biblioteca de medios, y arrastra tu archivo SVG o usa el botón de subida para seleccionarlo desde tu ordenador.

Recomendaciones finales

Habilitar la carga de archivos SVG en WordPress puede mejorar significativamente la calidad visual de tu sitio sin afectar su rendimiento. Sin embargo, siempre es crucial proceder con precaución para mantener la seguridad de tu sitio web. Con las herramientas y métodos adecuados, podrás aprovechar todos los beneficios de los gráficos SVG de manera segura y efectiva.

Consejos de Seguridad Adicionales

  • Mantén actualizado tu WordPress y todos los plugins.
  • Realiza copias de seguridad regulares de tu sitio.
  • Considera la implementación de medidas de seguridad adicionales como firewalls o plugins de seguridad.
Scroll al inicio