Portada Wordpress Usar Imágenes SVG en WordPress ¿Utilizarlas o No?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.