Det finns mycket du kan göra med SVG utan någon programvara alls. Förutsatt att du har en bra källa till SVG-bilder online kan du använda dem direkt. Men det är ganska vanligt att vi måste justera dem lite. Jag vet att mitt vanligaste arbetsflöde är att hitta något nära det jag behöver från stockfotograferingssidor eller ikonuppsättningar eller liknande, och sedan manipulera det för att vara exakt hur jag vill. Justera former, ta bort saker, ändra färger, montera tavlan, allt det där. Det är mycket lättare att göra saker som detta med programvara som är gjord för det, snarare än för hand i koden.
Den vanligaste programvaran vi har använt i den här serien är Adobe Illustrator (19,99 USD / månad). Illustrator är stor, robust programvara för Mac eller PC. Massor av funktioner. Och det är lite som att välja gitarr som det instrument du vill lära dig. Det finns massor av handledning där ute som använder den. Det finns massor av människor där ute som du kan vända dig till. Illustrator kan SPARA SOM i SVG, vilket betyder att det är ett inbyggt filformat du kan arbeta med, vilket är ganska trevligt.
I alla de olika programvarorna vi tittar på skickar ingen av dem SVG så optimerat som du förmodligen vill ha det för webben. Alla sätter in några generiska kommentarer och metadatatyp som säger vilken programvara den skapades i och liknande, vilket är helt värdelöst för användning på webben. Värre, faktiskt, eftersom det fyller upp filstorleken vilket gör saker långsammare. Du vill alltid optimera SVG du får från vilken programvara som helst (vi gör en screencast om optimering snart).
Inkscape är ett annat populärt alternativ för SVG-redigering. Jag tror att det är troligt eftersom det är plattform (arbete son Mac, PC, Linux) och det är gratis. Det har också funnits länge och har en robust funktionsuppsättning. Jag tycker det är lite besvärligt, främst som Mac-användare eftersom gränssnittet är så konstigt annorlunda än allt annat jag är van vid.
Jag har gillat Sketch, som endast är Mac ($ 99). Jag gillar särskilt att du kan välja objekt och grupper och sedan "Gör exporterbar" och sedan är SVG ett alternativ att exportera som, vilket ger dig beskurna, perfekt användbara SVG att använda.
Vi tittade också på iDraw (Mac $ 24,99 och iOS $ 8,99). Det finns också WebCode (Mac $ 39,99).
Vi tittade inte specifikt på dessa i videon, men det finns också några webbläsarbaserade SVG-redaktörer som är ganska fina:
- SVG Redigera
- Metod
- Mondrian