WordPress e imágenes SVG

¿Qué son las imágenes SVG?

SVG significa Gráficos vectoriales escalables. SVG es un formato de imagen que utiliza gráficos vectoriales basados en XML para representar imágenes. A diferencia de los formatos de imagen como JPEG, PNG y GIF, que usan píxeles para representar una imagen, las imágenes SVG usan ecuaciones matemáticas para definir y mostrar formas, líneas, curvas y colores.

Las imágenes SVG son altamente escalables, lo que significa que se pueden cambiar de tamaño sin perder calidad de imagen. También son muy livianos, lo que los hace ideales para usar en sitios web y otras plataformas digitales donde los tiempos de carga rápidos son importantes.

Las imágenes SVG se pueden crear utilizando varias herramientas de software, incluidos Adobe Illustrator, Inkscape y Sketch. Se pueden utilizar en una amplia variedad de aplicaciones, incluido el diseño web, el desarrollo de aplicaciones móviles y el marketing digital.

En general, las imágenes SVG ofrecen muchas ventajas sobre los formatos de imagen tradicionales, lo que las convierte en una opción popular para los diseñadores y desarrolladores que buscan crear gráficos escalables de alta calidad.

¿Por qué WordPress no acepta cargas de imágenes SVG?

WordPress solía admitir imágenes SVG en el pasado, pero debido a problemas de seguridad, deshabilitaron esta función en la versión 4.7.1, que se lanzó en enero de 2017. La decisión de deshabilitar las cargas SVG se tomó porque los archivos SVG pueden contener código incrustado que podría podría usarse para ejecutar scripts maliciosos, lo que representa un riesgo de seguridad para los sitios de WordPress.

Los piratas informáticos podrían potencialmente usar imágenes SVG para inyectar código malicioso, como ataques de secuencias de comandos entre sitios (XSS) o ejecución de código. Dado que WordPress es utilizado por millones de sitios web en todo el mundo, el riesgo de un ataque podría ser significativo. Como resultado, el equipo de desarrollo de WordPress decidió deshabilitar las cargas SVG como función predeterminada.

Sin embargo, hay formas de habilitar las cargas SVG en WordPress si está dispuesto a tomar las precauciones de seguridad necesarias. Una forma es instalar un plugin que permita las cargas SVG y también incluye medidas de seguridad adicionales para evitar posibles riesgos de seguridad. Otra opción es editar manualmente el código de su sitio para permitir cargas SVG, pero esto requiere experiencia técnica y podría representar un riesgo si no se hace correctamente.

En resumen, WordPress no acepta cargar imágenes SVG de forma predeterminada debido a problemas de seguridad, pero hay formas de habilitarlo si es necesario con medidas de seguridad adicionales.

¿Cómo habilitar las cargas SVG en WordPress?

Habilitar las cargas SVG en WordPress requiere algunos conocimientos técnicos e implica modificar la configuración predeterminada de WordPress. Hay varias formas de habilitar las cargas SVG en WordPress, pero el siguiente método implica agregar código al archivo functions.php del sitio:

• Inicie sesión en el panel de administración de su sitio de WordPress.
• Vaya a Apariencia > Editor de temas.
• En el lado derecho, verá una lista de archivos de temas. Seleccione functions.php de la lista.
• Desplácese hacia abajo hasta la parte inferior del archivo functions.php y agregue el siguiente fragmento de código:
  

      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');
      

• Guarde los cambios.

Este código agrega el tipo de archivo SVG a la lista de tipos de archivos permitidos que se pueden cargar en su sitio de WordPress.

Nota: Es importante tener en cuenta que habilitar las cargas SVG puede representar un riesgo de seguridad para su sitio web, ya que los archivos SVG pueden contener código malicioso. Por lo tanto, se recomienda tomar medidas de seguridad adicionales, como usar un plugin o verificar manualmente los archivos SVG en busca de posibles amenazas de seguridad, antes de habilitar las cargas de SVG.