34: SVG tarkvara tutvustus - CSS-trikid

Anonim

SVG-ga saab teha palju ilma igasuguse tarkvarata. Eeldades, et teil on veebis SVG-piltide hea allikas, võite neid otse kasutada. Kuid on üsna tavaline, et peame neid natuke kohandama. Ma tean, et minu kõige tavalisem töövoog on leida fotolehtedelt või ikoonikomplektidelt vms vajalikule lähedane ja seejärel manipuleerida sellega täpselt nii, nagu ma tahan. Kujundite kohandamine, kraami kustutamine, värvide muutmine, tahvlile sobitamine, kõik muu. Sellist kraami on palju lihtsam teha selleks loodud tarkvaraga, mitte käsitsi koodis.

Kõige tavalisem tarkvara, mida selles seerias oleme kasutanud, on Adobe Illustrator (19,99 dollarit kuus). Illustrator on suur ja vastupidav tarkvara Macile või PC-le. Palju funktsioone. Ja see on natuke nagu kitarri valimine instrumendina, mida soovite õppida. Seal on seda kasutades palju õpetusi. Seal on palju inimesi, kes seda kasutavad. Illustrator saab SVG-is SÄÄSTA AS, see tähendab, et see on emakeelne failivorming, millega saate töötada, mis on päris kena.

Kõigis erinevates tarkvarades, mida me vaatame, ei anna ükski neist SVG-d nii optimeeritud, kui soovite seda tõenäoliselt veebi jaoks. Kõik nad lisavad mõned üldised kommentaarid ja metaandmete tüübid, öeldes, millises tarkvaras see loodi ja selline, mis on veebis täiesti kasutu. Veelgi hullem, kuna see suurendab faili suurust, mis muudab asja aeglasemaks. Alati soovite optimeerida igast tarkvarast saadud SVG-d (optimeerimise kohta teeme varsti ekraanikuva).

Inkscape on veel üks populaarne variant SVG redigeerimiseks. Ma arvan, et see on tõenäoline, kuna see on platvormiülene (töövõim Mac, PC, Linux) ja tasuta. See on olnud ka pikka aega ja sellel on kindel funktsioonide komplekt. Mulle tundub see siiski pisut ebamugav, peamiselt Maci kasutajana, kuna liides on nii imelikult erinev kui kõik muu, millega ma harjunud olen.

Mulle on meeldinud Sketch, mis on ainult Mac (99 dollarit). Mulle meeldib eriti, kui saate valida objekte ja rühmi ning seejärel teha käsu „Muuda eksportitavaks” ja siis on SVG eksportimiseks võimalus, mis annab teile kärbitud, täiesti kasutatava SVG.

Vaatasime ka iDraw-d (Mac 24,99 ja iOS 8,99). Samuti on olemas veebikood (Mac 39,99 dollarit).

Me ei vaadanud neid videost konkreetselt, kuid on ka mõned brauseripõhised SVG-redaktorid, mis on üsna toredad:

  • SVG Redigeerimine
  • Meetod
  • Mondrian