CodeKitHubCe este acest instrument?
SVG este un format vectorial — forme descrise matematic, scalabile la infinit, ideale pentru logo-uri și pictograme. Dar multe locuri nu îl acceptă: documentele Word, majoritatea platformelor sociale, clienții de email și nenumărate formulare de încărcare vor imagini pe pixeli. Conversia (rasterizarea) randează vectorul într-un PNG sau JPG la o dimensiune specifică.
Deoarece vectorii nu au o rezoluție fixă, tu alegi lățimea de ieșire — iar cum sursa este matematică, un export de 2048px este exact la fel de clar ca unul de 256px. Ieșirea PNG păstrează fundalul transparent al SVG-ului; JPG îl umple cu alb.
De ce să-l folosești?
- Orice rezoluție dintr-o singură sursă: de la un favicon de 256px la un asset de tipar de 2048px, toate perfect nete.
- Ieșirea PNG păstrează transparența — logo-urile se potrivesc pe orice fundal.
- Rezolvă în câteva secunde respingerile de tip "SVG neacceptat".
- Conversie în masă, procesare locală, fără încărcare pe server.
- Gestionează SVG-uri fără width/height explicite, citindu-le viewBox-ul.
Cum se folosește
- Trage fișierele .svg în casetă sau apasă pentru a le alege.
- Alege o lățime de ieșire — Auto folosește dimensiunea proprie declarată a SVG-ului.
- Alege PNG (păstrează transparența) sau JPG (fundal alb).
- Descarcă fiecare imagine randată; dimensiunile sunt afișate pentru fiecare fișier.
Exemplu
Intrare
logo.svg — vector de 4 KBRezultat
logo.png — 1024×1024, fundal transparent, clar la fiecare pixelO singură sursă vectorială mică produce rastere perfecte la orice dimensiune ceri.
Cazuri de utilizare comune
- Adăugarea unui logo de companie (de obicei livrat ca SVG de un designer) într-un document Word sau PowerPoint care nu suportă încorporarea SVG.
- Generarea de pictograme de aplicație sau favicoane la fiecare dimensiune de pixeli necesară (16, 32, 180, 512px) dintr-un singur SVG master.
- Atașarea unei pictograme la o semnătură de email, deoarece majoritatea clienților de email randează doar imagini raster.
- Încărcarea unei ilustrații pe o platformă de rețea socială sau un CMS care respinge fișierele SVG ca măsură de securitate la încărcare.
De ce există restricțiile de încărcare SVG
Multe platforme blochează în mod specific încărcările SVG dintr-un motiv de securitate, nu dintr-o supraveghere: deoarece SVG este bazat pe XML și poate încorpora tehnic JavaScript, un SVG malițios poate fi un vector pentru injecție de script dacă o platformă îl randează neigienizat. Rasterizarea unui SVG în PNG sau JPG elimină orice altceva în afară de datele de pixeli, ceea ce este unul dintre motivele pentru care această conversie este adesea necesară, nu doar convenabilă — platforma țintă chiar nu poate accepta în siguranță formatul vectorial, indiferent dacă SVG-ul tău anume este inofensiv.
Cum funcționează de fapt independența de rezoluție
Un fișier SVG nu stochează deloc pixeli — stochează definiții de trasee matematice ("trasează o linie de la acest punct la celălalt", "umple această curbă cu această culoare") și un viewBox care definește spațiul de coordonate în care trăiesc acele trasee. Când îl rasterizezi, motorul de randare al browserului recalculează fiecare curbă și umplere la orice dimensiune în pixeli ceri, de la zero, de fiecare dată. Acest lucru este fundamental diferit de redimensionarea unei imagini raster existente (un JPG sau PNG), unde mărirea înseamnă inventarea unor pixeli care nu au existat niciodată și arată inevitabil neclar — un SVG randat la 4000px este exact la fel de clar ca unul randat la 100px, deoarece ambele sunt calculate din nou din exact aceeași matematică, nu întinse dintr-o sursă mai mică.
Întrebări frecvente
Ce rezoluție ar trebui să export?
Potrivește cea mai mare dimensiune la care vei afișa imaginea, plus ceva rezervă: 512px acoperă majoritatea utilizărilor de logo-uri web, 1024px+ pentru ecrane retina și prezentări, 2048px pentru tipar. Spre deosebire de mărirea unei fotografii, exportul mare dintr-un SVG nu costă nimic în claritate.
De ce SVG-ul meu se randează gol sau defect?
De obicei sunt referințe externe: SVG-urile care fac trimitere la imagini, fonturi sau CSS externe nu le pot încărca în interiorul mediului securizat (sandbox) al browserului. SVG-urile cu conținut încorporat (inline) se convertesc fără probleme. Textul se poate deplasa și el, dacă folosește un font pe care sistemul tău nu îl are.
Ieșire PNG sau JPG — pe care să aleg?
Aproape întotdeauna PNG: logo-urile și pictogramele au nevoie de transparență și margini clare, pe care PNG le păstrează, iar JPG le distruge. Alege JPG doar când destinația o cere strict sau când SVG-ul este o ilustrație de tip fotografic.
Pot converti PNG înapoi în SVG aici?
Nu — aceasta este o sarcină fundamental diferită (trasarea pixelilor în forme) care produce cel mult aproximări. Acest instrument merge vector → raster, ceea ce este exact.
Este SVG-ul meu încărcat pentru conversie?
Nu. Browserul randează SVG-ul pe un canvas local și codifică PNG/JPG pe dispozitivul tău. Nimic nu este transmis.
Ar trebui să export SVG-ul meu ca PNG sau JPG?
Dacă grafica are transparență — un logo care trebuie să stea pe orice fundal — alege PNG: JPG nu are canal alfa și va umple zonele transparente cu o culoare solidă. PNG este de asemenea mai bun pentru grafică cu margini clare, precum pictograme și diagrame. Alege JPG doar când SVG-ul conține conținut fotografic sau puternic degradat și dimensiunea fișierului contează mai mult decât marginile.