Transformă vectori SVG scalabili în imagini PNG gata de utilizat
Un fișier SVG este un set de instrucțiuni, nu o imagine finalizată. Deschide unul într-un editor de text și vei găsi XML care descrie căi, forme, umpluturi și curbe — o rețetă pe care un browser o urmează pentru a desena grafica din nou, la orice dimensiune ceri. Un PNG este opusul: o grilă de pixeli colorați înghețați la o lățime și înălțime fixă. Convertirea unuia în celălalt se numește rasterizare, iar acest instrument o face în întregime în browserul tău. Alegi o dimensiune de ieșire, SVG-ul este desenat pe un canvas HTML, iar un PNG rezultă — niciun fișier nu părăsește vreodată dispozitivul tău.
Vector versus raster, pe înțelesul tuturor
Diferența fundamentală este modul în care se gestionează rezoluția. Pentru că SVG stochează matematică, nu pixeli, este independent de rezoluție: scalezi un logo de la o iconiță de favicon la un panou publicitar și fiecare margine este recalculată pentru a rămâne matematic clară. Un PNG nu are această libertate. Pixelii săi sunt fixați, așa că mărirea lui peste dimensiunea sa nativă forțează afișajul să întindă punctele existente, și începi să vezi neclaritatea și treptele care dau de gol imaginile raster.
Acest compromis funcționează în ambele sensuri. Vectorii sunt de neîntrecut pentru logouri, iconițe și ilustrații plate făcute din forme curate, iar fișierele sunt de obicei minuscule. Formatele raster precum PNG gestionează mai natural gradientele, umbrele fine și detaliile fotografice și — esențial — sunt înțelese de aproape orice. Când rasterizezi, schimbi scalabilitatea infinită a SVG-ului pentru compatibilitatea universală a PNG-ului la o dimensiune aleasă.
De ce să rasterizezi un SVG?
Dacă SVG scalează atât de frumos, de ce să-l convertești? Compatibilitatea este răspunsul obișnuit. Multe locuri pur și simplu nu acceptă SVG: mulți clienți de email elimină sau refuză să-l afișeze, editoarele de documente și software-ul de prezentare vor adesea o imagine plată, platformele de vânzări și rețelele de publicitate cer PNG sau JPG, iar majoritatea platformelor sociale ignoră complet încărcările vectoriale. Unele sisteme de conținut blochează SVG-ul complet și din motive de securitate, deoarece formatul poate încorpora scripturi.
Al doilea motiv este că uneori chiar vrei un asset de dimensiune fixă. Iconițele de aplicație, miniaturile, imaginile de previzualizare Open Graph și materialele tipărite așteaptă toate dimensiuni exacte în pixeli. Un PNG fixează grafica la acea țintă astfel încât se redă identic peste tot, fără surprize dintr-un vizualizator care interpretează vectorul diferit. Convertirea SVG-ului tău sursă la dimensiunile exacte cerute de o platformă este adesea calea cea mai curată către un rezultat consecvent.
Alegerea rezoluției corecte de export
Pentru că un PNG nu se poate mări cu grație, dimensiunea la care exporți contează mai mult decât la orice vector. Exporți prea mic și imaginea arată moale pe ecranele moderne; exporți inutil de mare și irosești lățime de bandă. O regulă simplă: decide cea mai mare dimensiune la care imaginea va fi afișată vreodată, apoi randează cel puțin atât, și ideal mai mult pentru afișaje de mare densitate.
Ecranele standard sunt bine la 1x — dimensiunea nominală a graficii. Afișajele High-DPI și Retina comprimă de aproximativ două ori mai mulți pixeli în același spațiu, așa că un export 2x păstrează iconițele și graficele clare, nu neclare. Pentru tipar, postere sau afișaje foarte mari, 3x sau 4x îți oferă marjă. Deoarece sursa este un vector, exportul la o dimensiune mai mare nu te costă nimic în calitate — curbele sunt pur și simplu recalculate la numărul mai mare de pixeli înainte de a fi aplatizate. Când ai dubii, randează o dimensiune generoasă; poți întotdeauna micșora un PNG mare, dar nu poți niciodată recupera detalii mărind unul mic.
Transparența vine odată cu conversia
PNG suportă un canal alfa complet, ceea ce înseamnă că transparența supraviețuiește conversiei. Dacă SVG-ul tău nu are nicio umplutură de fundal, PNG-ul rezultat păstrează acele zone transparente, așa că un logo sau o iconiță se așază curat pe orice culoare, fără o cutie albă urâtă în jur. Dacă ai nevoie în schimb de un fundal solid, dă-i SVG-ului unul înainte de conversie. Oricum ar fi, ce vezi în vector este ce va păstra PNG-ul, motiv exact pentru care PNG — nu JPG — este ținta naturală pentru iconițe, insigne și suprapuneri.
Totul rămâne pe dispozitivul tău
Acest convertor rulează ca și cod local în browserul tău, folosind API-ul canvas. SVG-ul tău este citit, desenat și exportat fără a fi trimis vreodată către un server, deci nu există încărcare, coadă sau o copie a graficii tale stocată la altcineva. Este mai rapid pentru tine și mai sigur pentru orice n-ai vrea să predai unei terțe părți, de la branding nelansat până la diagrame interne. Când ai terminat aici, explorează restul instrumentelor noastre pentru imagini — dacă construiești un asset pentru Windows sau un favicon, convertorul PNG în ICO este pasul natural următor.
Întrebări frecvente
PNG-ul va arăta la fel de clar ca SVG-ul?
La dimensiunea la care exporți, da. Deoarece vectorul este randat din nou la rezoluția aleasă de tine, marginile rămân clare. Diferența este că PNG-ul nu poate fi mărit ulterior fără să se estompeze, în timp ce SVG-ul original a putut întotdeauna.
Conversia păstrează transparența?
Da. PNG are un canal alfa, așa că orice zonă transparentă din SVG-ul tău rămâne transparentă în PNG. Adaugă un fundal la SVG mai întâi dacă vrei în schimb o umplutură solidă.
Ce rezoluție ar trebui să aleg?
Egalează sau depășește cea mai mare dimensiune la care va fi afișată imaginea. Folosește 1x pentru ecrane standard, 2x pentru Retina și afișaje high-DPI, și 3x sau 4x pentru tipar sau grafică supradimensionată. Randarea la o dimensiune mai mare nu costă nimic în calitate deoarece sursa este un vector.
De ce să nu folosesc pur și simplu SVG peste tot?
Mulți clienți de email, editoare de documente, platforme de vânzări și rețele sociale nu acceptă sau nu redau fiabil SVG. Un PNG funcționează aproape peste tot și fixează grafica la o dimensiune previzibilă și fixă.
Fișierele mele sunt încărcate undeva?
Nu. Totul rulează local în browserul tău. SVG-ul tău nu este niciodată trimis către un server, deci nimic nu este încărcat, stocat sau urmărit.
Pot converti PNG-ul înapoi într-un SVG?
Nu fidel. Rasterizarea elimină matematica originală, așa că întoarcerea înseamnă trasarea pixelilor în noi căi vectoriale, ceea ce rareori corespunde sursei. Păstrează SVG-ul original ca fișier master.