Paano Buksan ang SVG File at I-save Ito bilang PNG o JPG

Ang pinakamadaling paraan para buksan ang SVG file ay sa web browser: i-drag ito sa Chrome, Edge, Firefox o Safari. Sa Windows, i-right-click ito at piliin ang Open with > Microsoft Edge. Sa Mac, piliin ito sa Finder at pindutin ang space bar para sa Quick Look. Para i-share o i-upload ito, i-convert ito sa PNG o JPG.

Ano ang SVG file?

Ang SVG ay Scalable Vector Graphics. Ang SVG ay set ng drawing instructions na nakasulat bilang text: lines, curves, shapes at colors. Kaya ito nananatiling malinaw sa kahit anong size, at kaya madalas ibinibigay bilang SVG ang logos, icons at simpleng illustrations.

Ipinapaliwanag din nito ang kalituhan kapag sinubukan mong buksan ito. Grid ng pixels ang inaasahan ng mga photo viewer, kaya may ilan na walang ipinapakita o nagpapakita ng error. Ang mga browser naman ay native na nagdo-drawing ng SVG, dahil web standard ang SVG. Kung bubuksan mo ang file sa plain text editor, makikita mo ang mismong code, na nagsisimula sa tulad ng <svg.

Maraming lugar ang hindi talaga tumatanggap ng SVG uploads. PNG o JPG ang gusto ng social media profile pictures, office documents, email signatures at karamihan ng chat apps. May mga platform na bina-block ang SVG dahil puwedeng may scripts ang file. Iyan ang karaniwang dahilan kung bakit kailangan ng PNG na kopya. Para sa mabilisang paghahambing ng mga karaniwang format, tingnan ang gabay sa PNG vs JPG.

Paano buksan ang SVG file sa Windows

1. I-right-click ang .svg file sa File Explorer.
2. Piliin ang Open with, saka Microsoft Edge. Gumagana rin ang Chrome o Firefox kung naka-install.
3. Para gawin itong default, piliin ang Choose another app, piliin ang browser mo, at piliin ang Always.

Puwedeng ipakita ng File Explorer ang SVG bilang blangkong icon sa halip na thumbnail. Inaayos ito ng libreng PowerToys app ng Microsoft. Kasama sa File Explorer add-ons nito ang SVG preview para sa preview pane at SVG thumbnails. I-on ang mga ito sa PowerToys settings, saka i-restart ang Explorer kung hindi agad lumabas ang thumbnails.

Hindi maaasahan ang Paint at ang mga klasikong photo viewer para sa SVG. Para i-edit ang drawing, gumamit ng vector editor gaya ng Inkscape, na libre at open source.

Paano buksan ang SVG file sa Mac

• Quick Look: piliin ang file sa Finder at pindutin ang space bar. Lalabas ang graphic sa preview window.
• Safari: i-drag ang file sa Safari, o i-right-click ito at piliin ang Open With > Safari. Pareho rin ang gana ng ibang browser.
• Ipinapakita ng Finder icons at gallery view ang artwork bilang thumbnail.

Hindi laging nabubuksan ng Preview ang SVG files, depende sa bersyon ng macOS, kaya Safari ang maaasahang pagpipilian. Para sa pag-edit, tumatakbo rin ang Inkscape sa macOS.

Pagbukas ng SVG sa cellphone

Hindi pare-pareho ang paghawak ng cellphone sa SVG, at baka walang kapaki-pakinabang na lumabas kapag tinap ang file. Ang pinakamabilis na ayos ay i-convert ito sa PNG sa browser ng cellphone mo gamit ang tool sa ibaba. Saka tingnan o i-share ang PNG tulad ng ibang larawan.

Pag-edit ng SVG sa halip na pagtingin lang

Dahil text ang SVG, hindi kailangan ng espesyal na software para sa maliliit na pagbabago. Buksan ito sa code o text editor at mapapalitan mo ang kulay sa pag-edit ng fill na value, gaya ng #000000 papuntang #1a73e8. I-save, saka i-reload ang file sa browser mo para i-check. Magtago muna ng kopya ng orihinal, dahil puwedeng hindi na lumabas ang file dahil sa isang ligaw na character. Para sa mas malalaking pagbabago, gaya ng paglipat ng shapes, pag-edit ng text o pagsasama ng logos, gamitin ang Inkscape. Direkta nitong binubuksan ang SVG at sine-save ito pabalik bilang SVG, kaya walang nagiging pixels habang ginagawa ito.

