Lo que debes saber sobre el formato de archivo SVG

Una imagen SVG (gráficos vectoriales escalables) es una imagen gráfica 2D que admite animaciones e interactividad. El comportamiento del archivo SVG se define en un archivo de texto XML, que establece reglas de codificación legibles tanto para personas como para computadoras. Estos archivos se pueden escalar a distintos tamaños sin que cambie la calidad de la imagen. Todos los navegadores modernos admiten ahora el formato SVG.

Cuando quieres crear imágenes para tu sitio web, tienes que decidir entre usar imágenes vectoriales o de mapa de bits. Las imágenes de mapa de bits están formadas por píxeles y tienen una resolución fija. Por eso, cuando haces zoom o aumentas el tamaño de la imagen, se ve granulada o pixelada.

Por otro lado, las imágenes vectoriales se crean con líneas, puntos y formas. Esto las convierte en la mejor opción para imágenes escalables, ya que no pierden calidad en el proceso. La mayoría de los gráficos para impresión y los sitios web se crean en formato SVG para poder adaptar el tamaño de los diseños en el futuro. El formato SVG se usa habitualmente para logotipos, tipografía, iconos o ilustraciones.

Ventajas de los archivos SVG

Escalabilidad

La resolución o el tamaño de tu pantalla no importa a la hora de ver imágenes SVG. A diferencia de las imágenes PNG y JPG, que pueden verse borrosas al ampliarlas, las imágenes SVG mantienen su alta calidad. Esto es posible porque su calidad no depende de la resolución.

Rendimiento del sitio web

Cuando están bien optimizados, los archivos SVG ocupan menos espacio que otros formatos de archivo. Esto reduce el tiempo de carga de las páginas y mejora el rendimiento de tu sitio web. Así, la experiencia de usuario mejora, ya que los visitantes pueden navegar por las páginas de tu sitio más rápido.

Facilidad de edición

Puedes editar archivos SVG fácilmente con aplicaciones habituales de edición gráfica. Adobe Illustrator, Corel y Sketch son opciones comunes. También puedes usar un editor de texto para modificar directamente el código de marcado.

Compatibilidad con animaciones

Se pueden usar tecnologías como JavaScript para manipular archivos SVG y hacerlos más interactivos y llamativos. Las imágenes SVG animadas hacen que un sitio web resulte especialmente atractivo.

Control del estilo

Los archivos SVG te dan libertad para elegir los estilos de imagen que quieras. El color del trazo, el tamaño, el color de relleno y otras propiedades se pueden controlar fácilmente. Además, no necesitas usar sprites de imágenes para añadir un efecto al pasar el cursor sobre una imagen.

Desventajas de los archivos SVG

• Solo funcionan con imágenes 2D, por lo que no admiten fotografías tomadas con una cámara.
• Necesitarás un complemento de WordPress (WP SVG) para que tu sitio de WordPress pueda usar el formato de archivo SVG. Por motivos de seguridad, WordPress no permite imágenes SVG a menos que lo habilites.

Cómo convertir a SVG

Con Filestar puedes convertir fácilmente cualquiera de los más de cien tipos de archivo compatibles a SVG. Consulta este enlace para encontrar todas las skills para el formato de archivo SVG. La aplicación de escritorio Filestar ha reducido el proceso de conversión de archivos SVG a unos pocos pasos. Una vez que descargues la aplicación Filestar, sigue estos pasos.

• Haz clic derecho en el archivo de tu computadora que quieras convertir y selecciona Convertir con Filestar
• Escribe ‘convertir a SVG’ en el cuadro de búsqueda
• Haz clic en EJECUTAR
• La imagen SVG se guardará automáticamente en tu computadora

O simplemente mira el breve vídeo que hemos preparado para ti a continuación, con un ejemplo de conversión de PDF a SVG.