Cum vectorizați o pictogramă
6 min de citire · Publicat 2 aug. 2026 · Actualizat 7 oct. 2026
O pictogramă trăiește la orice dimensiune deodată. Același fișier e un element de 16 pixeli într-un meniu, un buton de 24, o dală de aplicație de 512 și, ocazional, un poster. Asta merge doar când geometria dedesubt e cinstită: puține noduri, căi închise și niciun franj rămas de la anti-aliasing-ul rasterului de la care ați pornit.
Vectorizarea unei pictograme e deci mai puțin despre conversie și mai mult despre ce îi dați și ce tăiați după. Ghidul acesta acoperă amândouă.
Porniți de la cel mai mare raster pe care îl aveți, apoi aplatizați-l
Anti-aliasing-ul e dușmanul aici. Pe o pictogramă de 32 de pixeli, pixelii gri moi de-a lungul fiecărei diagonale sunt o fracțiune mare din imagine, iar un trasator nu are cum să știe că erau menite să fie o margine tare, nu un ton intermediar real. Dați-i o versiune de 512 de pixeli și aceeași margine e o tranziție de un pixel lângă patruzeci și nouă curați — forma e neconfundabilă.
Dacă pictograma e monocromă, faceți-o cu adevărat monocromă înainte de conversie: negru pur pe transparent sau negru pur pe alb, fără umbră difuză și fără strălucire interioară subtilă. Fiecare dintre efectele astea devine forme în ieșire, iar formele în ieșire sunt noduri pe care trebuie să le găsiți și să le ștergeți.
Judecați rezultatul după numărul de noduri, nu după cum arată la 100%
La dimensiunea la care vă uitați, aproape orice trasare arată bine. Testul care contează e numărul de noduri: deschideți calea și numărați punctele. O pictogramă bine desenată are puncte doar unde curba chiar își schimbă direcția — un pătrat rotunjit are opt, un cerc are patru, un chevron are trei sau șase. Dacă o formă simplă a revenit cu șaizeci, trasatorul urmărea zgomot de pixeli, iar forma aceea se va randă încet, se va edita prost și va arăta subtil greșit la scalare.
Pe Lite și mai sus, comanda de detaliu e cea care guvernează direct: detaliul mai jos fuzionează mai agresiv și produce mai puține noduri, mai curate. Coborâți-o până când colțurile abia încep să se înmoaie, apoi dați-vă cu un pas înapoi. Pe Trial nivelul e ales automat, iar felul de a-l influența e calitatea sursei.
Aliniați la grila de pixeli după, nu înainte
Seturile de pictograme au o grilă — de obicei 24×24 cu o margine de siguranță de doi pixeli sau 16×16 pentru interfețe dense. O cale trasată aterizează unde erau pixelii, adică aproape de grila aceea dar nu pe ea, iar la dimensiuni mici de randare „apropierea” e ce face o pictogramă dintr-un rând să pară cu jumătate de pixel mai grea decât vecinele.
Fixați căile finite pe coordonate întregi în editor și puneți viewBox-ul SVG-ului pe grila dvs. E migălos prima dată și mecanic după, și e ce desparte un set de pictograme care arată proiectat de unul care arată convertit.
O grosime, un stil, un fișier
Dacă reconstruiți un set întreg, convertiți-le pe toate într-un singur lot ca să treacă prin setări identice, apoi normalizați grosimea liniei de mână pe tot setul. O familie de pictograme citește ca familie fiindcă liniile ei se potrivesc; un set trasat individual în mai multe ședințe nu se va potrivi, iar nepotrivirea se vede chiar când nicio pictogramă luată singură nu arată greșit.
Conversia în loturi începe pe Pro, care ia 30 de fișiere deodată. Sub ea fișierele se convertesc unul câte unul, ceea ce pentru un set de douăzeci e câteva minute de click-uri, nu un blocaj.
Pas cu pas
- 01
Luați versiunea raster cea mai mare
512 de pixeli sau mai mult dacă există. O sursă de 32 de pixeli e în mare parte anti-aliasing, iar anti-aliasing-ul e ce îl face pe trasator să greșească.
- 02
Aplatizați la o singură culoare
Scoateți umbrele difuze, strălucirile interioare și degradeurile înainte de conversie. Fiecare devine forme în plus în ieșire.
- 03
Convertiți în SVG
Încărcați și descărcați rezultatul. SVG e formatul nativ atât pentru pictogramele web, cât și pentru cele de aplicații.
- 04
Verificați numărul de noduri
Deschideți calea în editor. O formă simplă ar trebui să aibă câteva puncte, nu zeci. Dacă are zeci, sursa avea zgomot.
- 05
Fixați pe grila de pictograme
Aliniați căile la coordonate întregi și puneți viewBox-ul pe dimensiunea grilei, ca pictograma să se randeze croit la 16 și 24 de pixeli.
Probleme frecvente
- Pictograma arată neclar la 16 pixeli deși e vector
- Căile ei nu sunt aliniate la grila de pixeli, deci motorul de randare face anti-aliasing pe fiecare margine. Fixați coordonatele pe numere întregi și potriviți viewBox-ul cu grila.
- O formă simplă a revenit cu zeci de noduri
- Sursa avea anti-aliasing sau zgomot JPEG pe care trasatorul le-a citit ca detaliu. Folosiți o sursă mai mare și mai curată; pe Lite și mai sus, coborâți nivelul de detaliu.
- Colțurile sunt rotunjite când ar trebui să fie ascuțite
- Netezirea e prea sus. Pe Lite și mai sus, coborâți-o cu un pas — colțurile reale rămân ascuțite până la Puternică, și doar Maxima rotunjește tot.
- Pictograma are un contur slab de altă culoare
- Acela e franjurul cu anti-aliasing al originalului, trasat ca formă subțire separată. Ștergeți-l în editor, iar data viitoare aplatizați sursa la o singură culoare cu margini tari.
Întrebări frecvente
- Ce dimensiune trebuie să aibă pictograma-sursă?
- Cât mai mare există — 512 de pixeli sau mai mult e confortabil. Sub vreo 64 de pixeli anti-aliasing-ul e o fracțiune mare din imagine și trasatorul nu poate deosebi o margine moale de una reală — exact ce produce curbe neregulate.
- Pot converti un set întreg de pictograme deodată?
- Conversia în loturi începe pe Pro, care ia 30 de fișiere deodată; Studio ia 50 și Agency 100. Convertirea unui set într-un singur lot contează pentru mai mult decât viteză — fiecare fișier trece prin setări identice, deci pictogramele ies consecvente între ele.
- Supraviețuiește transparența?
- Da, dintr-o sursă care o are. Zonele transparente ale unui PNG sau WebP rămân goale în SVG. Un JPEG nu are deloc transparență, deci o pictogramă din JPEG sosește cu fundalul ei ca formă solidă pe care o puteți șterge.
- Pictogramele să fie SVG sau font?
- SVG. Fonturile de pictograme erau un compromis pentru o eră de browsere care s-a încheiat: nu pot face culori multiple, se strică dacă lipsește fișierul fontului, iar cititoarele de ecran le citesc ca text. Convertiți în SVG și folosiți-l inline sau ca sprite.
Ghiduri asociate
- Cum vectorizați un logo — Reconstruiți un logo pe care îl aveți doar ca JPG mic în curbe curate, gata de tipar, cu culorile exacte de brand.
- Cum vectorizați planuri și desene tehnice — Convertiți desene și scheme scanate în linii editabile, fără a moșteni erorile scannerului.
- Cum vectorizați un flyer sau un poster pentru format mare — Salvați un design plat pentru A1 și mai mare fără marginile moi — și știți ce părți să nu convertiți.