SVG spelar en central roll i dagens webb. De har inte bara ersatt ikonfonter, utan ger också möjlighet till manipulation via CSS eller JavaScript. Om du vill spara en vektorgrafik för webben från Adobe Illustrator som SVG, måste du göra några inställningar för att undvika fallgropar och minska laddningstiderna, vilket jag kommer att presentera i följande artikel.
Den allmänna exportfunktionen finns under " Arkiv> Exportera> Exportera som ... ". Välj slutligen " SVG (* .SVG) " som filtyp. Om du inte vill klippa genomskinliga områden och ta hänsyn till ritområdet, markera " Använd ritningsområden ", annars inte. I följande dialogruta väljer du följande alternativ:
Om du inte är nöjd med detaljnivån för banorna i resultatet ökar du decimalerna gradvis till 3 eller 4.
Det blir intressant när du har inbäddade klippmasker i vektorfilen. Dessa kan också elimineras (detta leder till återigen mindre filstorlekar och ökad kompatibilitet när man använder utskriftsverktyg som dompdf ).
Det finns två kända sätt att göra detta i Illustrator: Markera först alla objekt med CTRL+A och välj " Objekt > Minska genomskinlighet... ". Ta sedan bort de befintliga urklippsmaskerna via " Objekt > Klippmask > Återställ ". Om det inte fungerar, gör följande istället för de två sista stegen: Välj först " Objekt > Konvertera... > OK " och välj sedan alternativet " Ta bort överlappningsområde " i Pathfinder-dialogrutan.:
Den slutliga SVG-filen kan sedan optimeras ytterligare med hjälp av verktyg som svgo (på kommandoraden eller i webbgränssnittet ).