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

Bakit kino-convert ng mga tao ang PNG sa SVG

Ang PNG ay grid ng may kulay na tuldok. Ang SVG ay drawing na inilalarawan sa mga hugis. Ang pagkakaiba ang nagpapasya kung ano ang magagawa mo sa mga ito: may takdang laki ang PNG at lumalabo kapag pinalaki, habang ang SVG ay maaaring i-scale hanggang sa gilid ng gusali at nananatiling matalas. Madalas na PNG lang ang makikitang anyo ng mga logo, icon at line illustration, dahil iyon ang paraan ng pagkaka-save o pagkapadala sa mga ito, at saka lumilitaw ang pangangailangang gamitin ang mga ito sa mas malaking laki, palitan ang kulay, gupitin sa plotter o vinyl cutter, o ilagay sa site na humihingi ng SVG. Kaya kino-convert ng mga tao ang PNG sa SVG: may larawan sila, at drawing ang gusto nila.

Mahalagang maging tapat tungkol sa kaya at hindi kayang gawin ng ganitong conversion. Ang pagbabalik ng mga pixel sa mga hugis ay hindi pagbawi sa orihinal na drawing, na wala na. Isa itong hula, na ginagawa sa pagtingin kung saan nagtatapos ang mga bahaging patag ang kulay. Para sa logo, icon o line art, madalas na malapit sa tama ang hula. Para sa litrato, halos walang silbi. Nag-aalok ang pahinang ito ng dalawang pagpipilian, at sinasabi sa iyo kung ano ang kapalit ng bawat isa bago ka gumugol ng oras: maaari mong hayaang maging mga hugis ang larawan sa pamamagitan ng pag-trace, o panatilihin ang larawan nang eksakto kung paano ito dumating, nakabalot sa SVG.

Kino-convert ng pahinang ito ang PNG sa SVG sa loob ng browser mo. Hindi ina-upload sa server ang larawan mo, na mahalaga para sa mga logo at disenyong hindi pa pampubliko. Sa ibaba makikita mo kung paano gumagana ang pag-trace, kung paano pipiliin ang bilang ng kulay, ano ang pinananatili at kailan ang mas mabuting sagot ay huwag nang mag-trace.

Paano gumagana ang conversion

Dalawang pagpipilian para sa mangyayari sa larawan

Ikaw ang pipili kung ano ang mangyayari sa larawan: magiging mga hugis ito, o mananatiling eksakto kung paano ito dumating. Ang una ay pag-trace. Sinusuri ang larawan, hinahanap ang mga bahaging iisa ang kulay, at isinusulat ang mga hangganan ng mga ito bilang mga hugis, na pinupunan ng mga kulay na hiniling mo. Ang ikalawa ay pagbabalot: inilalagay ang larawan sa loob ng SVG file nang walang pagbabago, kaya ang file ay SVG sa labas at ang parehong mga pixel sa loob.

Ang pag-trace ay hula, hindi pagbawi

Hinahanap ng pag-trace kung saan nagtatapos ang mga patag na bahagi ng kulay at isinusulat ang mga hangganang iyon bilang mga hugis. Malapit ito sa tama para sa logo, icon o line art, at halos walang silbi para sa litrato, kung saan gumagawa ito ng poster ng mga patse. Nagiging matitigas na hakbang sa pagitan ng mga kulay na hiniling mo ang malalambot na gilid at gradient. Kapag mas maraming kulay ang pinayagan mo, mas malapit sa orihinal ang resulta, at mas mabigat ang file.

Pagpapanatili ng larawan

Ang pagpapanatili sa larawan ay nagbibigay ng file na SVG sa labas at ang parehong mga pixel sa loob. Kapaki-pakinabang ito kapag may tumatanggap lang ng .svg, at hindi ito paraan para makakuha ng vector art. Lalabo ang larawan kapag pinalaki, eksakto kung paano ang PNG.

Ang pinananatili

Transparency, anuman ang piliin mo

Pinananatili ang transparency, anuman ang piliin mo: nananatiling walang laman ang background na nakikita ang likod sa halip na pumuti. Ang logong walang background ay nananatiling logong walang background, handang umupo sa anumang kulay.

