Convertor gratuit

PNG către Vectorizator SVG

Conversia imaginilor raster PNG/JPG în grafică Vector SVG scalabilă. Securizat, rapid și procesat în întregime în browserul dvs.

Trageți și plasați PNG/JPG aici

Suportă până la 50 MB

Sau

Despre acest instrument

Convertirea PNG în SVG este în principiu o operațiune de urmărire, nu o schimbare de format. PNG stochează pixeli; SVG stochează primitive geometrice. Trecerea de la o grilă de pixeli la căi vectoriale scalabile necesită interpretarea hărții de bit și desenarea unor forme aproximative în jurul regiunilor de culoare similară. Rezultatul este cu adevărat scalabil - puteți redimensiona liber fără pixelare - dar nu este o reproducere perfectă a sursei. Conținutul fotografic urmărește slab, deoarece fiecare variație de culoare la nivel de pixel devine o formă, producând SVG-uri uriașe care înfrâng scopul. Siglele, pictogramele, desenele grafice și grafica cu contrast ridicat urmăresc curat, deoarece au un număr mic de regiuni de culoare cu limite bine definite.

Acest convertor folosește biblioteca imagetracerjs, un port JavaScript de algoritmi de urmărire vectorială similară cu potrace. PNG-ul este decodat într-un bitmap RGBA, bitmap-ul este segmentat în regiuni de culoare folosind o paletă configurabilă, granița fiecărei regiuni este trasată într-o cale, căile sunt simplificate folosind aproximarea Bezier și căile rezultate sunt emise ca elemente de cale SVG. Întreaga conductă rulează în browserul dvs. fără încărcare de server.

Parametrii de urmărire controlează compromisul dintre fidelitate și dimensiunea fișierului. Mai multe culori și detalii mai fine produc un SVG mai mare, care se potrivește mai mult cu sursa; mai puține culori și trasări mai grosiere produc un SVG mai mic, cu o senzație mai stilizată. Valorile implicite sunt reglate pentru logo-uri și pictograme; imaginile complexe pot beneficia de o trecere de urmărire cu setări ajustate sau pur și simplu pot să nu fie buni candidați pentru vectorizare.

De ce convertiți PNG în SVG

Vectorizarea unui PNG este cea mai utilă atunci când trebuie să scalați imaginea dincolo de rezoluția inițială. Siglele, în special, apar adesea ca PNG-uri la dimensiuni modeste și trebuie să apară clare pe panouri publicitare, ecrane retină și printuri de format mare. O urmă vectorială produce un SVG care se scalează fără pierderi de calitate; compromisul este fidelitatea la pixelii originali.

SVG este, de asemenea, semnificativ mai compact decât PNG pentru grafică cu puține culori și regiuni mari plate. O pictogramă PNG la 256×256 poate avea 8 KB; SVG echivalent cu două sau trei culori este adesea sub 1 KB. Pentru bibliotecile de pictograme UI livrate către un front-end web, versiunile vectoriale reduc dimensiunea pachetului și îmbunătățesc claritatea pe toate densitățile de afișare.

Cum se utilizează

Aruncă un PNG, alege setările de urmărire, generează un SVG.

  1. Încărcați PNG-ul dvs: Trageți fișierul în zona de încărcare sau faceți clic pentru a răsfoi. Cele mai bune rezultate provin de la PNG-uri cu margini ascuțite și un număr mic de culori distincte - logo-uri, pictograme, grafică, ilustrații simple. Fotografiile urmăresc prost și produc SVG-uri uriașe.
  2. Ajustați opțiunile de urmărire dacă este necesar: Numărul de culori controlează câte culori distincte apar în rezultat. Simplificarea traseului (numită și ltres sau qtres) controlează cât de agresiv algoritmul netezește colțurile. O precizie mai mare produce SVG-uri mai aproape de sursă, dar cu mai multe date de cale.
  3. Urmăriți și previzualizați: Algoritmul imagetracerjs rulează prin cuantificarea culorii, detectarea marginilor, trasarea conturului și potrivirea Bezier. Urmărirea scalelor de timp cu dimensiunea imaginii și numărul de culori. Un logo de 256×256 cu urme de 4 culori în mai puțin de o secundă; o imagine de 1024×1024 cu 16 culori poate dura câteva secunde.
  4. Descărcați SVG: Salvați SVG-ul pe dispozitiv. Fișierul conține marcaj XML cu elemente de cale; îl puteți deschide în orice editor de text pentru a inspecta sau a regla manual rezultatul.

