Bezplatný prevodník
do PNG Vectorizer SVG
Preveďte rastrové obrázky PNG/JPG na škálovateľnú vektorovú grafiku SVG. Bezpečné, rýchle a spracované výlučne vo vašom prehliadači.
Drag & Drop PNG/JPG sem
Podporuje až 50 MB
Alebo
Preveďte rastrové obrázky PNG/JPG na škálovateľnú vektorovú grafiku SVG. Bezpečné, rýchle a spracované výlučne vo vašom prehliadači.
Podporuje až 50 MB
Konverzia PNG na SVG je v podstate operácia sledovania, nie zmena formátu. PNG ukladá pixely; SVG ukladá geometrické primitíva. Prechod z pixelovej mriežky na škálovateľné vektorové cesty si vyžaduje interpretáciu bitmapy a kreslenie približných tvarov okolo oblastí podobnej farby. Výsledok je skutočne škálovateľný – veľkosť môžete ľubovoľne meniť bez pixelizácie – ale nejde o dokonalú reprodukciu zdroja. Fotografický obsah sa dá zle sledovať, pretože každá farebná variácia na úrovni pixelov sa stáva tvarom a vytvára obrovské SVG, ktoré bránia účelu. Logá, ikony, čiarová grafika a grafika s vysokým kontrastom sledujú čisto, pretože majú malý počet farebných oblastí s dobre definovanými hranicami.
Tento konvertor používa knižnicu imagetracerjs, JavaScriptový port algoritmov sledovania vektorov podobných potrace. PNG je dekódovaný do bitmapy RGBA, bitmapa je segmentovaná do farebných oblastí pomocou konfigurovateľnej palety, hranice každej oblasti sú vysledované do cesty, cesty sú zjednodušené pomocou Bézierovej aproximácie a výsledné cesty sú vysielané ako prvky cesty SVG. Celý kanál beží vo vašom prehliadači bez akéhokoľvek nahrávania na server.
Parametre sledovania riadia kompromis medzi vernosťou a veľkosťou súboru. Viac farieb a jemnejšie detaily vytvárajú väčšie SVG, ktoré sa viac zhoduje so zdrojom; menej farieb a hrubšie trasovanie vytvárajú menšie SVG so štylizovanejším dojmom. Predvolené nastavenia sú vyladené pre logá a ikony; komplexné obrázky môžu mať prospech z prechodu sledovania s upravenými nastaveniami alebo jednoducho nemusia byť dobrými kandidátmi na vektorizáciu.
Vektorizácia PNG je najužitočnejšia, keď potrebujete zmeniť mierku obrázka nad jeho pôvodné rozlíšenie. Najmä logá často prichádzajú ako PNG v skromnej veľkosti a musia vyzerať ostré na billboardoch, sietnicových displejoch a veľkoformátových výtlačkoch. Vektorové sledovanie vytvára SVG, ktoré sa mení bez straty kvality; kompromisom je vernosť pôvodným pixelom.
SVG je tiež výrazne kompaktnejšie ako PNG pre grafiku s malým počtom farieb a veľkými plochými oblasťami. Ikona PNG s rozlíšením 256 × 256 môže mať veľkosť 8 kB; ekvivalentný SVG s dvomi alebo tromi farbami má často menej ako 1 kB. V prípade knižníc ikon používateľského rozhrania dodávaných do webového rozhrania, vektorové verzie zmenšujú veľkosť balíkov a zlepšujú ostrosť pri všetkých hustotách zobrazenia.
Pustite PNG, vyberte nastavenia sledovania, vygenerujte SVG.
imagetracerjs implementuje viacstupňovú pipeline: kvantizácia farieb redukuje bitmapu na pevný počet farieb pomocou k-means zoskupovania alebo mediánového rezu; detekcia hrán identifikuje hranice pixelov medzi oblasťami; sledovanie obrysov sleduje hranice a vytvára uzavreté polygóny; Line-and-curve fit aproximuje polygóny s Bézierovými krivkami, aby sa znížili údaje o dráhe.
Najdôležitejšie parametre algoritmu sú počet farieb (typicky: 4–32), pathomit (cesty kratšie ako tento počet pixelov sú vyradené ako šum), ltres (tolerancia čiar – ako ďaleko sa môže okraj odchýliť pred rozdelením na nový segment) a qtres (tolerancia kvadratických kriviek – ako agresívne sú krivky vyhladené). Predvolené hodnoty fungujú dobre pre logá; komplexné obrázky ťažia z ladenia jednotlivých obrázkov.
Výstup je štandardný SVG 1.1 s prvkami cesty. Každá farebná oblasť sa stane jednou cestou s atribútom výplne. Výsledný súbor sa otvorí v ľubovoľnom prehliadači, vektorovom editore alebo dizajnovom nástroji s podporou SVG. Veľkosť súboru závisí predovšetkým od počtu ciest a hustoty uzlov; typické trasované logo má veľkosť 1–10 kB.