Ano ang SVG? Gabay sa madaling basahin sa vector format
Ano ang SVG? Paano gumagana ang SVG vector graphics, paano ito nag-iiba sa PNG at JPG, ang mga benta at limitasyon, karaniwang paggamit, at paano ito buksan at i-edit.
1. Ano ang SVG?
Ang SVG ay shorthand ng Scalable Vector Graphics, isang open vector graphics format na nakabatay sa XML na itinatakda ng W3C. Hindi tulad ng PNG at JPG na nagre-record ng larawan bilang grid ng pixel, ginagamit ng SVG ang matematikal na formula upang ilarawan ang mga hugis: isang tuwid na linya, isang bilog, isang Bézier curve — bawat isa ay nakasulat sa file bilang coordinates at path commands.
Sa mismong dahilan, hindi kailanman nagiging malabo ang SVG kapag pinalaki: ang browser ay simpleng iginuguhit muli ang formulas sa bagong laki sa halip na i-stretch ang pixels. Iyan ang ibig sabihin ng salitang "vector".
2. Ano ang pagkakaiba ng SVG at PNG / JPG?
| Aspekto | SVG | PNG / JPG |
|---|---|---|
| Paano ito nag-iimbak | Matematikal na path (vector) | Grid ng pixel (bitmap) |
| Kapag pinalaki | Walang hangganan nang walang distortion | Nagiging jaggy at malabo |
| Laki ng file | Napaka-small para sa simpleng graphic (ilang KB) | Lumalaki nang linear sa resolution |
| Kakayahang i-edit | Teksto na maaaring i-edit, i-recolor at i-animate | Kailangan ng image editing software |
| Pinakamahusay sa | Icon, logo, illustration, chart | Photograph at kumplikadong ilaw |
3. Karaniwang gamit ng SVG
- Icon at logo ng website: isang SVG ang umaangkop sa lahat ng screen density at nananatiling makinis sa Retina display;
- Illustration at chart: ang mga data visualization library tulad ng ECharts at Recharts ay lumalabas na SVG bilang default;
- Print at engraving: malawak na tinatanggap ng laser engraver, vinyl cutter at UV printer ang SVG path;
- Animation: direktang mapapatakbo ng CSS / SMIL / JavaScript ang SVG path, kaya magagawa ang stroke-drawing effect at iba pa.
4. Paano buksan at i-edit ang SVG?
Direktang nabuksan ng kahit anong modern na browser (Chrome / Edge / Firefox / Safari) ang mga SVG file, at sinusuportahan ng mga design software tulad ng Illustrator, Figma at Inkscape (libre) ang pag-edit. Kung ang kailangan mo lang ay mag-recolor, mag-alis ng background o magbura ng bahagi ng sining, gamitin ang PolySVG online SVG editor — walang software na kailangang i-install.
5. Paano ko gagawing SVG ang aking PNG / JPG?
Gamitin ang PolySVG larawan sa SVG tool: mag-upload ng bitmap at awtomatikong haawakan ng sariling model ang color quantization, contour tracing at curve fitting, na sa loob ng ilang segundo ay bibigyan ka ng editable na SVG at isang click na background removal. Libre ang buong proseso at walang rehistrasyon.
Buod: ang SVG ay format na "gumuguhit gamit ang formulas", kaya natural ito sa icon, logo at kahit anong bagay na kailangang i-scale; para sa photographic content, JPG / WEBP pa rin ang angkop.
Mga madalas itanong
Anong software ang nagbubukas ng SVG file?
Direktang ma-preview ng kahit anong modern na browser. Para sa pag-edit, gamitin ang Illustrator, Figma o Inkscape, o direktang i-handle sa PolySVG online editor nang walang kailangang i-install.
Puwede bang i-convert ang SVG sa PNG?
Oo. Nae-export ng PolySVG editor ang SVG bilang PNG sa kahit anong resolution, at magagawa rin ito sa screenshot ng browser o sa export mula sa design software.