Cazuri comune de utilizare

Detalii tehnice

imagetracerjs implementează o conductă în mai multe etape: cuantificarea culorilor reduce bitmap-ul la un număr fix de culori folosind gruparea k-means sau tăierea mediană; detectarea marginilor identifică limitele pixelilor dintre regiuni; trasarea contururilor urmează limite pentru a produce poligoane închise; potrivirea linie și curbă aproximează poligoane cu curbele Bezier pentru a reduce datele de traseu.

Parametrii algoritmului care contează cel mai mult sunt numărul de culori (tipice: 4-32), patomitul (căile mai scurte decât atât de mulți pixeli sunt aruncate ca zgomot), ltres (toleranța de linie - cât de departe poate devia o margine înainte de a fi împărțită într-un nou segment) și qtres (toleranța curbei pătratice - cât de agresiv sunt netezite curbele). Valorile implicite funcționează bine pentru logo-uri; imaginile complexe beneficiază de reglarea per imagine.

Ieșirea este standard SVG 1.1 cu elemente de cale. Fiecare regiune de culoare devine o cale cu un atribut de umplere. Fișierul rezultat se deschide în orice browser, editor de vectori sau instrument de proiectare SVG. Dimensiunea fișierului depinde în primul rând de numărul de căi și densitatea nodurilor; un logo trasat tipic este de 1–10 KB.

Cele mai bune practici

Întrebări frecvente

Ieșirea SVG va fi un fișier vector adevărat?
Instrumentul urmărește imaginea raster pentru a crea trasee vectoriale. Rezultatele funcționează cel mai bine cu grafică, logo-uri și desene simple. Fotografiile vor produce trasee complexe și este posibil să nu arate așa cum era de așteptat.
Ce face SVG diferit de alte formate de imagine?
SVG este un format vectorial - imaginile sunt descrise mai degrabă ca forme matematice decât ca pixeli. Aceasta înseamnă că fișierele SVG se scalează la orice dimensiune, fără a pierde calitatea și, de obicei, sunt mult mai mici decât imaginile raster pentru elemente grafice precum logo-uri și pictograme.
Există limitări de care trebuie să fii conștient?
Sunt acceptate fișiere de până la 50 MB. Procesarea fișierelor foarte mari sau complexe poate dura mai mult. Toate conversiile au loc în browserul dvs., astfel încât viteza de procesare depinde de dispozitivul dvs.
Imaginile mele sunt păstrate private în timpul conversiei?
Da. Fișierele dvs. PNG sunt procesate în întregime în browser folosind API-ul Canvas și JavaScript. Nimic nu este încărcat pe niciun server - fișierul merge direct de pe dispozitiv la convertor și înapoi pe dispozitiv.
Urma poate fi editată în Illustrator sau Inkscape?
Da. Ieșirea este SVG standard cu elemente de cale. Atât Illustrator, cât și Inkscape îl deschid în mod nativ și vă permit să editați căile, să schimbați culorile și să rafinați rezultatul.
PNG-ul meu este încărcat pe un server?
Nu. Urmărirea are loc în browserul dvs. folosind imagetracerjs. Fișierul nu părăsește dispozitivul dvs.
De ce fișierul meu SVG este mare?
De obicei, deoarece imaginea sursă are prea multe culori sau prea multe detalii fine. Încercați să reduceți numărul de culori, să măriți simplificarea traseului sau să utilizați o altă imagine sursă cu o geometrie mai curată.
Pot urmări un PNG cu transparență?
Da. Pixelii transparenți devin zone fără căi în SVG. Fundalul transparent este păstrat atunci când SVG este redat pe orice culoare de fundal.