Convertor gratuit

SVG în PNG Convertor

Conversia fișierelor Vector SVG în imagini PNG raster de înaltă calitate. Personalizați cu ușurință scara de ieșire și culoarea de fundal în browser.

Trageți și plasați SVG aici

Suportă până la 50 MB

Sau

Despre acest instrument

SVG (Scalable Vector Graphics) descrie imaginile ca un set de primitive geometrice — căi, forme, text, gradienți — care se scalează la orice dimensiune fără pierderea calității. PNG stochează o singură grilă de pixeli dreptunghiulare la o rezoluție fixă. Conversia SVG în PNG este un pas de rasterizare: instrucțiunile de desen SVG sunt evaluate la o dimensiune de pixel aleasă, iar harta de biți rezultată este codificată ca PNG. Ieșirea arată clar la dimensiunea pe care ați specificat-o, dar se pixelează dacă este mărită.

Acest convertor redă SVG folosind motorul SVG încorporat în browser. SVG este încărcat într-un element Image, desenat pe o pânză HTML5 la dimensiunile de ieșire alese și exportat ca PNG prin canvas.toBlob. Deoarece browserul efectuează rasterizarea, funcțiile SVG complexe - gradienți, filtre, măști, animații ca un cadru static - se redau în același mod în care ar face-o pe o pagină web reală.

Cea mai importantă decizie în conversia SVG în PNG este dimensiunea țintă. SVG este independent de rezoluție, așa că alegerea unei dimensiuni PNG care se potrivește cu utilizarea reală evită supraprovizionarea (fișierele uriașe pentru pictogramele de dimensiunea miniaturii) și subprovisionarea (ieșire neclară când este mărită mai târziu). Ținte comune: 32×32 sau 64×64 pentru pictograme, 256×256 sau 512×512 pentru sigle, 1024×1024 pentru grafica eroică, 2048×2048 pentru materiale de calitate retină.

De ce convertiți SVG în PNG

SVG este minunat pentru web și instrumentele moderne de design, dar groaznic pentru multe alte contexte. Clienții de e-mail redă SVG inconsecvent; unii îl blochează ca risc de securitate. Software-ul de birou mai vechi, anumite CMS-uri, serviciile terților și aproape toate conductele de imprimare foto nu acceptă deloc SVG. Convertirea în PNG produce un raster universal acceptat, care arată identic la dimensiunea aleasă.

PNG se încorporează, de asemenea, în mod fiabil în documente de birou, slide-uri și PDF-uri, fără a depinde de redarea SVG al destinatarului. Pentru logo-urile și elementele grafice care trebuie să apară în mod constant pe multe platforme, PNG este alegerea mai sigură - chiar dacă își pierde independența de rezoluție care face ca SVG să fie atractiv în primul rând.

Cum se utilizează

Alegeți dimensiunea țintă, randați. Browserul face rasterizarea.

  1. Încărcați fișierul SVG: Trageți un SVG în zona de încărcare sau faceți clic pentru a naviga. Fișierele de până la 50 MB sunt acceptate, deși SVG-urile tipice sunt cu mult sub 1 MB. SVG-urile autonome funcționează cel mai bine; SVG-urile care fac referire la imagini externe prin xlink:href la adrese URL de la distanță pot fi incomplete.
  2. Alegeți dimensiunea de ieșire: Implicit sunt dimensiunile casetei de vizualizare native ale SVG, dar puteți modifica orice dimensiune de pixeli. Alegeți o dimensiune care se potrivește utilizării dvs. reale - evitați să produceți PNG-uri 4K pentru pictograme care se vor afișa la 32×32.
  3. Redați: Browserul analizează SVG-ul, îl desenează pe o pânză la dimensiunile solicitate și exportă pânza ca PNG. SVG-urile complexe cu filtre sau număr mare de căi poate dura un moment; pictogramele simple redate instantaneu.
  4. Descărcați PNG: Salvați fișierul. Transparența în SVG (orice în afara formelor desenate) este păstrată ca canal alfa în PNG.

Cazuri comune de utilizare

Detalii tehnice

SVG (Recomandarea W3C) este un format vectorial bazat pe XML cu elemente pentru căi, forme de bază (rect, cerc, elipsă, linie, poligon, polilinie), text, gradienți (linearGradient, radialGradient), filtre, măști și trasee de decupaje. Browserul analizează XML, construiește un DOM, aplică CSS și rasterizează rezultatul în timpul redării paginii.

Acest convertor încarcă SVG într-un HTMLImageElement (care declanșează calea normală de redare SVG ca imagine a browserului), apoi îl desenează într-o pânză prin drawImage. Pânza este exportată ca PNG folosind canvas.toBlob('image/png'). Pixelii exacti din ieșire se potrivesc cu ceea ce SVG-ul ar reda la aceeași dimensiune într-o filă de browser.

Cazuri marginale: SVG care utilizează foreignObject nu este întotdeauna acceptat atunci când este utilizat prin elementul Image. SVG care face referire la resurse externe (xlink:href la un alt domeniu) poate să nu se încarce din cauza CORS. Animațiile SMIL și animațiile bazate pe JavaScript sunt afișate doar ca cadru inițial.

Cele mai bune practici

Întrebări frecvente

SVG-ul meu își va pierde calitatea atunci când este convertit în PNG?
Conversia vector-la-raster înseamnă că imaginea devine bazată pe pixeli și nu mai poate scala la infinit. Alegeți o rezoluție înaltă pentru a vă asigura că PNG-ul arată clar la dimensiunea de afișare dorită.
Pentru ce este folosit formatul PNG?
PNG (Portable Network Graphics) este folosit în principal pentru grafică cu transparență, capturi de ecran, logo-uri, pictograme.
Există limitări de care trebuie să fii conștient?
Sunt acceptate fișiere de până la 50 MB. Procesarea fișierelor foarte mari sau complexe poate dura mai mult. Toate conversiile au loc în browserul dvs., astfel încât viteza de procesare depinde de dispozitivul dvs.
Imaginile mele sunt păstrate private în timpul conversiei?
Da. Fișierele dvs. SVG sunt procesate în întregime în browser folosind API-ul Canvas și JavaScript. Nimic nu este încărcat pe niciun server - fișierul merge direct de pe dispozitiv la convertor și înapoi pe dispozitiv.
Textul este redat ca text sau ca căi?
Textul este rasterizat ca pixeli în PNG de ieșire. Ieșirea nu mai poate fi căutată sau selectabilă. Dacă SVG-ul dvs. utilizează fonturi care nu sunt disponibile în browser, textul poate fi redat într-un font alternativ; convertiți textul în căi în SVG înainte de randare pentru aspect garantat.
Este SVG-ul meu încărcat pe un server?
Nu. Analiza și redarea SVG au loc în browser; Codarea PNG are loc în browserul dvs. Fișierul nu părăsește dispozitivul dvs.
De ce PNG-ul meu convertit este gol?
Cauze comune: SVG-ul face referire la imagini externe care nu s-au încărcat din cauza CORS; SVG utilizează caracteristici care nu sunt acceptate de calea de redare a elementului Image (obiect străin, anumite filtre); SVG-ul are viewBox zero-dimensional. Deschideți SVG-ul direct într-un browser pentru a confirma redarea înainte de conversie.
Pot converti SVG în PNG într-un script?
Da — pentru joburi în lot, o configurare Node.js care utilizează sharp sau păpușar redă SVG în PNG cu o fidelitate similară cu browserul. Acest instrument este pentru conversii unice în browser fără a instala nimic.