Usar Imágenes SVG en WordPress ¿Utilizarlas o No?

Categorias: Wordpress

Usar Imágenes SVG en WordPress ¿Utilizarlas o No?

Las imágenes SVG cada vez se usan más en la Web, pero WordPress no las permite de forma nativa por motivos de seguridad. Aun así es posible utilizar imágenes SVG en WordPress, pero siendo consciente de los riesgos y de qué se está haciendo.

En WordPress podemos trabajar con distintos tipos de imágenes, pero hay uno con el que no podemos, las imágenes en SVG.

Los archivos o imágenes SVG (Scalable Vector Graphics), son un formato muy popular entre los diseñadores web, ya que permite crear imágenes muy ligeras y con una calidad sin pérdida al ampliar la imagen.

Esto es así porque los archivos SVG son imágenes vectoriales, creadas con puntos y líneas que se enlazan entre si para crear la imagen.

imagen ejemplo vectores

No se trata de una imagen como un .jpg o o un .png, es decir no puedes editarlo o crearlo en una aplicación tipo PhotoShop, no es una foto, son puntos y líneas unídos.

Siguiendo el ejemplo de las aplicaciones de Adobe, podrías editar o crear un archivo. SVG con el programa Illustrator, que seguramente te sonará mucho menos que PhotoShop si no te dedicas a las artes gráficas.

Lo bueno de las imágenes vectoriales es que son escalables al tamaño que necesites sin que veas un sólo pixel. Por mucho que amplíes un imagen vectorial, no verás el píxel porque no tiene píxeles.

Esto es genial para ampliar las imágenes al tamaño que necesitemos sin que pérdida de calidad, una ventaja debido a la grandes resoluciones que soportan los dispositivos actuales, como teléfonos móviles o monitores.

Por ejemplo, si tenías una imagen preparada para que se viera perfecta en una pantalla de 1080p, posiblemente ya no se vea bien si hay que escalar la misma imagen en una pantalla 4K.

Usando una imagen SVG nunca tendrías ese problema, por eso es tan popular entre los diseñadores y cada vez más utilizada en los websites.


Tenemos diferentes tipos de hosting, selecciona uno:


Problemas de Seguridad en las Imágenes SVG

WordPress no acepta usar formatos de imagen SVG por motivos de seguridad.

Y es que ciertamente, usar archivos SVG puede ser un problema de seguridad para nuestro sitio web, ya sea WordPress o cualquier otro CMS.

wordpress svg seguridad medios - No compatible

En realidad una imagen SVG no es una imagen, se trata de un archivo XML y en este tipo de archivos, un atacante podría añadir código malicioso sin muchos problemas.

Por eso es fundamental que no usemos archivos SVG si no estamos seguros de que no tiene ningún tipo de código malicioso.

No parece buena idea buscar imágenes en este formato por Internet y añadirlas a nuestro WordPress sin verificar antes que no están infectadas.

Si eres tú el que crea los imágenes SVG no hay problema, no vas a infectar tu propio archivo, pero si hay que tener especial cuidado con las imágenes descargadas de Internet.

También tienes que tener especial cuidado, con no dejar que los usuarios puedan subir imágenes SVG a tu WordPress, como si que pueden hacer con archivo .jpg, por ejemplo.

Puedes habilitar que los administradores o los editores de WordPress puedan subir este tipo de imágenes, pero nunca debes permitir que la pueda subir un usuario normal, suscriptor o cualquier otro tipo de usuario en el que no confíes ciegamente. Literalmente.

De otra forma estarías abriendo una puerta enorme a cualquier atacante para que pueda hackear tu sitio web.

 

Plugin SVG Support para WordPress

Si estás seguro de que quieres usar la imágenes en formato SVG en tu WordPress, puedes usar el popular plugin SVG Support, el cual cuenta con más de 600 mil instalaciones activas y está valorado con 5 estrellas.

plugin SVG Support para WordPresspress

Se trata de un plugin gratuito que puedes descargar desde la web de WordPress.org o buscarlo directamente en el repositorio de plugins de tu instalación de WordPress.

Una vez instalado puedes de ir a Ajustes > SVG Support para configurarlo.

Por defecto no tiene ninguna restricción y pensando en lo que hemos comentado antes sobre la seguridad, tal vez deberías considerar activar la opción de restringir la subida de SVG a los administradores.
plugin svg support opciones - WordPress

Tienes una opción para activar el modo avanzado, en el que puedes configurar opciones algo más complejas, pero si tu intención sólo pasa por poder subir imágenes SVG, no es necesario que lo actives.

Una vez activado, si vuelves a probar a subir la imagen SVG que te había dado el error, verás como la puedes subir y utilizar sin problemas.

wordpress imagen svg subida - Compatible con WordPress

 

Compatibilidad con navegadores

Si te decides a usar las imágenes SVG, debes saber que no existe ningún problema con la mayoría de los navegadores actuales.

Como verás en la siguiente imagen, SVG es compatible con casi todos los navegadores que conoces tanto, para ordenador como para dispositivos móviles.

compatibilidad svg navegadores actuales

En la Web de Caniuse.com puedes comprobar cómo evoluciona la compatibilidad de navegadores con este formato, pero al menos que uses navegadores obsoletos, no tendrás problemas.

 

Cosas a Tener en Cuenta

Como verás usar imágenes SVG en WordPress es tan sencillo como activar un plugin.

Pero ten en cuenta el factor seguridad a la hora de usar este formato. Puedes usarlo pero no es recomendable subir cualquier imagen SVG que te encuentres por Internet.

En cualquier caso, es un recurso disponible para WordPress que puedes utilizar si lo consideras oportuno.

 

Hosting WordPress SSD con Servidor LiteSpeed

  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´43€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´60€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´52€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´43€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´60€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´52€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!