SVG-export vanuit Illustrator

SVG's spelen een centrale rol op het internet van vandaag. Ze hebben niet alleen pictogramlettertypen vervangen, maar bieden ook de mogelijkheid tot manipulatie via CSS of JavaScript. Als u een vectorafbeelding voor het web van Adobe Illustrator als SVG wilt opslaan, moet u enkele instellingen maken om valkuilen te vermijden en laadtijden te verkorten, die ik in het volgende artikel zal presenteren.


De algemene exportfunctie is te vinden onder " Bestand> Exporteren> Exporteren als ... ". Selecteer ten slotte " SVG (* .SVG) " als het bestandstype. Als je geen transparante gebieden wilt bijsnijden en rekening wilt houden met het tekengebied, vink dan " Gebruik tekengebieden " aan, anders niet. In het volgende dialoogvenster selecteert u de volgende opties:

Als je niet tevreden bent met het detailniveau van de paden in het resultaat, verhoog je de decimalen geleidelijk naar 3 of 4.

Het wordt interessant als u knipmaskers in het vectorbestand hebt ingesloten. Deze kunnen ook worden geëlimineerd (dit leidt weer tot kleinere bestandsgroottes en verhoogde compatibiliteit bij het gebruik van afdruktools zoals dompdf ).

Er zijn twee bekende manieren in Illustrator: Markeer eerst alle objecten met CTRL + A en selecteer " Object> Transparantie verminderen ... ". Verwijder vervolgens de bestaande knipmaskers via " Object> Knipmasker> Omkeren ". Als dat niet werkt, doe dan het volgende in plaats van de laatste twee stappen: Selecteer eerst " Object> Converteren ...> OK " en selecteer vervolgens de optie " Overlappingsgebied verwijderen " in het dialoogvenster Pathfinder.:

De uiteindelijke SVG kan vervolgens verder worden geoptimaliseerd met tools zoals svgo (op de opdrachtregel of in de web-GUI ).

Terug