Jinsi ya Kubadilisha PNG kuwa SVG: Nembo, Aikoni na Michoro

PNG ni picha ya rasta: gridi isiyobadilika ya pikseli, kila moja ikiwa na rangi na, hiari, kiwango cha uwazi. Nembo ya px 500 × 500 ina mraba 250,000 kamili na hakuna kingine, kwa hiyo kuikuza hadi ukubwa wa bango kunaweza tu kufanya kila mraba kuwa mkubwa au kufifisha nafasi kati yao. SVG ni picha ya vekta, faili ya maandishi inayoorodhesha maumbo kama <path>, <circle> na <rect> pamoja na viwianishi na rangi za kujaza. Kivinjari au mashine ya kukata huchora upya maumbo hayo kwa ukubwa wowote unaohitajika, ndiyo maana nembo ya vekta hubaki angavu kwenye skrini ya simu na kwenye bango la maonyesho.

Kutoka vekta kwenda rasta ni rahisi kwa sababu kionyeshi hupaka maumbo kuwa pikseli; SVG kuwa PNG hufanya hivyo kwa sekunde moja. Kwenda upande mwingine hakuna njia ya mkato isiyopoteza ubora, kwa sababu gridi ya pikseli haina rekodi ya maumbo yaliyoitengeneza. Kitu lazima kitazame pikseli na kukisia kila umbo linaanzia wapi na kuishia wapi. Hatua hiyo ya kukisia huitwa kufuatilia au kuvektaisha, na kila kibadilishaji cha PNG kuwa SVG cha kweli, kuanzia Illustrator hadi programu ya mstari wa amri, ni kifuatiliaji ndani yake.

Baadhi ya vibadilishaji huruka sehemu ngumu. Huandika faili halali ya SVG yenye kipengele kimoja cha <image> chenye PNG asili iliyopachikwa kama maandishi ya base64, jambo linalofanya faili kuwa kubwa kwa takriban theluthi moja kuliko PNG. Matokeo hufunguka kama SVG na hupita ukaguzi wa aina ya faili, lakini bado ni picha ya pikseli ndani ya ganda la vekta: ukiikuza unaona kingo zilezile zenye meno, na mashine ya kukata haipati njia za kufuata. Fungua SVG yoyote kwenye kihariri cha maandishi na utafute data:image/png; ikiwepo, hakuna kilichovektaishwa.

Kufuatilia kunafaa picha zilizochorwa kama maumbo tangu mwanzo. Nembo iliyotolewa kutoka programu ya usanifu, ikoni tambarare, katuni yenye mistari myeusi ya kingo, saini iliyochanganuliwa au stenseli zote zina rangi chache imara zilizotenganishwa na kingo wazi. Kifuatiliaji hupanga kila rangi katika maeneo, hufuata mipaka yake na kuweka mikunjo laini kando yake, kwa hiyo SVG hukaribia maumbo aliyochora mbunifu. Herufi nene za jina la chapa hufuatiliwa vizuri pia, kwa kuwa herufi kubwa ni umbo lingine lililojazwa, na kila herufi huwa mchoro wa nje unaoweza kubadilisha rangi au ukubwa lakini hauwezi tena kuandikwa upya.

Picha za kamera ni kinyume chake. Picha ya mtu au bidhaa ina maelfu ya toni tofauti kidogo zinazochanganyika, na muundo wa vekta hauna njia bora ya kuelezea hilo. Ukiomba rangi 16 unapata mchoro wenye mikanda inayoonekana; ukiomba 64 unapata maelfu ya maumbo madogo kwenye faili kubwa kuliko PNG, ambayo bado haionekani kama picha ya kamera. Gradienti laini, vivuli na miale hugeuka kuwa mrundikano wa mikanda myembamba kwa njia hiyohiyo. Maandishi madogo ni tatizo la tatu: kwa px 10–12, ulainishaji wa kingo huchanganya kila herufi na mandharinyuma, na kifuatiliaji hakiwezi kutofautisha "e" na "o".

Azimio ni muhimu kuliko mpangilio wowote. Kifuatiliaji huweka kila mkunjo kulingana na ngazi za pikseli kando ya ukingo, na kadiri ngazi hizo zinavyokuwa laini, ndivyo mkunjo unavyokuwa sahihi. Ikiwa ulitoa PNG mwenyewe kutoka Figma, Canva, Photoshop au slaidi, itoe tena kwa mara mbili au tatu ya ukubwa wa kuonyeshwa; nembo yenye upana wa px 1500–2000 humpa kifuatiliaji vya kutosha kufanyia kazi. Usikuze PNG ndogo kwa kikuza cha AI kwanza isipokuwa matokeo yaonekane safi kwa ukuzaji wa 100 %, kwa sababu umbile la kingo lililobuniwa hufuatiliwa kwa uaminifu kama kingo halisi.

