De video is op deze verwijderd. Ik zal het binnenkort opnieuw opnemen. Als je dit leest en ik heb het nog niet gedaan, neem dan gerust contact met me op en val me erover lastig.
Soms ziet de SVG die u wilt gebruiken er prima uit in Illustrator, maar het is niet helemaal hoe u deze op internet zou willen gebruiken.
Een van de dingen die we in deze video bekijken, is een eenvoudige vorm die lijkt alsof het een enkele vorm is, maar in feite vier vormen die op elkaar zitten. Om dat te vereenvoudigen, selecteren we gewoon alle vormen en gebruiken we de Pathfinder-tools in Illustrator om ze tot één vorm te combineren. Dat zien we direct terug in de code. Soms is het best leuk om het SVG-bestand zowel in Illustrator als in een code-editor te openen, zodat je tijdens het opslaan kunt zien wat het met de code doet.
De Pathfinder is geweldig voor handmatige optimalisatie van vormen - het is de moeite waard om te weten wat die knoppen doen - en wat ze ook doen met de optietoets ingedrukt.
De grootte van een SVG-bestand wordt in grote mate bepaald door het aantal punten in de vormen. Er zijn andere factoren, maar dat is de biggie. Een ander ding dat we in deze video bekijken, is het gebruik van de Illustrators Simplify Path-functie om het aantal punten op sommige textuurachtige vormen te verminderen om de bestandsgrootte te verkleinen.
Nog iets om te weten: samengestelde paden kunnen handig zijn. Twee vormen die totaal van elkaar gescheiden zijn, kunnen nog steeds één pad zijn. Zoals letterlijk een. De syntaxis maakt het in wezen mogelijk "de pen oppakken, ergens anders naartoe verplaatsen, iets nieuws tekenen". Dus wanneer u een samengesteld pad maakt in Illustrator (bijv. Meerdere onafhankelijke vormen, Object> Samengesteld pad> Maken), is dat hoe het wordt uitgevoerd. Kan leiden tot vereenvoudigde / geoptimaliseerde SVG-uitvoer.