Bezmaksas pārveidotājs

PNG uz SVG vektorizators

Konvertējiet Rastra PNG/JPG attēlus mērogojamā vektora SVG grafikā. Drošs, ātrs un pilnībā apstrādāts jūsu pārlūkprogrammā.

Velciet un nometiet šeit PNG/JPG

Atbalsta līdz 50 MB

Or

Par šo rīku

PNG konvertēšana uz SVG būtībā ir izsekošanas darbība, nevis formāta maiņa. PNG saglabā pikseļus; SVG glabā ģeometriskos primitīvus. Lai pārietu no pikseļu režģa uz mērogojamiem vektoru ceļiem, ir jāinterpretē bitkarte un jāzīmē aptuvenas formas ap līdzīgas krāsas reģioniem. Rezultāts ir patiesi mērogojams — jūs varat brīvi mainīt izmērus bez pikseļiem — taču tas nav ideāls avota atveidojums. Fotoattēlu saturs tiek izsekots slikti, jo katra pikseļu līmeņa krāsu variācija kļūst par formu, veidojot milzīgus SVG, kas neatbilst mērķim. Logotipi, ikonas, līniju māksla un augsta kontrasta grafika ir skaidri izsekojami, jo tiem ir neliels skaits krāsu apgabalu ar precīzi definētām robežām.

Šis pārveidotājs izmanto imagetracerjs bibliotēku — JavaScript portu vektoru izsekošanas algoritmiem, kas ir līdzīgi potrace. PNG tiek dekodēts RGBA bitkartē, bitkarte tiek segmentēta krāsu reģionos, izmantojot konfigurējamu paleti, katra reģiona robeža tiek izsekota ceļā, ceļi tiek vienkāršoti, izmantojot Bezjē aproksimāciju, un iegūtie ceļi tiek izvadīti kā SVG ceļa elementi. Viss cauruļvads darbojas jūsu pārlūkprogrammā bez servera augšupielādes.

Izsekošanas parametri kontrolē kompromisu starp precizitāti un faila lielumu. Vairāk krāsu un smalkākas detaļas rada lielāku SVG, kas vairāk atbilst avotam; mazāk krāsu un rupjāka izsekošana rada mazāku SVG ar vairāk stilizētu sajūtu. Noklusējumi ir pielāgoti logotipiem un ikonām; sarežģīti attēli var gūt labumu no izsekošanas caurlaides ar pielāgotiem iestatījumiem, vai arī tie var vienkārši nebūt piemēroti vektorizācijai.

Kāpēc konvertēt PNG uz SVG

PNG vektorizēšana ir visnoderīgākā, ja attēlam ir nepieciešams mērogot, pārsniedzot tā sākotnējo izšķirtspēju. Jo īpaši logotipi bieži tiek piegādāti kā PNG formātā pieticīgā izmērā, un tiem ir jābūt skaidriem uz reklāmas stendiem, tīklenes displejiem un lielformāta izdrukām. Vektoru izsekošana rada SVG, kas mērogojas bez kvalitātes zuduma; kompromiss ir uzticība oriģinālajiem pikseļiem.

SVG ir arī ievērojami kompaktāks nekā PNG grafikai ar mazām krāsām un lieliem plakaniem apgabaliem. PNG ikona 256 × 256 var būt 8 KB; ekvivalentais SVG ar divām vai trim krāsām bieži ir mazāks par 1 KB. UI ikonu bibliotēkām, kas tiek piegādātas tīmekļa priekšgalā, vektora versijas samazina komplekta izmēru un uzlabo visu displeja blīvuma asumu.

Kā lietot

Nometiet PNG, izvēlieties izsekošanas iestatījumus, ģenerējiet SVG.

  1. Augšupielādējiet savu PNG: Velciet failu uz augšupielādes apgabalu vai noklikšķiniet, lai pārlūkotu. Vislabākos rezultātus sniedz PNG faili ar asām malām un nelielu skaitu atšķirīgu krāsu — logotipi, ikonas, līniju māksla, vienkāršas ilustrācijas. Fotogrāfijas slikti izseko un rada milzīgus SVG.
  2. Ja nepieciešams, pielāgojiet izsekošanas opcijas: Krāsu skaits kontrolē, cik daudz dažādu krāsu parādās izvadē. Ceļa vienkāršošana (saukta arī par ltres vai qtres) kontrolē, cik agresīvi algoritms izlīdzina stūrus. Augstāka precizitāte rada SVG tuvāk avotam, bet ar vairāk ceļa datu.
  3. Izsekošana un priekšskatījums: Imagetracerjs algoritms darbojas, izmantojot krāsu kvantēšanu, malu noteikšanu, kontūru izsekošanu un Bezier pielāgošanu. Izsekošanas laika skalas ar attēla izmēru un krāsu skaitu. 256 × 256 logotips ar 4 krāsu pēdām mazāk nekā sekundē; 1024 × 1024 attēls ar 16 krāsām var aizņemt vairākas sekundes.
  4. Lejupielādējiet SVG: Saglabājiet SVG savā ierīcē. Fails satur XML marķējumu ar ceļa elementiem; varat to atvērt jebkurā teksta redaktorā, lai pārbaudītu vai manuāli pielāgotu rezultātu.

