I-convert ang SVG sa PNG Scalable Vector Graphics ↔ Portable Network Graphics Libre Online Ligtas

Bakit kino-convert ng mga tao ang SVG sa PNG

Ang SVG ay hindi larawan. Isa itong hanay ng mga tagubilin sa pagguhit: gumuhit ng bilog dito, kurba roon, punuin ang hugis na ito ng kulay na iyon, isulat ang salitang ito sa font na iyon. Dahil mga tagubilin ito at hindi mga pixel, maipapakita ang SVG sa anumang laki nang hindi lumalabo, kaya paboritong format ito ng mga logo, icon, tsart at ilustrasyon. Ngunit nakakagulat na dami ng software ang hindi kayang sundan ang mga tagubiling iyon. Ang mga email program, social network, maraming upload form, tool sa presentasyon at mas lumang editor ay gusto ng larawang gawa sa mga pixel. Kaya kino-convert ng mga tao ang SVG sa PNG: may guhit sila at kailangan nila ito sa anyong tinatanggap ng lahat.

Likas na pagpili ang PNG para sa gawaing ito. Pinananatili nito ang bawat pixel nang eksakto kung paano iginuhit at pinananatili ang transparency, kaya ang logong walang background ay nananatiling logong walang background. Nauunawaan ito ng bawat browser, editor, office program at telepono. Para sa SVG na halos patag na kulay at matatalas na gilid, ang PNG ang format na tapat na kumokopya rito.

Kino-convert ng pahinang ito ang SVG sa PNG sa loob ng browser mo. Isang beses sinusunod ang mga tagubilin sa file mo, sa laking pipiliin mo, at sine-save ang resulta bilang PNG. Iginuguhit ang larawan sa sandbox kung saan walang anumang nasa file ang makakatakbo, at walang ina-upload. Sa ibaba makikita mo kung paano ito gumagana, ano ang pinananatili, ano ang nag-iisang mahalagang limitasyon, at paano pipili ng laki.

Paano gumagana ang conversion

Isang beses sinusunod ang mga tagubilin

Binubuksan ang SVG mo sa loob ng browser mo, na ginagawa ang lagi nitong ginagawa sa SVG: sinusunod ang mga tagubilin sa pagguhit at ipinipinta ang resulta. Pagkatapos, kinukuha ang pagpipintang iyon bilang larawan sa laking pipiliin mo at sine-save bilang PNG. Nangyayari ang proseso sa device mo, kaya walang hihintayin at walang buburahin pagkatapos.

Isang sandbox kung saan walang makakatakbo

Ang SVG file ay maaari, sa prinsipyo, maglaman ng mga script at reference sa ibang bagay. Para hindi kailanman maging panganib ito, iginuguhit ang larawan sa sandbox kung saan walang anumang nasa file ang makakatakbo. Mga hugis lamang ang ipinipinta. Ligtas ito kahit para sa mga file na dina-download mo mula sa lugar na hindi mo lubos na pinagkakatiwalaan.

Ikaw ang pipili ng laki

Dahil walang sariling pixel ang SVG, ikaw ang magpapasya kung ilan ang magkakaroon ang PNG. Pumili ng lapad, at susunod ang taas mula sa proporsyon ng likhang sining. Ang mas malaking laki ay nagbibigay ng mas matalas na larawan at mas mabigat na file.

Ano ang pinananatili

Bawat hugis ayon sa pagkaguhit

Pinananatili ang bawat hugis ayon sa pagkaguhit: ang mga kurba, pagpuno, guhit at pagpapatong-patong. Ang PNG ay tapat na larawan ng hitsura ng SVG sa browser.

Ang sariling proporsyon ng likhang sining

Pinananatili ang proporsyon ng guhit, kaya hindi ito iniuunat o pinipiga. Kung dalawang beses na mas malapad ang SVG kaysa sa taas nito, ganoon din ang PNG.

Ang transparency