Ang proporsyon at ang laki

Pinananatili ng pag-trace ang proporsyon ng artwork at ang sarili nitong laki sa pixel sa lapad at taas ng SVG, kaya pumapasok ito sa layout sa laking taglay nito. Ang larawang 600 sa 300 pixel ay nagbibigay ng SVG na idineklara bilang 600 sa 300, na maaaring i-scale nang malaya pagkatapos.

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

Pinakamahusay ito sa patag na kulay

Ang mga logo, icon, simpleng ilustrasyon, lagda, selyo, diagram at line art ang tamang materyal. Anumang gawa sa mga bahaging patag ang kulay na may malilinis na hangganan ay mahusay mag-trace. Hindi ang mga litrato, tekstura at malalambot na gradient.

Binabasa sa binawasang laki ang malalaking larawan

Ang mga larawang mas malaki sa 1000 pixel sa mahabang gilid ay binabasa sa laking iyon. Dala pa rin ng SVG ang orihinal na dimensyon, at dahil vector ito, nagsa-scale itong muli pataas. Kaya hindi problema ang napakalaking PNG, ngunit maaaring mawala ang pinakapinong detalye nito sa pagbasa.

Mas kaunting kulay, mas malinis na hugis

Piliin ang bilang ng kulay na akma sa larawan. Ang logong dalawang kulay ay nangangailangan ng dalawa o tatlong kulay. Ang ilustrasyong maraming kulay ay nangangailangan ng higit pa. Ang sobrang daming kulay ay gumagawa ng maingay na hugis; ang sobrang kaunti ay nagsasama ng magkakaibang bahagi.

Paano i-convert ang PNG sa SVG rito

Idagdag ang larawan mo

Ihulog ang PNG sa pahina o piliin ito mula sa device mo. Binabasa ito sa loob ng browser mo at hindi ina-upload.

Piliin ang pag-trace o pagpapanatili, at ang mga kulay

Magpasya kung dapat maging mga hugis ang larawan o manatili kung paano ito dumating. Kung mag-trace ka, itakda ang bilang ng kulay.

I-convert at ihambing

Pindutin ang button at i-download ang SVG. Buksan ito sa browser at mag-zoom in. Nananatiling makinis ang mahusay na trace. Ihambing ito sa PNG nang magkatabi, at kung hindi tama, ayusin ang mga kulay at subukan muli.

Mas malapitang tingin sa PNG at SVG

Raster at vector

Ang PNG ay raster na format: nag-iimbak ito ng takdang grid ng may kulay na tuldok. Ang SVG ay vector na format: nag-iimbak ito ng mga hugis at ng mga tuntunin sa pagguhit ng mga ito. Ang paglipat mula raster patungong vector ay nangangahulugang pagpapasya kung nasaan ang mga hugis, na hindi kailanman itinala ng PNG. Ang kabilang direksyon, SVG sa PNG, ay eksakto. Ang direksyong ito ay tantiya.

Bakit hindi maibabalik ng pag-trace ang orihinal

Nang i-save ang logo bilang PNG, ginawang tuldok ang mga kurba nito, at may impormasyong nawala sa mga gilid. Binabasa ng pag-trace ang mga tuldok at nagmumungkahi ng mga kurbang dumadaan sa mga ito. Madalas na napakahusay ng mungkahi, ngunit hindi ito ang orihinal na kurba. Kung umiiral ang orihinal na SVG, gamitin iyon.

Kailan iiwasan ang pag-trace

Huwag mag-trace ng mga litrato, at huwag umasang muling mabubuo ng trace ang pinong letra ng maliit na logo. Para sa mga iyon, panatilihin ang larawan kung paano ito dumating, o iguhit muli ang artwork sa drawing program gamit ang PNG bilang gabay.

Mga karaniwang sitwasyon nang detalyado

Mga logong PNG lang ang anyo

Nagpadala ang kliyente ng logo bilang PNG, at kailangan mo itong mas malaki o ibang kulay. I-convert ang PNG sa SVG, suriin ang resulta at linisin sa drawing program. Para sa simpleng logo, maaaring napakahusay ng kalalabasan.

Pagputol at pag-ukit

