Los SVG juegan un papel central en la web actual. No solo han reemplazado las fuentes de iconos, sino que también ofrecen la posibilidad de manipulación mediante CSS o JavaScript. Si desea guardar un gráfico vectorial para la web desde Adobe Illustrator como SVG, debe realizar algunos ajustes para evitar errores y reducir los tiempos de carga, que presentaré en el siguiente artículo.
La función de exportación general se puede encontrar en " Archivo> Exportar> Exportar como ... ". Por último, seleccione " SVG (* .SVG) " como tipo de archivo. Si no desea recortar áreas transparentes y tener en cuenta el área de dibujo, marque " Usar áreas de dibujo ", de lo contrario no. En el siguiente diálogo, selecciona las siguientes opciones:
Si no está satisfecho con el nivel de detalle de las rutas en el resultado, aumenta gradualmente los lugares decimales a 3 o 4.
Se vuelve interesante cuando tiene máscaras de recorte incrustadas en el archivo vectorial. Estos también se pueden eliminar (esto conduce nuevamente a tamaños de archivo más pequeños y una mayor compatibilidad cuando se utilizan herramientas de impresión como dompdf ).
Hay dos formas conocidas de hacer esto en Illustrator: primero, marque todos los objetos con CTRL+A y seleccione " Objeto > Reducir transparencia... ". Luego elimine las máscaras de recorte existentes a través de " Objeto > Máscara de recorte > Revertir ". Si eso no funciona, haga lo siguiente en lugar de los dos últimos pasos: Primero seleccione " Objeto > Convertir... > Aceptar " y luego seleccione la opción " Eliminar área de superposición " en el cuadro de diálogo Buscatrazos.:
El SVG final se puede optimizar aún más utilizando herramientas como svgo (en la línea de comandos o en la interfaz gráfica web ).