Gli SVG svolgono un ruolo centrale nel web di oggi. Non solo hanno spostato i caratteri delle icone, ma offrono anche la possibilità di manipolazione tramite CSS o JavaScript. Se vuoi salvare una grafica vettoriale per il web da Adobe Illustrator come SVG, devi effettuare alcune impostazioni per evitare insidie e ridurre i tempi di caricamento, che presenterò nel prossimo articolo.
La funzione di esportazione generale si trova in " File> Esporta> Esporta come ... ". Infine, seleziona " SVG (* .SVG) " come tipo di file. Se non vuoi tagliare aree trasparenti e prendere in considerazione l'area di disegno, seleziona " Usa aree di disegno ", altrimenti no. Nella seguente finestra di dialogo selezionare le seguenti opzioni:
Se non sei soddisfatto del livello di dettaglio dei percorsi nel risultato, aumenti gradualmente le cifre decimali a 3 o 4.
Diventa interessante quando hai incorporato maschere di ritaglio nel file vettoriale. Questi possono anche essere eliminati (questo porta a dimensioni di file ancora più piccole e una maggiore compatibilità quando si utilizzano strumenti di stampa come dompdf ).
Ci sono due modi ben noti in Illustrator: Innanzitutto contrassegni tutti gli oggetti con CTRL + A e seleziona " Oggetto> Riduci trasparenza ... ". Quindi rimuovere le maschere di ritaglio esistenti tramite " Oggetto> Maschera di ritaglio> Converti di nuovo ". Se non funziona, esegui le seguenti operazioni anziché gli ultimi due passaggi: Seleziona prima " Oggetto> Converti ...> OK " e quindi seleziona l'opzione " Rimuovi area di sovrapposizione " nella finestra di dialogo Elaborazione tracciati.:
L'SVG finale può quindi essere ulteriormente ottimizzato con strumenti come svgo (sulla riga di comando o nella GUI web ).