PNG a Vectoritzador SVG
Converteix imatges ràster PNG/JPG en gràfics SVG vectorials escalables. Segur, ràpid i processat completament al vostre navegador.
Arrossegueu i deixeu anar PNG/JPG aquí
Admet fins a 50 MB
Converteix imatges ràster PNG/JPG en gràfics SVG vectorials escalables. Segur, ràpid i processat completament al vostre navegador.
Admet fins a 50 MB
Convertir PNG a SVG és fonamentalment una operació de traça, no un canvi de format. PNG emmagatzema píxels; SVG emmagatzema primitives geomètriques. Passar d'una quadrícula de píxels a camins vectorials escalables requereix interpretar el mapa de bits i dibuixar formes aproximades al voltant de regions de color similar. El resultat és realment escalable: podeu canviar la mida lliurement sense pixelar, però no és una reproducció perfecta de la font. El contingut fotogràfic es fa malament perquè cada variació de color a nivell de píxel es converteix en una forma, produint grans SVG que derroten el propòsit. Els logotips, les icones, les il·lustracions lineals i els gràfics d'alt contrast tracen netament perquè tenen un nombre reduït de regions de color amb límits ben definits.
Aquest convertidor utilitza la biblioteca imagetracerjs, un port JavaScript d'algorismes de traçat vectorials similars a potrace. El PNG es descodifica en un mapa de bits RGBA, el mapa de bits es segmenta en regions de color mitjançant una paleta configurable, el límit de cada regió es traça en un camí, els camins es simplifiquen mitjançant l'aproximació de Bezier i els camins resultants s'emeten com a elements del camí SVG. Tot el pipeline s'executa al vostre navegador sense cap càrrega del servidor.
Els paràmetres de traça controlen el compromís entre la fidelitat i la mida del fitxer. Més colors i més detalls produeixen un SVG més gran que coincideix més amb la font; menys colors i un traçat més gruixut produeixen un SVG més petit amb una sensació més estilitzada. Els valors predeterminats estan ajustats per a logotips i icones; Les imatges complexes poden beneficiar-se d'una passada de traçat amb paràmetres ajustats, o simplement poden no ser bons candidats per a la vectorització.
Vectoritzar un PNG és més útil quan necessiteu escalar la imatge més enllà de la seva resolució original. Els logotips, en particular, sovint arriben com a PNG amb una mida modesta i han d'aparèixer nítids en tanques publicitàries, pantalles de retina i impressions de gran format. Una traça vectorial produeix un SVG que escala sense pèrdua de qualitat; el compromís és la fidelitat als píxels originals.
SVG també és significativament més compacte que PNG per a gràfics amb pocs colors i zones planes grans. Una icona PNG a 256×256 pot tenir 8 KB; l'SVG equivalent amb dos o tres colors sovint és inferior a 1 KB. Per a les biblioteques d'icones d'interfície d'usuari lliurades a una interfície web, les versions vectorials redueixen la mida del paquet i milloren la nitidesa en totes les densitats de visualització.
Deixeu anar un PNG, trieu la configuració de traçat, genereu un SVG.
imagetracerjs implementa un pipeline de diverses etapes: la quantificació del color redueix el mapa de bits a un nombre fix de colors mitjançant l'agrupació de k-means o el tall mitjà; la detecció de vores identifica els límits de píxels entre regions; el traçat de contorns segueix els límits per produir polígons tancats; L'ajustament de línia i corba aproxima els polígons amb corbes de Bezier per reduir les dades del camí.
Els paràmetres de l'algorisme que més importen són el nombre de colors (típic: 4-32), patomit (les camins més curts que tants píxels es descarten com a soroll), ltres (tolerància de línia: fins a quin punt es pot desviar una vora abans de dividir-se en un nou segment) i qtres (tolerància de corba quadrada: amb quina agressivitat es suavitzen les corbes). Els valors predeterminats funcionen bé per als logotips; imatges complexes es beneficien de l'ajust per imatge.
La sortida és SVG 1.1 estàndard amb elements de ruta. Cada regió de color es converteix en un camí amb un atribut de farciment. El fitxer resultant s'obre en qualsevol navegador, editor de vectors o eina de disseny compatible amb SVG. La mida del fitxer depèn principalment del nombre de camins i de la densitat de nodes; un logotip de traçat típic és d'1 a 10 KB.