Paano i-convert ang SVG to PNG o JPG sa browser mo

Nire-render ng SVG to PNG/JPG converter ang file sa loob ng browser mo at hindi ito ina-upload. Gumagana ito sa cellphone at sa computer.

1. Buksan ang converter at idagdag ang SVG file mo.
2. Piliin ang PNG, o JPG kung kailangan mo ng solid na background.
3. Itakda ang scale. Mas maraming pixels ang naibibigay ng mas malaking scale at mas malinaw ang resulta sa malalaking screen.
4. Kung may file size limit ang pag-upload, magtakda ng maximum size.
5. I-convert at i-download ang image.

Dahil napakahusay mag-drawing ng SVG ang mga browser, kadalasang tugma ang resulta sa nakikita mo kapag nakabukas ang SVG sa Chrome, Edge, Firefox o Safari.

Pinapanatili ng PNG ang transparency, kaya nananatiling transparent ang logo na walang background. Pinupuno ng JPG ng solid na kulay ang mga transparent na bahagi. Kaya karaniwang PNG ang tamang pagpipilian para sa logos at icons, at bagay ang JPG kapag ito ang hinihingi ng form.

Paano i-convert ang SVG to PNG sa Inkscape

1. Buksan ang SVG sa Inkscape.
2. Buksan ang export dialog gamit ang File > Export, o pindutin ang Shift+Ctrl+E.
3. Piliin kung ano ang ie-export: ang buong page, ang drawing, ang selection, o custom na area.
4. Maglagay ng lapad o taas sa pixels, o mag-set ng DPI. Kusang mag-a-update ang ibang values para tumugma.
5. Piliin ang PNG bilang file type, pumili ng filename, at i-click ang Export.

Transparent na background ang default ng Inkscape sa pag-export. Para sa puting background, itakda ang background color at opacity sa Document Properties (Shift+Ctrl+D) bago mag-export.

Anong size dapat ang PNG o JPG?

Puwedeng kahit anong size ang SVG, pero fixed ang PNG. Magsimula sa kung saan gagamitin ang image.

• Para sa website o app, alamin ang display size, saka mag-export sa doble ng lapad at taas na iyon. Ipinapakita ng high-density na screens ang dagdag na detalye.
• Para sa platform na may sariling requirements, gaya ng profile picture o favicon, gamitin ang eksaktong dimensions na nakalista nito.
• Para sa print, i-multiply ang printed size sa inches sa DPI. Sa 300 DPI, kailangan ng 600 pixels ang logo na 2 inches ang lapad. Ipinapaliwanag ng gabay sa 300 DPI ang math.

Mag-export ng iba't ibang size mula sa parehong SVG tuwing kailangan mo. Itago ang SVG bilang master file.

Mga karaniwang problema sa pag-convert ng SVG to PNG

Mali ang itsura ng mga font

Puwedeng tukuyin ng SVG ang isang font sa pangalan nang hindi ito isinasama. Kung hindi naka-install ang font na iyon sa device na nagko-convert, fallback font ang gagamitin. I-convert ang text sa outlines sa design app bago i-save ang SVG. Sa Inkscape, piliin ang text at gamitin ang Path > Object to Path.

May nawawalang bahagi sa image

May mga SVG na naka-link sa labas na images o stylesheets sa halip na naka-embed. Ang converter na hindi maabot ang mga file na iyon ay iguguhit ang SVG nang wala ang mga ito. I-export ulit ang SVG mula sa orihinal na design tool na naka-embed ang images.

May itim o puting kahon sa paligid ng PNG

Nangyayari iyan kapag JPG ang output, o kapag may background rectangle ang mismong SVG. Piliin ang PNG at tingnan kung may punong shape sa likod ng artwork sa source.

Malabo ang PNG o malaki ang file

Ang malabong PNG ay na-export nang mas maliit kaysa sa size kung saan ito ipinapakita. Mag-export ulit sa mas malaking lapad, dahil hindi maibabalik ang detalye kapag pinalaki ang PNG. Kung mabigat ang file, ipasok ito sa PNG compressor.

Ang kabaligtaran, mula pixel image papunta sa SVG, ay nangangailangan ng tracing at gumagana lang sa simpleng artwork. Ipinapaliwanag ng gabay sa JPG at PNG to SVG kung ano ang aasahan.

Mga madalas itanong