Añadir soporte para imágenes SVG en WordPress

Wordpress

Antes de explicar como dar soporte a SVG en WordPress voy a explicar un poco que es esta tecnología y porque nos conviene usarla.

Debido a la gran cantidad de dispositivos y tamaños de pantallas de las que disponemos hoy en día es recomendable pensar en tecnologías que nos permitan tener nuestro logo en un formato adaptable, tal y como hacen las web responsive.

Para ello una tecnología llamada SVG (Scalable Vector Graphics) nos ayuda a ello. No estamos hablando de algo novedoso porque en 2001 el W3C ya lo introdujo en su navegador Amaya de forma nativa.

Los gráficos SVG son una especificación para describir gráficos vectoriales bidimensionales, tanto estáticos como animados en formato XML.

Ventajas y desventajas del formato SVG

Pros

  • El tamaño del archivo es pequeño, ocupan mucho menos que si fuese una imagen convencional.
  • Es escalable, al estar formado por puntos y ser vectorial no pierde calidad incluso en pantallas Retina.
  • Es flexible, mediante CSS puedes cambiar la configuración de los gráficos.
  • Se puede editar con un procesador de textos ya que es XML.
  • Se puede visualizar en cualquier navegador moderno (Chrome, Opera, Firefox, Safari, IE…)

Contras

  • El tamaño del archivo se hace grande si hay muchos objetos pequeños, es mejor agruparlos o crear trazados compuestos para evitar esto.
  • No se puede leer una parte concreta del gráfico en cuestión.

Como se puede observar las ventajas de utilizar SVG son razones de peso para dejar de lado sus desventajas que son fácilmente subsanables.

Brindar soporte para SVG en WordPress

Logo de WordPress en SVG
Logo de WordPress en SVG

A día de hoy (y no entiendo porqué) cuando subes un archivo SVG en WordPress la miniatura no se visualiza e incluso puede dar error de formato no permitido, todo depende del theme que estés usando y si ya han incluido soporte en el mismo.

Para utlizar SVG en WordPress lo único que tienes que hacer es instalar el plugin SVG Support y listo, tendremos nuestro administrador con soporte pleno para visualizar miniaturas, insertar imágenes en posts, páginas y donde queramos.

El plugin lleva algunas opciones configurables como transformar las etiquetas que tengan su source anidado a un SVG en su correspondiente texto plano en XML.

SVG SUPPORT WORDPRESS
Plugin SVG Support para WordPress
Plugin SVG Support para WordPress

4 comentario

  1. Me pregunto si conoce algun plugin para wordpress, que me permita editar los productos de mi tienda virtual. Estos productos son graficos vectoriales para hacer pegatinas, y quier poder editar cada capa del dibujo y poder cambiarle el color entre otras posibilidades.

  2. Hola! He conseguido subir mi logo en formato svg en wordpress gracias al plugin que recomiendan. Pero en dispositivo móvil el logo no se ve bien. ¿Hay alguna forma de solucionarlo? Mi plantilla es responsive.
    Muchisimas gracias!!

    Carmen

    • Hola Carmen, con esos datos no se decirte exactamente de qué es tu problema pero me aventuro a decir que tienes que modificar o el código que sube la imagen de tu plantilla o el código que la muestra.

Enviar un comentario