Bieži lietojami gadījumi

Tehniskās detaļas

imagetracerjs ievieš daudzpakāpju konveijeru: krāsu kvantēšana samazina bitkarti līdz noteiktam krāsu skaitam, izmantojot k-vidējo klasterizāciju vai vidējo griezumu; malu noteikšana identificē pikseļu robežas starp reģioniem; kontūru izsekošana seko robežām, lai izveidotu slēgtus daudzstūrus; līniju un līkņu pielāgošana tuvina daudzstūrus ar Bezjē līknēm, lai samazinātu ceļa datus.

Algoritma parametri, kas ir vissvarīgākie, ir krāsu skaits (parasti: 4–32), patomīts (ceļi, kas ir īsāki par šo daudziem pikseļiem, tiek izmesti kā troksnis), ltres (līnijas pielaide — cik tālu mala var novirzīties pirms sadalīšanas jaunā segmentā) un qtres (kvadrātlīknes pielaide — cik līknes ir gludas). Noklusējuma iestatījumi labi darbojas logotipiem; sarežģītiem attēliem tiek nodrošināta noregulēšana katram attēlam.

Izvade ir standarta SVG 1.1 ar ceļa elementiem. Katrs krāsu apgabals kļūst par vienu ceļu ar aizpildījuma atribūtu. Iegūtais fails tiek atvērts jebkurā pārlūkprogrammā, vektoru redaktorā vai projektēšanas rīkā, kas atbilst SVG. Faila lielums galvenokārt ir atkarīgs no ceļu skaita un mezglu blīvuma; tipisks izsekots logotips ir 1–10 KB.

Labākā prakse

Bieži uzdotie jautājumi

Vai SVG izvade būs īsts vektorfails?
Rīks izseko rastra attēlu, lai izveidotu vektora ceļus. Rezultāti vislabāk darbojas ar vienkāršu grafiku, logotipiem un līniju mākslu. Fotogrāfijas radīs sarežģītus ceļus un var neizskatīties tā, kā gaidīts.
Ar ko SVG atšķiras no citiem attēlu formātiem?
SVG ir vektora formāts — attēli tiek aprakstīti kā matemātiskas formas, nevis pikseļi. Tas nozīmē, ka SVG faili tiek mērogoti jebkurā izmērā, nezaudējot kvalitāti, un parasti tie ir daudz mazāki nekā rastra attēli, kas paredzēti grafikai, piemēram, logotipiem un ikonām.
Vai ir kādi ierobežojumi, kas jāzina?
Tiek atbalstīti faili līdz 50 MB. Ļoti lielu vai sarežģītu failu apstrāde var aizņemt ilgāku laiku. Visas konversijas notiek jūsu pārlūkprogrammā, tāpēc apstrādes ātrums ir atkarīgs no jūsu ierīces.
Vai mani attēli konvertēšanas laikā tiek saglabāti privāti?
Jā. Jūsu PNG faili tiek pilnībā apstrādāti jūsu pārlūkprogrammā, izmantojot Canvas API un JavaScript. Nekas netiek augšupielādēts nevienā serverī — fails tiek tieši no jūsu ierīces uz pārveidotāju un atpakaļ uz jūsu ierīci.
Vai izsekošanu var rediģēt programmā Illustrator vai Inkscape?
Jā. Izvade ir standarta SVG ar ceļa elementiem. Gan Illustrator, gan Inkscape to atver sākotnēji un ļauj rediģēt ceļus, mainīt krāsas un uzlabot rezultātu.
Vai mans PNG ir augšupielādēts serverī?
Nē. Izsekošana notiek jūsu pārlūkprogrammā, izmantojot imagetracerjs. Fails neatstāj jūsu ierīci.
Kāpēc mans SVG fails ir milzīgs?
Parasti tāpēc, ka avota attēlā ir pārāk daudz krāsu vai pārāk daudz smalku detaļu. Mēģiniet samazināt krāsu skaitu, palielināt ceļa vienkāršošanu vai izmantot citu avota attēlu ar tīrāku ģeometriju.
Vai es varu izsekot PNG ar caurspīdīgumu?
Jā. Caurspīdīgie pikseļi kļūst par apgabaliem bez ceļiem SVG. Caurspīdīgais fons tiek saglabāts, kad SVG tiek renderēts uz jebkura fona krāsas.