Kigeuzi cha Bure

PNG hadi Vectorizer ya SVG

Badilisha picha za Raster PNG/JPG ziwe michoro za SVG za Vekta. Salama, haraka, na kuchakatwa kabisa ndani ya kivinjari chako.

Buruta na Udondoshe PNG/JPG hapa

Inaauni hadi 50MB

Au

Kuhusu zana hii

Kubadilisha PNG hadi SVG kimsingi ni operesheni ya kufuatilia, si mabadiliko ya umbizo. PNG huhifadhi saizi; SVG huhifadhi primitives za kijiometri. Kutoka kwa gridi ya pikseli hadi njia za vekta zinazoweza kuenea kunahitaji kufasiri ramani-bit na kuchora maumbo yanayokaribia maeneo yenye rangi sawa. Matokeo yake yanaweza kupanuka - unaweza kubadilisha ukubwa kwa uhuru bila pixelation - lakini sio uigaji kamili wa chanzo. Maudhui ya picha yanafuatiliwa vibaya kwa sababu kila utofauti wa rangi ya kiwango cha pikseli huwa umbo, na huzalisha SVG kubwa ambazo zinakiuka lengo. Nembo, aikoni, sanaa ya mstari, na michoro yenye utofauti wa juu hufuata kwa uwazi kwa sababu zina idadi ndogo ya maeneo ya rangi yenye mipaka iliyobainishwa vyema.

Kigeuzi hiki hutumia maktaba ya imagetracerjs, mlango wa JavaScript wa algoriti za ufuatiliaji wa vekta sawa na potrace. PNG imeamuliwa kuwa ramani-biti ya RGBA, ramani ndogo imegawanywa katika maeneo ya rangi kwa kutumia ubao unaoweza kusanidiwa, mpaka wa kila eneo unafuatiliwa hadi kwenye njia, njia hurahisishwa kwa kutumia ukadiriaji wa Bezier, na njia zinazotokana hutolewa kama vipengele vya njia ya SVG. Bomba zima linaendeshwa kwenye kivinjari chako bila upakiaji wowote wa seva.

Vigezo vya ufuatiliaji hudhibiti biashara kati ya uaminifu na saizi ya faili. Rangi zaidi na maelezo mazuri zaidi hutoa SVG kubwa ambayo inalingana kwa karibu zaidi na chanzo; rangi chache na ufuatiliaji mwembamba zaidi huzalisha SVG ndogo yenye mwonekano wa mitindo zaidi. Chaguo-msingi hupangwa kwa nembo na ikoni; picha changamano zinaweza kufaidika kutokana na ufuatiliaji wa pasi zilizo na mipangilio iliyorekebishwa, au huenda zisiwe wagombeaji wazuri wa uwekaji vekta.

Kwa nini Badilisha PNG kuwa SVG?

Kuweka PNG ni muhimu sana unapohitaji kuongeza picha zaidi ya azimio lake la asili. Nembo hasa mara nyingi hufika kama PNG katika saizi ya kawaida na zinahitaji kuonekana nyororo kwenye mabango, maonyesho ya retina na picha zilizochapishwa kwa umbizo kubwa. Ufuatiliaji wa vekta hutoa SVG ambayo hupima bila upotezaji wa ubora; tradeoff ni uaminifu kwa saizi asili.

SVG pia ina kongamano zaidi kuliko PNG kwa michoro yenye rangi chache na maeneo makubwa bapa. Aikoni ya PNG katika 256×256 inaweza kuwa KB 8; SVG sawa na rangi mbili au tatu mara nyingi huwa chini ya KB 1. Kwa maktaba za aikoni za UI zinazoletwa kwenye sehemu ya mbele ya wavuti, matoleo ya vekta hupunguza ukubwa wa vifurushi na kuboresha ukali kwenye msongamano wote wa onyesho.

Jinsi ya kutumia

Dondosha PNG, chagua mipangilio ya kufuatilia, toa SVG.

  1. Pakia PNG yako: Buruta faili kwenye eneo la kupakia au ubofye ili kuvinjari. Matokeo bora hutoka kwa PNG zilizo na kingo kali na idadi ndogo ya rangi tofauti - nembo, aikoni, sanaa ya mstari, vielelezo rahisi. Picha hufuata vibaya na hutoa SVG kubwa.
  2. Rekebisha chaguzi za ufuatiliaji ikiwa inahitajika: Hesabu ya rangi hudhibiti ni rangi ngapi tofauti zinazoonekana kwenye matokeo. Urahisishaji wa njia (pia huitwa ltres au qtres) hudhibiti jinsi algoriti inavyolainisha pembe kwa ukali. Usahihi wa hali ya juu hutoa SVG karibu na chanzo lakini na data zaidi ya njia.
  3. Fuatilia na uhakiki: Algoriti ya pichatracerjs hupitia ukadiriaji wa rangi, utambuzi wa kingo, ufuatiliaji wa mtaro na kuweka Bezier. Kufuatilia mizani ya muda na saizi ya picha na idadi ya rangi. Nembo ya 256×256 yenye rangi 4 hufuata chini ya sekunde; picha ya 1024×1024 yenye rangi 16 inaweza kuchukua sekunde kadhaa.
  4. Pakua SVG: Hifadhi SVG kwenye kifaa chako. Faili ina alama ya XML yenye vipengele vya njia; unaweza kuifungua katika kihariri chochote cha maandishi ili kukagua au kurekebisha matokeo kwa mkono.