Gumagana ang mga plotter, vinyl cutter at laser engraver mula sa mga balangkas na vector. Ang na-trace na SVG ng silweta o selyo ay nagbibigay sa kanila ng kailangan nila.

Mga icon at simpleng ilustrasyon

Halos perpektong na-trace ang mga patag na icon. Maaari mo silang palitan ng kulay, i-scale at gamitin sa web nang walang pagkawala.

Mga lagda at selyo

Ang lagdang na-scan o kinunan ng litrato laban sa puting background ay maaaring i-trace sa iisang kulay na SVG na malinis mag-scale sa dokumento. Mag-ingat na gumamit lang ng mga lagdang sa iyo.

Praktikal na payo bago i-convert ang PNG sa SVG

Magsimula sa pinakamalaki at pinakamalinis na PNG na mayroon ka

Kapag mas maraming pixel at mas malinis ang mga gilid, mas mahusay ang trace. Ang maliit at malabong larawan ay nagbibigay ng bukul-bukol na resulta.

Alisin muna ang noise

Ang mga batik, naliligaw na tuldok at artifact ng compression ay nagiging mga dagdag na hugis. Kung kaya mo, linisin ang larawan sa editor bago i-convert ang PNG sa SVG.

Gumamit ng mataas na contrast

Mahusay mag-trace ang mga hiwalay na kulay. Ang larawang may dalawang bahaging halos magkapareho ang shade ay maaaring pagsamahin ang mga ito sa isa.

Itago ang PNG

Ang PNG ang pinagmulan. Kung hindi maganda ang trace, kakailanganin mo ito para subukan muli sa ibang setting.

Mga tanong ng mga tao bago mag-convert

Mababawi ko ba ang orihinal kong vector?

Hindi. Hula ang pag-trace at hindi pagbawi. Nagmumungkahi ito ng mga hugis na sumusunod sa mga hangganan ng mga kulay sa larawan.

Bakit parang poster ang litrato ko?

Dahil walang patag na bahaging mahahanap sa litrato. Ginagawa itong mga patse ng kulay ng pag-trace. Panatilihin ang mga litrato kung paano dumating.

Mananatili ba ang transparency?

Oo, anuman ang piliin mo. Nananatiling walang laman ang background na nakikita ang likod.

Ano ang ginagawa ng pagpapanatili sa larawan?

Nagbibigay ito ng file na SVG sa labas at ang parehong mga pixel sa loob. Kapaki-pakinabang ito kapag may tumatanggap lang ng .svg.

Ina-upload ba ang larawan ko?

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

Maaari ba akong bumalik sa PNG?

Oo. Iginuguhit ng SVG sa PNG ang mga hugis sa laking pipiliin mo.

Matalinong pagpili kapag kino-convert ang PNG sa SVG

Mag-trace o magpanatili?

I-trace ang patag na artwork. Panatilihin ang mga litrato at anumang detalyado. Kung hindi ka sigurado, subukang mag-trace at tingnan ang resulta sa tabi ng orihinal.

Iba pang panimulang punto

Kung JPG ang larawan mo, ganoon din ang paggana ng JPG sa SVG, bagaman kailangan ng pansin ang noise ng compression. Para sa icon file, binabasa ng ICO sa SVG ang pinakamalaking laki sa loob nito.

Itago ang pinagmulan mo

Itago ang PNG sa tabi ng SVG. Magkaibang bagay ang mga ito, at may gamit ang bawat isa.

Pagkuha ng magandang resulta pagkatapos ng conversion

Buksan sa drawing program

Tingnan ang mga hugis at kulay. Burahin ang mga naliligaw na batik, pagsamahin ang mga hugis na dapat iisa at pakinisin ang mga kurbang bukul-bukol ang labas.

Suriin sa iba’t ibang laki

Mag-zoom in at out. Nananatili ang hugis ng mahusay na trace sa bawat laki.

Pasimplehin para sa web

Ang na-trace na SVG ay maaaring maglaman ng maraming punto. Ang mga tool na nagpapasimple ng path ay maaaring bawasan nang malaki ang file nang walang nakikitang pagbabago.

Paghahanda ng PNG para maganda ang trace

Patagin ang mga kulay