Kisha, rahisisha mandharinyuma. PNG inasaidia uwazi kamili, na mandharinyuma yenye uwazi ndiyo hali rahisi zaidi: kila pikseli iliyo wazi kabisa huchukuliwa kama nafasi tupu, kwa hiyo SVG haina boksi jeupe nyuma ya mchoro. Ikiwa PNG ina mandharinyuma imara, kata kwa ukaribu na mchoro kwanza; mwongozo wetu wa jinsi ya kukata picha kwa uwiano unaeleza upangiliaji kamili. Mandharinyuma yenye shughuli nyingi, kama nembo iliyopigwa picha kwenye fulana, inapaswa kuondolewa au kupakwa rangi moja tambarare kabla ya kufuatilia.

Mwisho, punguza idadi ya rangi kabla kifuatiliaji hakijafanya hivyo kwa niaba yako. Ficha vivuli, miale na tabaka za gradienti kwenye faili asili, na badilisha jaza ya gradienti kwa rangi yake ya kati ikiwa toleo la vekta halihitaji. Hesabu rangi imara zilizobaki, pamoja na rangi ya mstari wa nje, na uandike nambari; ndiyo nambari yenye manufaa zaidi utakayoingiza katika hatua inayofuata. Ukichagua kati ya JPEG na PNG ya nembo hiyohiyo, chukua PNG, kwa kuwa ubanaji wa JPEG huongeza kelele kuzunguka kila ukingo, kama inavyoelezwa katika JPG vs JPEG vs PNG.

Kila kifuatiliaji huuliza maswali matatu yaleyale, hata lebo zikitofautiana. La kwanza ni rangi ngapi za kuweka. Katika kibadilishaji cha PNG kuwa SVG, Hali ya rangi huchagua kati ya Rangi, Kijivu na Nyeusi na nyeupe, na Idadi ya rangi huweka pikseli zipangwe katika makundi mangapi, kutoka 2 hadi 64. Ilinganishe na idadi uliyoandika. Ukiiweka juu mno, kifuatiliaji hugawa pikseli za kingo zilizolainishwa kuwa rangi zao nyembamba, jambo linalojitokeza kama mwanga hafifu kuzunguka kila umbo; ukiiweka chini mno, rangi mbili za chapa huunganishwa kuwa moja.

Swali la pili ni jinsi ya kushughulikia kingo. Ulainishaji hurekebisha ngazi zinazobaki kutoka kwenye pikseli, na Undani huamua chembe ndogo kiasi gani bado ziwe umbo. Ukurasa wa PNG huanza na Undani 70 na Ulainishaji 40, vinavyoweka pembe ndogo kwenye faili safi. Punguza Undani ikiwa vumbi na vidoti vya ziada vinaonekana, ongeza Ulainishaji ikiwa mikunjo inaonekana kutetemeka, na weka Mikunjo kuwa Mistari nyoofu kwa nembo za kijiometri zenye kingo nyoofu au Kingo za pikseli kwa sanaa ya pikseli unayotaka ibaki ya vizuizi.

Swali la tatu linahusu ufuatiliaji wa nyeusi na nyeupe pekee: mstari kati ya wino na karatasi uwekwe wapi. Kizingiti hutoka 1 hadi 254 na 128 ikiwa chaguo-msingi. Pikseli nyeusi kuliko kizingiti huwa nyeusi, nyepesi huwa tupu. Kwa saini iliyoandikwa kwa kalamu nyembamba ya bluu, kiongeze kuelekea 160–180 ili mistari hafifu ibaki; kwa mchoro mzito wa kalamu ya wino kwenye karatasi ya kijivu kidogo, kipunguze kuelekea 100 ili umbile la karatasi lisigeuke vidoti. Badilisha mpangilio mmoja kwa wakati na ulinganishe, kwa sababu athari zinaingiliana.

Usiishie kwenye picha ndogo. Fungua SVG kwenye kivinjari na kuza hadi 400–800 % kwenye mkunjo mgumu zaidi, tumbo la herufi au ncha ya kilele. Ufuatiliaji mzuri unaonyesha safu laini na pembe kali pale muundo una pembe; dhaifu huonyesha mitetemo, mapengo na ncha zilizozungushwa. Kisha tazama faili kwenye kihariri cha vekta kama Inkscape, Illustrator au Figma na uwashe mwonekano wa mchoro wa nje au nodi. Nembo rahisi ya rangi mbili kwa kawaida inahitaji nodi mia chache; ikiwa yako inaonyesha maelfu, kifuatiliaji kimefuata kelele na njia zitakuwa ngumu kuhariri au kukata.

