Vectorizare imagine în SVG

Cum convertești o imagine în SVG

1. Trage o imagine PNG, JPG, WebP sau GIF în zona de plasare sau fă clic pe ea ca s-o alegi. Originalul apare în stânga.
2. Alege o Presetare: - Siglă (culori uni, forme curate) pentru sigle, pictograme, ștampile și ilustrații plate; - Detaliat (mai multe culori și trasee) pentru desene cu umbre sau cu multe culori; - Posterizat (4 culori netezite) pentru un rezultat stilizat, de tip poster, pornind de la o fotografie.
3. Ajustează, dacă e nevoie, Număr de culori (de la 2 la 64) și Ignoră petele mai mici de (px). Presetarea completează valori potrivite pentru ambele.
4. Alege Dimensiune de lucru (latura cea mai lungă). Imaginea este vectorizată la acea dimensiune; SVG-ul în sine păstrează dimensiunile originale.
5. Apasă Vectorizează în SVG. Rezultatul apare în dreapta, cu mărimea fișierului, numărul de trasee și de culori și durata vectorizării.
6. Apasă Descarcă SVG sau Copiază codul SVG pentru a lipi codul în HTML sau în programul tău de design.

Cum funcționează vectorizarea

Acest instrument folosește imagetracerjs, un vectorizator open-source, în trei pași:

1. Cuantizarea culorilor: imaginea este redusă la numărul de culori ales. Fiecare pixel este atribuit celei mai apropiate culori din paletă, iar paleta este rafinată în mai multe treceri.
2. Detectarea marginilor: pentru fiecare culoare se urmăresc contururile tuturor zonelor de acea culoare, inclusiv golurile (precum interiorul unui „O”).
3. Potrivirea traseelor: contururile sunt simplificate în linii drepte și curbe pătratice, care devin elemente <path> în SVG.

Zonele mai mici decât pragul Ignoră petele mai mici de (px) sunt eliminate, ceea ce șterge zgomotul și artefactele JPG. Valoarea 0 păstrează totul; între 8 și 20 este potrivit pentru sigle; valorile mai mari dau un desen mai curat, dar mai simplu. Zonele complet transparente sunt eliminate, deci o siglă pe fundal transparent rămâne transparentă.

Ce dă rezultate bune

Vectorizarea funcționează cel mai bine la sigle și desene simple: puține culori uni, margini clare, fără degradeuri. O schiță scanată, o semnătură alb-negru sau o pictogramă pixel art se vectorizează foarte bine cu 2–8 culori.

Fotografiile sunt altă poveste. O fotografie conține mii de tonuri subtile, deci o versiune vectorială fidelă cere multe culori și zeci de mii de trasee, iar SVG-ul ajunge mult mai greu decât JPG-ul. Folosește Posterizat (4 culori netezite) pentru un efect artistic și nu te aștepta la un rezultat fotografic. Dacă SVG-ul devine foarte mare, instrumentul te avertizează.

Sfaturi pentru o siglă mai curată:

• pornește de la cea mai mare și mai clară versiune a imaginii pe care o ai;
• setează Număr de culori la numărul real de culori din siglă (inclusiv fundalul);
• mărește pragul pentru pete dacă vezi puncte mici în jurul marginilor.

Confidențialitate și siguranța previzualizării

Imaginea este vectorizată în browserul tău și nu este încărcată niciodată pe un server. Previzualizarea SVG apare ca o imagine simplă, dintr-o adresă blob privată, fără a fi inserată vreodată în pagină, așa că nici un fișier neobișnuit nu poate rula cod.