Kesi za Matumizi ya Kawaida

Maelezo ya Kiufundi

imagetracerjs hutekeleza bomba la hatua nyingi: ujanibishaji wa rangi hupunguza ramani-bit hadi idadi isiyobadilika ya rangi kwa kutumia k-njia za nguzo au mkato wa wastani; utambuzi wa makali hutambua mipaka ya pixel kati ya maeneo; ufuatiliaji wa contour hufuata mipaka ili kutoa poligoni zilizofungwa; uwekaji wa mstari-na-curve unakadiria poligoni kwa curve za Bezier ili kupunguza data ya njia.

Vigezo vya algoriti ambavyo ni muhimu zaidi ni idadi ya rangi (kawaida: 4–32), pathomit (njia fupi kuliko pikseli hizi nyingi hutupwa kama kelele), ltres (ustahimilivu wa laini - umbali ambao ukingo unaweza kupotoka kabla ya kugawanywa katika sehemu mpya), na qtres (ustahimilivu wa curve ya quadratic - jinsi vijipinda vilivyo laini). Chaguo-msingi hufanya kazi vizuri kwa nembo; picha changamano hufaidika na urekebishaji wa kila picha.

Pato ni SVG 1.1 ya kawaida yenye vipengele vya njia. Kila eneo la rangi huwa njia moja na sifa ya kujaza. Faili inayotokana hufungua katika kivinjari chochote, kihariri cha vekta, au zana ya kubuni inayofahamu SVG. Ukubwa wa faili inategemea hasa hesabu ya njia na wiani wa nodi; nembo ya kawaida iliyofuatiliwa ni KB 1–10.

Mazoea Bora

Maswali yanayoulizwa mara kwa mara

Matokeo ya SVG yatakuwa faili ya vekta ya kweli?
Chombo hufuata picha mbaya ili kuunda njia za vekta. Matokeo hufanya kazi vyema kwa michoro rahisi, nembo, na sanaa ya mstari. Picha zitatoa njia ngumu na zinaweza zisionekane kama inavyotarajiwa.
Ni nini hufanya SVG kuwa tofauti na fomati zingine za picha?
SVG ni umbizo la vekta - picha zinafafanuliwa kama maumbo ya hisabati badala ya saizi. Hii inamaanisha kuwa faili za SVG hupimwa kwa ukubwa wowote bila kupoteza ubora, na kwa kawaida ni ndogo zaidi kuliko picha mbaya za picha kama nembo na aikoni.
Je, kuna mapungufu yoyote ya kufahamu?
Faili za hadi MB 50 zinaweza kutumika. Faili kubwa sana au changamano zinaweza kuchukua muda mrefu kuchakatwa. Ugeuzaji wote hufanyika kwenye kivinjari chako, kwa hivyo kasi ya kuchakata inategemea kifaa chako.
Je, picha zangu huwekwa faragha wakati wa ubadilishaji?
Ndiyo. Faili zako za PNG huchakatwa kabisa ndani ya kivinjari chako kwa kutumia Canvas API na JavaScript. Hakuna kinachopakiwa kwa seva yoyote - faili huenda moja kwa moja kutoka kwa kifaa chako hadi kwa kibadilishaji na kurudi kwenye kifaa chako.
Je, ufuatiliaji unaweza kuhaririwa katika Illustrator au Inkscape?
Ndiyo. Pato ni SVG ya kawaida na vitu vya njia. Illustrator na Inkscape huifungua asili na kukuruhusu uhariri njia, ubadilishe rangi, na uboresha matokeo.
Je, PNG yangu imepakiwa kwenye seva?
Hapana. Ufuatiliaji hufanyika katika kivinjari chako kwa kutumia imagetracerjs. Faili haiachi kifaa chako.
Kwa nini faili yangu ya SVG ni kubwa?
Kawaida kwa sababu picha ya chanzo ina rangi nyingi au maelezo mengi mazuri. Jaribu kupunguza hesabu ya rangi, kuongeza kurahisisha njia, au kutumia picha chanzo tofauti na jiometri safi.
Je, ninaweza kufuatilia PNG kwa uwazi?
Ndiyo. Pikseli uwazi huwa maeneo bila njia katika SVG. Mandharinyuma yenye uwazi huhifadhiwa SVG inapoonyeshwa kwenye rangi yoyote ya usuli.