Kung may mahinang gradient o noise ang larawan mo sa mga bahaging dapat patag, bawasan muna ang bilang ng kulay sa editor. Mas malinis ang trace kapag i-convert mo ang PNG sa SVG.

Mag-crop nang malapit

Alisin ang mga bakanteng margin at anumang hindi bahagi ng artwork. Mas kaunting ita-trace, mas kaunting naliligaw na hugis.

Subukan muna sa maliit na piraso

Kung kumplikado ang larawan, i-trace muna ang na-crop na bahagi. Ipinapakita ng mabilis na tingin kung tama ang mga setting.

Pagkuha ng pinakamahusay na trace kapag kino-convert ang PNG sa SVG

Magsimula sa mga kulay na inaasahan mo

Bilangin ang mga kulay ng artwork bago i-convert ang PNG sa SVG. Ang logong gumagamit ng asul, puti at itim ay humihingi ng tatlo, marahil apat kasama ang transparent na background. Ang paghingi ng bilang na iyon ay nagbibigay ng malilinis na hugis na tugma sa disenyo. Ang paghingi ng dalawampu ay nag-aanyaya sa tool na maghanap ng dalawampung bahagyang magkakaibang asul sa noise ng compression at iguhit ang bawat isa bilang sariling hugis.

Bantayan ang mga gilid

Ang hangganan sa pagitan ng dalawang kulay sa PNG ay karaniwang malambot na linya ng mga shade sa gitna, dahil pinakinis ang larawan nang iguhit ito. Kailangang magpasya ng pag-trace kung saan nakahiga ang gilid sa loob ng malambot na linyang iyon. Pinipili nito ang gitna, na halos laging tama, ngunit ang napakanipis na linya ay maaaring mabasag sa mga piraso o kumapal. Kung isa o dalawang pixel lang ang lapad ng mga linya sa artwork mo, magsimula sa mas malaking bersyon ng larawan.

Isipin ang puti

Ang puti ay maaaring kulay ng artwork o ang walang lamang background. Kung may transparent na background ang PNG mo, nananatili itong walang laman, at walang kailangang gawin. Kung puting papel ang background, walang transparency, isasama ito ng pag-trace bilang puting hugis sa likod ng artwork, na maaari mong burahin sa drawing program para malinis na umupo ang logo sa ibang kulay.

Gamitin ang SVG sa mga laking nararapat dito

Ang malaking bentahe ng resulta ay nagsa-scale ito. Gamitin ito para sa poster, karatula, burdadong patch o favicon, at ikatuwa ang hindi paghingi ng mas malaking file. Kapag kailangan mo ulit ng pixel na larawan, iginuguhit ng SVG sa PNG ang mga hugis sa anumang laking pipiliin mo.

Ihambing sa muling pagguhit

Para sa mahalagang logo, ang pag-trace ay maaaring panimulang punto at hindi ang katapusan. Maaaring ilagay ng designer ang mga na-trace na hugis sa isang layer, iguhit muli ang mga kurba na may malilinis na punto at magtapos sa file na ligaya gamitin. Kung mukha ng kumpanya ang logo, sulit ang oras na iyon. Para sa pang-araw-araw na pangangailangan, sapat na ang mahusay na trace.

Mag-ingat sa mga trademark at gawa ng iba

Ang pag-trace ng logo o drawing ay hindi nagbibigay sa iyo ng karapatan dito. Gamitin ang conversion para sa artwork na pag-aari mo o may pahintulot kang gamitin. Para sa sarili mong mga marka, maginhawang paraan ito para i-update ang mga lumang larawan.

Itago ang mga setting na nagustuhan mo

Kapag nakakita ka ng bilang ng kulay na gumagana para sa partikular na uri ng artwork, isulat ito. Sa susunod na i-convert mo ang PNG sa SVG para sa katulad na logo o icon, magsisimula ka sa setting na alam mong nagbibigay ng malilinis na hugis.

Privacy at paghawak

Bakit mahalaga ang lokal na conversion para sa artwork

Maaaring kumpidensyal ang mga logo 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 panahon, may kopyang nasa makinang hindi mo kontrolado. Dito, ang sarili mong browser ang gumagawa, kaya nananatili sa device mo ang larawan.