Pinananatili ang transparency. Ang mga bahagi ng SVG na walang pagpuno ay nananatiling nakikita sa likod sa PNG, na eksakto ang gusto mo para sa logo o icon na ilalagay sa may kulay na background.

Ano ang dapat mong malaman bago i-convert ang SVG sa PNG

Isang laki lang magpakailanman ang PNG

Isang laki lang magpakailanman ang PNG, na hindi ganoon ang SVG. Ito ang pinakamahalagang bagay sa pahinang ito. Kung pipili ka ng maliit na laki at kalaunan ay kailangan mo ng malaki, lalabo ang PNG kapag pinalaki. Kaya piliin ang pinakamalaking laki na kakailanganin mo kailanman. Mas madaling paliitin ang malaking larawan kaysa sa kabaligtaran, at maaari mong palaging itago ang SVG para sa hinaharap.

Hindi naaayos ang mga font at larawan mula sa iba

Hindi naaayos sa sandbox kung saan ito iginuguhit ang mga font at larawang kinukuha ng SVG mula sa ibang lugar. Kung ang teksto sa guhit mo ay nakaayos sa web font na nilo-load ng file mula sa server, babalik ito sa system font sa PNG, at magbabago ang hitsura ng mga letra. Kung tumutukoy ang SVG sa larawang nakaimbak sa labas ng file, mawawala ang larawang iyon. Para sa pinakamagandang resulta, gumamit ng mga SVG na ang mga font ay na-convert na sa contour at naka-embed ang mga larawan.

Nakadepende sa larawan ang laki ng file

Ang simpleng logo ay gumagawa ng napakaliit na PNG. Ang detalyadong ilustrasyon sa malaking laki ay gumagawa ng mabigat. Kung masyadong malaki ang resulta para sa layunin mo, bawasan ang laki o ipasa ito sa pag-compress ng PNG.

Paano i-convert ang SVG sa PNG dito

Idagdag ang guhit mo

Ihulog dito ang SVG o pumili mula sa device mo. Binabasa ito sa loob ng browser mo at hindi ina-upload.

Piliin ang laki

Piliin ang lapad ng PNG. Isipin ang pinakamalaking lugar kung saan gagamitin ang larawan, at piliin ang laking iyon.

I-convert at i-download

Pindutin ang button at i-download ang PNG. Buksan ito, tingnan ang mga gilid at teksto, at tiyaking nakikita pa rin sa likod ang mga transparent na bahagi.

Mas malapitang pagtingin sa SVG at PNG

Vector at raster

Ang SVG ay vector na format: nag-iimbak ito ng mga hugis at mga tuntunin sa pagguhit ng mga ito. Ang PNG ay raster na format: nag-iimbak ito ng grid ng may kulay na tuldok. Ang vector ay maaaring i-scale sa anumang laki, dahil muling iginuguhit ang mga hugis sa bawat pagkakataon. Ang raster ay may takdang bilang ng tuldok, at ang pagpapalaki rito ay nagpapalaki lamang ng mga tuldok. Ang pag-convert ng SVG sa PNG ay paglipat mula sa mga tuntunin patungo sa takdang grid, at ikaw ang pipili ng grid.

Bakit PNG at hindi JPG

Para sa guhit, halos laging mas mabuting sagot ang PNG. Pinananatili nitong malinis ang matatalas na gilid, at pinananatili nito ang transparency. Pinalalambot ng JPG ang patag na kulay at mga gilid at walang transparency. Kung JPG lang ang tatanggapin ng pupuntahan, gamitin ang SVG sa JPG; kung hindi, manatili sa PNG.

Resolution at mga screen

Madalas ipakita ng mga modernong screen ang mga larawan sa dalawa o tatlong beses na density ng mas luma. Kung lilitaw ang PNG mo sa mga ganoong screen sa isang takdang laki sa pahina, gawin itong dalawang beses na mas malapad kaysa sa laking iyon, at magmumukha itong matalas.