Ukubwa wa faili ni ukaguzi wa haraka. SVG iliyoboreshwa ya nembo tambarare kwa kawaida ni kilobaiti chache hadi makumi ya kilobaiti, mara nyingi ndogo kuliko PNG iliyotoka. Faili iliyofuatiliwa na kuwa kubwa mara kadhaa kuliko PNG asili kwa kawaida inamaanisha rangi nyingi mno, undani mwingi mno, au picha ya kamera ambayo haikupaswa kufuatiliwa. Weka Boresha SVG ikiwa imewashwa, kwa kuwa hupunguza viwianishi na kuunganisha njia bila mabadiliko yanayoonekana, na mwishowe kuza mchoro hadi ukubwa wa bango na kuupunguza hadi ukubwa wa favicon ili kuthibitisha unasomeka vizuri katika yote mawili.

Chaguo la bure la kompyuta ni Inkscape. Ingiza PNG, ichague na ufungue Path > Trace Bitmap (Shift+Alt+B). Hali za skani moja kama Brightness cutoff hutoa njia moja nyeusi, inayofaa michoro ya mistari; hali za skani nyingi hufuatilia idadi fulani ya rangi au vijivu kama tabaka zilizopangwa. Ufuatiliaji wa nyeusi na nyeupe wa Inkscape umejengwa juu ya Potrace, maktaba ya kufuatilia ambayo Peter Selinger aliitoa mwaka 2001. Potrace yenyewe ni programu ya mstari wa amri inayosoma PBM, PGM, PPM au BMP badala ya PNG, hushughulikia picha za toni mbili pekee, na huandika SVG, PDF, EPS au DXF, jambo linalofanya iwe chaguo zuri kwa kuandika hati za makundi makubwa ya skani.

Katika Adobe Illustrator, Image Trace ilichukua nafasi ya Live Trace ya zamani katika Illustrator CS6. Weka PNG, fungua Window > Image Trace na uanze na mpangilio awali kama Black and White Logo, 3 Colors au 16 Colors, kisha rekebisha Paths, Corners na Noise katika sehemu ya kina. Ufuatiliaji hubaki hai hadi ubofye Expand, ambayo huugeuza kuwa njia za kawaida zinazoharirika. Ikiwa huna programu yoyote kati ya hizo mbili, kibadilishaji cha kivinjari hufanya mchakato uleule wa kupunguza rangi, kutafuta kingo na kuweka mikunjo; kibadilishaji cha picha kuwa SVG pia hukubali JPG, WebP na HEIC na kinaweza kuandika EPS, PDF au DXF badala ya SVG.

Kwenye wavuti, SVG imekuwa Pendekezo la W3C tangu 2001 na kila kivinjari cha sasa huionyesha katika lebo ya <img>, kama mandharinyuma ya CSS au ndani ya HTML, ambapo rangi zake zinaweza hata kubadilika kwa kuelekeza kipanya. Nembo iliyofuatiliwa mara nyingi hubadilisha ukubwa kadhaa wa PNG kwa skrini za retina kwa faili moja ndogo. Kwa mashine za kukata, SVG ndiyo muundo unaotarajiwa na Cricut Design Space na Silhouette Studio: kila umbo lililofuatiliwa huwa njia ya kukata, na ufuatiliaji wa rangi nyingi hufika kama tabaka tofauti unazoweza kukata kutoka vinyl za rangi tofauti. Mashine za kukata kwa leza na programu za CNC mara nyingi hupendelea DXF, ambayo PNG kuwa DXF huitoa kutoka mipangilio ileile ya kufuatilia.

Maduka ya uchapishaji huomba michoro ya vekta kwa sababu mashine ya kuchapa, mtayarishaji wa udarizi au mkataji wa mabango anahitaji kingo, si pikseli, na SVG iliyofuatiliwa mara nyingi inatosheleza hilo kwa stika, fulana au bango. Bado ni ukadiriaji: mikunjo ni makisio yaliyowekwa, rangi ni wastani wa pikseli, na maandishi yamegeuzwa michoro ya nje. Kwa hiyo kabla ya kufuatilia nembo ya kampuni, muulize aliyeitengeneza. Mbunifu au wakala karibu kila mara ana AI, EPS, PDF au SVG asili yenye mikunjo kamili, rangi zenye majina na fonti, na kuituma kunawachukua dakika moja. Kufuatilia ni zana sahihi pale asili ilipopotea, nembo inapobaki tu kwenye barua rasmi iliyochanganuliwa, au mchoro ni wako mwenyewe.