Paano mag-edit ng mga SVG file sa browser

Iniimbak ng SVG (Scalable Vector Graphics) ang isang larawan bilang mga hugis at path, ibig sabihin ay matematika, hindi pixel. Kaya naman nananatiling matalas ang isang logo na naka-save bilang SVG, favicon man ito o billboard, at kaya ito ang tamang format para sa mga icon, logo, at ilustrasyon. Ibig din sabihin nito, mabubuksan mo ang file at ie-edit ang aktwal na mga hugis sa halip na igalaw ang mga pixel isa-isa.

Halos palagi nang mas mainam ang pag-edit sa SVG source kaysa sa pag-edit ng na-export na PNG. Igalaw ang isang anchor point, at mananatiling makinis ang curve; palitan ang isang fill, at magiging eksakto ang kulay; i-scale ang buong bagay, at walang mabo-blur. Para dito, kailangan mo ng editor na nakakaintindi ng vector.

Binubuksan ng vector editor ng EditItAll ang mga SVG file nang direkta sa iyong browser:

• Buksan ang editor at i-load ang iyong .svg, maaaring logo, icon set, o ilustrasyon.
• Gamitin ang selection tool (V) para igalaw at baguhin ang sukat ng buong object, at ang direct-selection tool (A) para hawakan ang mga indibidwal na anchor point.
• Palitan ang kulay ng fill at stroke, i-edit ang anumang teksto gamit ang type tool (T), at itama ang posisyon ng mga hugis gamit ang smart guides at mga shortcut na estilo-Illustrator.

Awtomatikong nase-save ang iyong trabaho sa browser habang ikaw ay nagpapatuloy, at patuloy na gumagana ang buong editor kahit ma-offline ka pagkatapos itong mag-load, isang malinaw na tanda na hindi ipinapadala ang iyong file kahit saan.

Nasa paghubog ng mga path ang tunay na lakas. Naglalagay ang Pen tool (P) ng mga anchor point na may bezier handle, kaya magagawa mong iguhit muli ang isang curve, magdagdag ng point sa isang logo, o tumrace ng bagong hugis mula sa wala. Ang pencil naman ay para sa freehand na pagguhit.

Para gumawa ng mas komplikadong artwork, pagsamahin ang mas simpleng mga hugis gamit ang boolean operations: Unite para pagsamahin ang mga ito, Minus Front para putulan ang isa mula sa isa pa, Intersect para panatilihin lang ang bahaging magkapatong, at Exclude para alisin ito. Tumatakbo ang mga ito sa isang geometry engine na eksaktong-aritmetika, kaya nananatiling malinis ang mga resultang gilid sa halip na lumihis nang ilang bahagi ng pixel. Ganito mo ginagawang tapos na icon ang ilang rectangle at circle.

Kapag tapos ka na, i-save muli bilang .svg para manatiling ganap na nae-edit ang file, o mag-export ng PNG sa 2× kapag kailangan mo ng raster image para sa web o dokumento. Kung mayroon ka nang SVG at PNG lang ang kailangan, gagawin ito ng nakalaang SVG to PNG converter sa isang hakbang lang.

Dalawang tapat na limitasyon: binabasa ng editor ang standard na SVG, hindi ang mga .ai o .eps na file ng Adobe, at wala itong gradient mesh, pattern fill, o kulay na CMYK. Gayunpaman, para sa pag-edit ng pang-araw-araw na logo, icon, at ilustrasyon bilang SVG, gumagana sa iyong device ang lahat ng kailangan mo. Buksan ang vector editor para magsimula.