Ce este SVG? Un ghid explicativ al formatului vectorial
Ce este SVG? Cum funcționează grafica vectorială SVG, cum diferă de PNG și JPG, avantajele și limitele lor, utilizările obișnuite și cum să deschideți și să editați fișierele.
1. Ce este SVG?
SVG înseamnă Scalable Vector Graphics, un format deschis de grafică vectorială bazat pe XML și standardizat de W3C. În timp ce PNG și JPG înregistrează imaginea ca o grilă de pixeli, SVG folosește formule matematice pentru a descrie formele: o dreaptă, un cerc, o curbă Bézier — fiecare scrisă în fișier ca coordonate și comenzi de traseu.
Exact de aceea un SVG nu se estompează niciodată când este mărit: browserul redesenează pur și simplu formulele la noua dimensiune, în loc să întindă pixelii. Acesta este sensul cuvântului „vector”.
2. SVG față de PNG / JPG
| Apect | SVG | PNG / JPG |
|---|---|---|
| Cum stochează imaginea | Trasee matematice (vectorial) | Grile de pixeli (raster) |
| La mărire | Se scalează la infinit fără distorsiuni | Prezintă trepte și blur |
| Dimensiunea fișierului | Foarte mică pentru grafică simplă (câteva KB) | Crește liniar cu rezoluția |
| Editabilitate | Text pe care îl puteți edita, recolora și anima | Necesită software de editare de imagini |
| Cel mai potrivit pentru | Iconițe, logo-uri, ilustrății, grafice | Fotografii și iluminare complexă |
3. Pentru ce se folosește de obicei SVG
- Iconițe și logo-uri de site: un singur SVG se potrivește fiecărei densități de ecran și rămâne clar pe display-urile Retina;
- Ilustrații și grafice: bibliotecile de vizualizare a datelor precum ECharts și Recharts produc SVG implicit;
- Tipărire și gravare: gravatoarele cu laser, cutierele de vinil și imprimantele UV acceptă pe scară largă traseele SVG;
- Animație: traseele SVG pot fi conduse direct de CSS / SMIL / JavaScript, ceea ce permite efecte de desenare a liniilor și multe altele.
4. Cum deschideți și editați un SVG?
Orice browser modern (Chrome / Edge / Firefox / Safari) deschide direct fișierele SVG, iar software-urile de design precum Illustrator, Figma și Inkscape (gratuit) le pot edita. Dacă vrei doar să recolorezi, să elimini un fundal sau să ștergi o parte din desen, folosește editorul SVG online PolySVG — fără software de instalat.
5. Cum îmi transform PNG-ul / JPG-ul în SVG?
Folosește instrumentul Imagine în SVG PolySVG: încarcă un bitmap, iar modelul propriu realizează automat cuantizarea culorilor, conturizarea și ajustarea curbelor, oferindu-ți un SVG editabil în câteva secunde, cu eliminarea fundalului la un singur clic. Întregul proces este gratuit și nu necesită înregistrare.
Rezumat: SVG este un format care „desenează cu formule”, deci se potrivește natural iconițelor, logo-urilor și oricui trebuie să fie scalat; conținutul fotografic este în continuare mai bine servit de JPG / WEBP.
Întrebări frecvente
Ce software deschide fișierele SVG?
Orice browser modern le poate afișa direct. Pentru editare folosiți Illustrator, Figma sau Inkscape, sau lucrați cu ele în editorul online PolySVG, fără nimic de instalat.
Poate fi convertit un SVG în PNG?
Da. Editorul PolySVG exportă SVG în PNG la orice rezoluție, iar o captură de ecran din browser sau exportul dintr-un instrument de design fac același lucru.