SVG → PNG
Converter ng SVG sa PNG
Ihulog ang vector file at makakuha ng PNG sa resolution na kailangan ng trabaho. Sa tab na ito nangyayari ang rasterising, kaya nananatili sa iyo at sa makina mo ang design work.
May fixed na pixel ang PNG: ang pagpapalaki nito mamaya ay nagpapalabo, habang nananatiling matalim ang SVG sa kahit anong laki. Pinapanatili ang transparent na bahagi, hindi pinupuno.
Paano i-convert ang SVG sa PNG
I-load ang vector
Ihulog ang .svg file o i-paste. Ang mga file na walang idineklarang width at height sa header nila ay ini-render sa 1024-pixel na viewport.
Piliin ang pixel size
Itakda ang width o height na kailangan mo — 256 para sa app icon, 2400 para sa naka-print na graphic — at susunod ang kabilang dimension sa aspect ratio. Hindi kailanman pinalalaki ang export nang lampas sa laki na idineklara ng file.
I-export ang PNG
I-save ang raster at gamitin ito kahit saan inaasahan ang PNG: slide, favicon pipeline, README o store listing na walang tinatanggap na vector.
Pagpapalit ng vector tungo sa pixel
Ang SVG ay XML: mga path, fill at text instruction na nireresolba ng renderer sa kahit anong zoom, kaya mga logo at icon ang iginuguhit bilang vector. Ang PNG ay grid ng tapos na mga pixel, kaya ang rasterising ay nangangahulugang pagtatakda muna ng laki ng grid — ang bawat kurba ay sinasample dito, at ang resolution na pinili mo ang resolution na mananatili sa iyo.
Ang guhit ay ini-render sa pamamagitan ng sariling SVG engine ng browser, ang parehong nagpapakita nito sa isang pahina, kaya kumikilos ang mga gradient, filter at clipped na hugis tulad ng ginagawa nila sa screen, at napananatili ang transparency dahil may alpha channel ang PNG. Ang kapalit ay ang pagiging fixed: palakihin mo ang PNG pagkatapos at lumalambot ang mga gilid, habang ang sariwang export mula sa SVG sa mas malaking laki ay nananatiling matalim. Itago ang vector bilang master file.
Mga tanong tungkol sa SVG to PNG
Paano ko pipiliin ang PNG resolution?
Isipin ang pinakamalaking lugar na lalabasan nito: 16–64 px para sa favicon, 256–512 px para sa app icon, 1000 px o higit pa para sa print. Itakda ang isang dimension at susunod ang isa sa ratio; mura lang ang muling pag-export sa ibang laki dahil nananatiling matalim ang pinagmulan.
Ano ang nawawala sa akin kumpara sa SVG?
Ang scalability at editability: fixed na grid ang PNG, kaya lumalabo ang pagpapalaki, at hindi na teksto na maaari mong baguhin ang estilo ang mga hugis nito. Ituring ang export bilang delivery copy para sa isang laki at itago ang orihinal na .svg.
Walang width at height ang SVG ko. Ano ang mangyayari?
Ito ay ire-render sa 1024-pixel na viewport, at iyon ang magiging intrinsic size nito, kaya ang file na may viewBox lang ay itinuturing na 1024 px ang lapad. Magtakda ng tahasang pixel size dito, o magdagdag ng width at height sa markup, kapag kailangan mo ng eksakto.
Pinapanatili ba ng PNG ang transparency, at ina-upload ba ang file ko?
Napananatili ang transparency, dahil may tunay na alpha channel ang PNG — nananatiling see-through ang logo sa see-through na background. Wala ring ina-upload: ang artwork ay ini-render at ini-encode sa tab na ito, hanggang 64 MB bawat file, at gumagana ang pahina offline kapag na-load na.