En este tutorial te mostraré cómo guardar tu gráfico vectorial creado en formato Scalable Vector Graphics (SVG). Los archivos SVG son especialmente adecuados para su uso en Internet, ya que ocupan poco espacio de almacenamiento y pueden escalarse a cualquier tamaño sin perder calidad. Ya sea tu logotipo de empresa, un icono o un dibujo, después de crear tu gráfico vectorial en Inkscape, te guiaré a través del proceso de guardado para que puedas utilizar tus obras de forma óptima en la web.
Principales conclusiones
- Los archivos SVG ofrecen alta escalabilidad y tamaño de archivo reducido.
- Inkscape guarda gráficos vectoriales en formato SVG, que incluye información especial sobre capas y líneas de guía.
- Existen diferentes tipos de SVG: el SVG nativo de Inkscape y SVG optimizados, que son más adecuados para la web.
Guía paso a paso
Para guardar tu gráfico vectorial en formato SVG, sigue estos pasos:
Primero asegúrate de que tu diseño esté completo en Inkscape. Si es así, haz clic en Archivo en la barra de menú superior.
En el menú desplegable, selecciona la opción Guardar como. Esto abrirá una nueva ventana en la que podrás elegir la ubicación y el tipo de archivo.
Por defecto, Inkscape guarda en su propio formato SVG, que incluye información sobre las capas y la estructura de tu diseño. Sin embargo, para su uso en la web, es mejor utilizar una variante optimizada. Busca la ubicación en tu disco duro donde deseas guardar el archivo.
En el menú desplegable de tipo de archivo, elige entre SVG normal o SVG optimizado. Para el primer intento, elige SVG normal.
Asigna un nombre al archivo, por ejemplo, Logo_normal, y confirma haciendo clic en Guardar. Este archivo ahora se ha guardado en formato SVG normal.
Verás que este archivo suele ser más pequeño que el SVG de Inkscape, que puede tener alrededor de 11 KB. El SVG normal puede ser de solo 6 KB, lo que ya requiere significativamente menos capacidad de almacenamiento.
Repite el proceso, haciendo clic nuevamente en Archivo y luego en Guardar como, pero esta vez elige SVG optimizado.
Nombra el archivo, por ejemplo, Logo_optimizado, y guárdalo. Se te pedirá que elijas algunas opciones. Aquí puedes convertir atributos CSS en atributos XML y realizar diferentes ajustes de optimización. Te recomiendo elegir las opciones que más te convengan.
Confirma tu selección y verifica el nuevo tamaño de archivo. A menudo, la variante optimizada solo tendrá 4 KB. Esto muestra que mediante este método el archivo se ha comprimido aún más.
Al abrir los archivos en tu navegador, notarás que tanto el SVG normal como el optimizado se ven idénticos. Ingresa las URL de los archivos en la barra de direcciones de tu navegador para verificar el resultado.
Para probar su escalabilidad, puedes ajustar el nivel de zoom del navegador. Por ejemplo, al hacer zoom al 50% o al aumentarlo al 300%. Notarás que los bordes permanecen nítidos, independientemente del nivel de zoom.
Estas propiedades de los archivos SVG los hacen adecuados para su uso en sitios web. Puedes estar seguro de que tu logotipo aparecerá claro y nítido en todos los dispositivos, independientemente de lo grande que lo muestres.
Al utilizar el formato SVG para tus gráficos, no solo reduces el tamaño de archivo, sino que también garantizas que la calidad de tus diseños se mantenga en cada resolución.
Resumen
En este tutorial, has aprendido cómo puedes almacenar tus gráficos vectoriales en formato SVG. Esto te permite utilizar tus diseños de manera eficiente en la web y aprovechar la ventaja de la escalabilidad y el tamaño de archivo reducido.