Mga karaniwang sitwasyon nang detalyado

Mga logo para sa email at social network

Maraming email program at social platform ang hindi tumatanggap ng SVG. I-convert ang SVG sa PNG sa laking hinihingi nila, at makakapasa ang logo mo na may transparent na background.

Mga larawan para sa dokumento at presentasyon

Nag-iiba ang mga office program sa kung gaano nila kahusay hawakan ang SVG. Laging gumagana ang PNG. Kung ipo-project ang guhit, pumili ng malawak na laki para manatili itong matalas sa malaking screen.

Mga icon para sa app at site

Ang hanay ng icon na iginuhit bilang SVG ay madalas na nangangailangan ng mga bersyong PNG para sa mga lugar na hindi nagbabasa ng vector. Gawin ang mga ito sa mga kinakailangang laki, at itago ang SVG bilang master.

Mga tsart at diagram

Ang mga tool na nag-e-export ng tsart bilang SVG ay nag-iiwan ng file na tinatanggihan ng ilang sistema. Ang PNG ng tsart ay maaaring ilagay sa ulat, web page o mensahe nang walang abala.

Praktikal na payo bago i-convert ang SVG sa PNG

Tingnan kung ano ang hitsura ng SVG sa browser

Buksan muna ang SVG sa browser. Ang nakikita mo roon ang ipapakita ng PNG. Kung gumagamit ang teksto ng font na wala sa sistema mo, asahan ang parehong pagpapalit sa PNG.

Gawing contour ang teksto para sa katumpakan

Kung mahalaga ang eksaktong pagkakasulat, i-convert ang teksto sa drawing program mo sa contour bago i-save ang SVG. Magiging mga hugis ang mga letra, at hindi na kailangan ng font para iguhit ang mga ito.

I-embed ang mga larawan

Kung may mga larawan ang SVG mo, i-embed ang mga ito sa file at huwag i-link. Hindi mahahanap ng sandbox ang naka-link na larawan.

Piliin ang laki nang isinasaalang-alang ang hinaharap

Isipin kung saan pa maaaring gamitin ang larawan. Ang laking sapat para sa poster ay maayos din para sa web page. Ang laking ginawa para sa maliit na icon ay walang silbi sa ibang lugar.

Mga tanong ng mga tao bago mag-convert

Anong laki ang dapat kong piliin?

Ang pinakamalaking kakailanganin mo. Maaari mong palaging paliitin ang PNG, ngunit hindi mo ito mapapalaki nang hindi lumalabo.

Mananatili ba ang transparency?

Oo. Ang background na nakikita sa likod sa SVG ay nakikita rin sa likod sa PNG.

Bakit iba ang hitsura ng teksto ko?

Dahil ang font ay nilo-load mula sa ibang lugar at hindi naayos sa sandbox. Pumalit ang system font. I-convert ang teksto sa contour sa orihinal para maiwasan ito.

Bakit nawawala ang naka-link na larawan?

Hindi naaayos ang mga larawang kinukuha mula sa labas ng file. I-embed ang mga ito sa SVG.

Ina-upload ba ang file ko?

Hindi. Tumatakbo ang conversion sa browser mo at hindi kailanman lumalabas sa device mo ang file.

Makakabalik ba ako sa vector?

Sa pamamagitan lamang ng pagsubaybay. Ginagawang mga hugis ng PNG sa SVG ang larawan, ngunit hula ito at hindi pagbawi. Itago ang orihinal mong SVG.

Matalinong pagpili kapag kino-convert ang SVG sa PNG

Magpasya sa pupuntahan

Kailangan ng web page ang katamtamang laki. Kailangan ng print ang malaki. Kailangan ng icon ang maliit at simple. Iangkop ang PNG sa lugar.

Ihambing sa ibang opsyon

