34: En omvisning av SVG-programvare - CSS-triks

Anonim

Det er mye du kan gjøre med SVG uten programvare i det hele tatt. Forutsatt at du har en god kilde til SVG-bilder på nettet, kan du bruke dem direkte. Men det er ganske vanlig at vi må justere dem litt. Jeg vet at den vanligste arbeidsflyten min er å finne noe nær det jeg trenger fra arkivfotograferingssteder eller ikonsett eller lignende, og deretter manipulere det slik at det blir akkurat slik jeg vil. Justere figurer, slette ting, endre farger, montere tavlen, alt det. Det er mye lettere å gjøre ting som dette med programvare som er laget for det, i stedet for for hånd i koden.

Den vanligste programvaren vi har brukt i denne serien er Adobe Illustrator ($ 19,99 / måned). Illustrator er stor, robust programvare for Mac eller PC. Massevis av funksjoner. Og det er litt som å velge gitar som instrumentet du vil lære. Det er mange opplæringsprogrammer der ute som bruker den. Det er mange mennesker der ute som bruker det du kan henvende deg til. Illustrator kan LAGRE SOM i SVG, noe som betyr at det er et eget filformat du kan jobbe med, noe som er ganske hyggelig.

I all den forskjellige programvaren vi ser på, sender ingen av dem SVG så optimalisert som du sannsynligvis vil ha det på nettet. Alle setter inn noen generiske kommentarer og metadatatype ting som sier hvilken programvare den ble opprettet i og slikt, som er helt ubrukelig for bruk på nettet. Verre, faktisk, da det samler filstørrelsen som gjør ting tregere. Du vil alltid ønske å optimalisere SVG du får fra hvilken som helst programvare (vi tar en screencast om optimalisering snart).

Inkscape er et annet populært alternativ for SVG-redigering. Jeg tror det er sannsynlig fordi det er plattform (arbeidssønn Mac, PC, Linux) og det er gratis. Det har også eksistert lenge og har et robust funksjonssett. Jeg synes det er litt vanskelig, først og fremst som Mac-bruker, fordi grensesnittet er så merkelig annerledes enn alt annet jeg er vant til.

Jeg har likt Sketch, som bare er Mac ($ 99). Jeg liker spesielt godt at du kan velge objekter og grupper og deretter "Make Exportable" og deretter SVG er et alternativ å eksportere som, noe som gir deg beskjærte, perfekt brukbare SVG å bruke.

Vi så også på iDraw (Mac $ 24,99 og iOS $ 8,99). Det er også WebCode (Mac $ 39,99).

Vi så ikke spesifikt på disse i videoen, men det er også noen nettleserbaserte SVG-redaktører som er ganske fine:

  • SVG Rediger
  • Metode
  • Mondrian