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
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
SVG SUPPORT WORDPRESS
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.
No creo que exista una cosa así y si existe yo la desconozco.
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.