SVG Support: Gráficos vectoriales en WordPress

SVG Support es un plugin para WordPress que te permite utilizar en tu sitio web o blog gráficos vectoriales que no se pixelan.

Sí, aunque te suene raro se pueden crear gráficos que puedes ampliar hasta el infinito y nunca se pixelan. Esa es la principal característica de los gráficos vectoriales.

Qué es el formato vectorial

A diferencia de los formatos de imagen tradicionales (jpg, png, gif, bmp…) que trabajan con píxeles, el formato SVG lo hace con vectores.

Si alguna vez utilizaste Ilustrator o algún programa similar sabes de lo que hablo. Tú dibujas una línea y luego puedes hacer zoom todo lo que quieras que seguirás viendo la línea con la misma nitidez.

Para el diseñador es mucho más fácil trabajar con vectores que con píxeles pero, al momento de publicar ese gráfico en un sitio web lo usual es pasarlo a los formatos tradicionales, convirtiéndolo a píxeles.

Por suerte desde hace un tiempo el formato SVG nos permite grabar esos gráficos sin pasarlos a píxeles y utilizarlos en internet como vectores que nunca se pixelan.

Y para qué sirve que nunca se pixele

Años atrás ésto no tendría sentido, pero hoy, en la era responsive, donde creamos un sitio web y ni nos imaginamos desde qué tipo de dispositivo se van a conectar nuestros lectores es muy útil.

Por ejemplo, una pantalla de retina requiere mucha más resolución que una normal, lo cual significa que, si tus imágenes están optimizadas para una pantalla normal (que es lo habitual), cuando alguien se conecte desde una pantalla de retina las verá todas pixeladas.

Esto no sucede con los gráficos vectoriales escalables (SVG).

Me extiendo más sobre este tema en un post que escribí como invitado en ForoAlfa, sobre el uso de imágenes SVG.

Qué función cumple SVG Support

Si se te ocurre subir una imagen SVG a tu WordPress simplemente no vas a poder hacerlo. Esto se debe a que la carga de este tipo de archivos está bloqueado por seguridad y te dará un mensaje de error al momento de iniciar la subida.

Para habilitar el uso de este formato deberás editar el archivo functions.php de tu tema o (más fácil) instalar SVG Support.

Una vez que instales y actives el plugin vas a poder subir gráficos vectoriales a tu biblioteca multimedia, insertarlas en tus entradas y páginas, y manipularlas como si fueran una imagen tradicional cualquiera.

SVG Support no requiere ninguna configuración de tu parte para utilizarlo. Simplemente lo instalas en tu WordPress y al activarlo ya te habilita el uso de los gráficos escalables.

Más información sobre este plugin

¿Conocías los gráficos vectoriales SVG o algún otro plugin que cumpla esta función?