Ang mangyayari kapag umalis ka

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

Kung may magkamali

Puno ng batik ang trace

May noise ang larawan. Linisin ito sa editor, o bawasan ang bilang ng kulay.

Masyadong magaspang ang mga hugis

Dagdagan ang bilang ng kulay, o magsimula sa mas malaking PNG.

Nagfi-freeze ang pahina sa malaking larawan

Tumatakbo ang lahat sa device mo, at nangangailangan ng memorya ang malaking larawan. Subukan muli sa computer, o bawasan muna ang larawan.

Mga kaugnay na tool

Sakop ng parehong pamilya ng mga tool ang mga kalapit na trabaho. Para sa JPG, gamitin ang JPG sa SVG, at para sa icon file, ang ICO sa SVG. Para bumalik sa mga pixel, iginuguhit ng SVG sa PNG, SVG sa JPG at SVG sa ICO ang mga hugis sa laking pipiliin mo. Ang vector na pahina para sa print ay nanggagaling sa SVG sa PDF, at ang mas magaan na PNG sa pag-compress ng PNG.

Isang halimbawang nalutas

Sabihin nating nagpadala sa iyo ang isang maliit na negosyo ng logo nito bilang PNG na 500 sa 500 pixel: asul na kalasag na may puting letra. Kailangan mo ito para sa banner na dalawang metro ang lapad. Inihulog mo ang PNG rito, pumili ng pag-trace na may tatlong kulay at pinindot ang button. Pagkalipas ng sandali, nag-download ka ng SVG na pareho ang proporsyon, kung saan malilinis na hugis ang kalasag at ang letra. Binuksan mo ito sa drawing program, binura ang dalawang naliligaw na batik at ini-scale sa banner. Nananatiling matalas ang mga gilid. Nananatili ang PNG sa folder mo.

Maikling checklist

Bago mag-convert

Tiyaking patag na artwork ang larawan. Linisin ang noise at mag-crop nang malapit. Itago ang PNG.

Habang nagko-convert

Piliin ang pag-trace o pagpapanatili, at itakda ang mga kulay. Manatili sa pahina hanggang handa ang file.

Pagkatapos mag-convert

Buksan ang SVG, mag-zoom in, ihambing sa PNG at ayusin sa drawing program.

Mga karaniwang pagkakamali

Pag-trace ng mga litrato

Nagiging poster ng mga patse ang litrato. Panatilihin ito kung paano dumating.

Pag-asa sa orihinal na kurba

Hula ang pag-trace. Kung umiiral ang orihinal na SVG, gamitin iyon.

Paggamit ng sobrang daming kulay

Ang mas maraming kulay ay nagbibigay ng maingay na hugis. Gumamit ng kasing-kaunti ng kailangan ng artwork.

Nananatili sa device mo ang larawan mo

Lokal na nangyayari ang conversion. Binabasa ng sarili mong browser ang larawan mo, itinatrace doon at ibinabalik bilang SVG. Walang ina-upload, kaya walang kopyang napupunta sa server at walang ibang makakakita. Para sa artwork na hindi pa nailalathala, iyon ang ligtas na paraan para i-convert ang PNG sa SVG.

Buod

Para i-convert ang PNG sa SVG rito, ihulog ang larawan, piliin kung ano ang mangyayari rito at pindutin ang button. Ikaw ang pipili: magiging mga hugis ang larawan, o mananatiling eksakto kung paano ito dumating, at nakasulat sa pahinang ito ang kapalit ng bawat pagpipilian, bago ka gumugol ng oras. Pinananatili ang transparency, anuman ang piliin mo, at pinananatili ng pag-trace ang proporsyon ng artwork at ang sarili nitong laki sa pixel sa lapad at taas ng SVG. Hula ang pag-trace, hindi pagbawi: hinahanap nito kung saan nagtatapos ang mga patag na bahagi ng kulay at isinusulat ang mga hangganang iyon bilang mga hugis, na malapit sa tama para sa logo, icon o line art, at halos walang silbi para sa litrato. Ang mga larawang mas malaki sa 1000 pixel sa mahabang gilid ay binabasa sa laking iyon.