Para sa favicon, gumagawa ang SVG sa ICO ng file na may ilang laki sa iisa. Para sa dokumentong nananatiling matalas sa anumang zoom, pinananatili ng SVG sa PDF ang guhit bilang guhit.

Itago ang SVG

Ang SVG ang master. Maaari itong gawing anumang laki at anumang format tuwing kailangan mo. Ingatan ito.

Pagkuha ng magandang resulta pagkatapos ng conversion

Suriin ang mga gilid

Mag-zoom sa mga kurba at dayagonal na linya. Dapat makinis ang mga ito. Kung mukhang lagot-lagot, masyadong maliit ang laki para sa gamit, at makakatulong ang mas malaki.

Suriin laban sa may kulay na background

Ilagay ang PNG sa kulay kung saan ito lilitaw. Maaaring magpakita ang mga transparent na gilid ng manipis na palawit kung may malalambot na anino ang orihinal, at mas mabuting matuklasan iyon ngayon.

Gaanin ito kung kinakailangan

Kung mabigat ang file, binabawasan ng pag-compress ng PNG ang bigat nito nang walang kapansin-pansing pagbabago sa hitsura.

Pagpapakinabangan ito kapag kino-convert ang SVG sa PNG

Ihanda ang SVG bago i-convert ang SVG sa PNG

Ilang minutong pag-iingat sa orihinal ang nakakatipid ng maraming abala sa huli. Tiyaking may wastong laki o view box ang guhit, gawing contour ang teksto, i-embed ang anumang larawan at alisin ang mga nakatagong layer na hindi mo gustong ipakita. Ang malinis na SVG ay nagbibigay ng malinis na PNG, at hindi mo na kailangang patakbuhin nang dalawang beses ang conversion.

Gumawa ng ilang laki sa isang upuan

Kung kailangan mo ng logo sa ilang magkakaibang lapad, i-convert ang SVG sa PNG nang isang beses sa bawat isa, at pangalanan ang mga file ayon sa lapad. Ang maliit na bersyon para sa footer, katamtaman para sa pahina at malaki para sa print ang sumasaklaw sa karamihan ng pangangailangan, at ang pagkakaroon ng mga ito na handa ay nagliligtas sa iyo sa pagbabalik para sa bawat kahilingan.

Isipin ang background

Dahil pinananatili ng PNG ang transparency, kukunin ng logo ang kulay sa likod nito. Nawawala ang madilim na logo sa madilim na pahina. Suriin ang PNG sa parehong maliwanag at madilim na background, at kung kailangan ng logo ng bersyon para sa bawat isa, gumawa ng dalawang SVG na magkaiba ang kulay at i-convert ang SVG sa PNG para sa pareho.

Panatilihing makabuluhan ang mga pangalan

Gumamit ng pangalang nagsasabi kung ano ang larawan at gaano ito kalaki, halimbawa logo-1600. Kapag natagpuan mo ang file pagkaraan ng isang taon sa folder na puno ng larawan, malalaman mo agad kung alin iyon.

Privacy at paghawak

Bakit mahalaga ang lokal na conversion para sa mga guhit

Maaaring kumpidensyal ang mga logo, plano at disenyo bago ilathala. Maraming online converter ang nag-a-upload ng file mo sa server, pinoproseso ito at ibinabalik ang resulta, at sa loob ng ilang sandali ay may kopyang nasa makinang hindi mo kontrolado. Dito, ang sarili mong browser ang gumagawa, kaya nananatili sa device mo ang guhit.

Ano ang mangyayari kapag umalis ka

Kapag isinara mo ang pahina, nawawala sa browser ang na-convert na larawan, kaya i-download muna ito. Walang anumang tungkol sa guhit mo ang itinatago.

Kung may mali

Blangko ang lumabas na larawan

Maaaring walang laki o view box ang SVG. Buksan ito sa text editor at tingnan kung may width at height o view box, o ayusin ito sa drawing program mo.

Putol ang larawan

May mga elemento ang ilang SVG na lumalampas sa idineklara nilang lugar. Ayusin ang view box sa orihinal para magkasya ang lahat.

Nagyeyelo ang pahina sa napakalaking laki

Lahat ay tumatakbo sa device mo, at kailangan ng memorya ng napakalaking larawan. Pumili ng mas maliit na laki, o gumamit ng computer.

Mga kaugnay na tool

Sinasaklaw ng parehong pamilya ng mga tool ang mga kalapit na gawain. Para sa JPG, gamitin ang SVG sa JPG. Para sa favicon o icon ng app, ang SVG sa ICO ang sagot, at para sa dokumentong nananatiling matalas sa anumang zoom, ang SVG sa PDF. Para subaybayan ang larawan bilang mga hugis, kabaligtaran ang PNG sa SVG. Kapag nasa iyo na ang PNG, pinagagaan ito para sa web ng PNG sa WebP, at gumagawa ng maliit na file ang PNG sa JPG kapag hindi kailangan ang transparency.

Isang halimbawang gawain

Sabihin nating hawak mo ang logo ng kumpanya mo bilang SVG, at ang social network ay tatanggap lamang ng PNG, hindi bababa sa 800 pixel ang lapad. Ihuhulog mo ang SVG dito, pipili ng lapad na 1600 pixel, para sigurado, at pipindutin ang button. Pagkaraan ng sandali, dina-download mo ang PNG na may parehong proporsyon, matatalas na gilid at transparent na background. In-upload mo ito, at malinis na lumilitaw ang logo sa anumang kulay. Nananatili sa folder mo ang SVG bilang master.

Maikling checklist

Bago mag-convert

Buksan ang SVG sa browser. Magpasya sa pinakamalaking laking kailangan mo. Tiyaking contour ang mga font at naka-embed ang mga larawan.

Habang nagko-convert

Manatili sa pahina hanggang handa na ang file.

Pagkatapos mag-convert

Buksan ang PNG, suriin ang mga gilid at teksto, subukan ito sa tunay na background at itago ang SVG.

Mga karaniwang pagkakamali

Pagpili ng masyadong maliit na laki

Isang laki lang magpakailanman ang PNG. Lalabo ito kapag pinalaki mamaya. Pumili nang malawak.

Pag-asa sa mga naka-link na font at larawan

Hindi naaayos ang mga ito sa sandbox. Gawing contour ang teksto at i-embed ang mga larawan.

Pagtatapon ng SVG

Itago ito. Ito lang ang bersyong maaaring i-scale nang walang hanggan.

Nananatili sa device mo ang guhit mo

Lokal na nangyayari ang conversion. Binabasa ng sarili mong browser ang guhit mo, ipinipinta ito roon at ibinabalik bilang PNG. Walang ina-upload, kaya walang kopyang mapupunta sa server at walang ibang makakakita nito. Para sa mga disenyong hindi pa nailalathala, iyon ang ligtas na paraan para i-convert ang SVG sa PNG.

Buod

Para i-convert ang SVG sa PNG dito, ihulog ang guhit, pumili ng laki at pindutin ang button. Ang SVG ay hindi larawan kundi mga tagubilin sa pagguhit nito, at dito ay sinusunod ang mga tagubiling iyon nang isang beses, sa laking pipiliin mo, at sine-save ang resulta bilang PNG. Iginuguhit ang larawan sa sandbox kung saan walang anumang nasa file ang makakatakbo, at walang ina-upload. Pinananatili ang bawat hugis ayon sa pagkaguhit, kasama ang sariling proporsyon ng likhang sining at ang transparency. Isang laki lang magpakailanman ang PNG, kaya piliin ang pinakamalaking kakailanganin mo, dahil lumalabo ito kapag pinalaki pagkatapos. Hindi naaayos ang mga font at larawang kinukuha ng SVG mula sa ibang lugar, kaya bumabalik sa system font ang tekstong nakaayos sa web font.