SVGtoPNG
Live

Convertor Profesional de SVG în PNG

Convertește SVG în PNG instantaneu și gratuit. Bucură-te de confidențialitate 100%: fișierele tale sunt procesate local și nu părăsesc niciodată dispozitivul tău. Du-ți designurile la următorul nivel cu cei cinci multiplicatori de conversie personalizați (1x, 2x, 3x, 4x și 8x), concepuți pentru a extinde, optimiza și îmbunătăți claritatea fiecărei imagini conform cerințelor tale exacte.

Trage și plasează fișierul tău SVG aici sau caută

Suportă cod SVG pur vectorial (Scalable Vector Graphics)

Ghid practic de conversie SVG în PNG

O exportare bună începe cu locul în care va fi utilizată imaginea. Acest ghid explică cum să alegeți o scară, să vă pregătiți fișierul SVG și să verificați PNG-ul înainte de a-l utiliza.

1. Începeți cu destinația

Înainte de conversie, verificați dimensiunile în pixeli solicitate de site-ul web, documentul, sistemul de e-mail sau aplicația de design care va primi imaginea. Acest instrument scalează dimensiunile rândate ale SVG-ului cu un multiplicator selectat; nu oferă câmpuri personalizate pentru lățime și înălțime. Dacă o platformă solicită o lățime de 1200 de pixeli, comparați acea țintă cu lățimea afișată a SVG-ului și alegeți un multiplicator care se apropie fără a crea un fișier inutil de mare.

2. Înțelegeți factorii de scală

Opțiunile sunt 1x, 2x, 3x, 4x și 8x. Un multiplicator afectează atât lățimea, cât și înălțimea: o sursă de 200 × 100 randată la 2x devine 400 × 200 pixeli. Numărul de pixeli crește odată cu pătratul multiplicatorului, astfel încât 8x produce de 64 de ori mai mulți pixeli decât 1x. O ieșire mai mare poate utiliza mult mai multă memorie și s-ar putea să nu arate mai bine atunci când grafica originală sau afișajul țintă nu au nevoie de ea.

3. Alegeți un factor pentru ecrane

Pentru grafica de interfață standard, 1x sau 2x este adesea un punct de plecare practic; 2x poate ajuta pe afișajele de înaltă densitate atunci când aspectul țintă micșorează imaginea. Alegeți 3x sau 4x numai atunci când designul are nevoie de dimensiuni suplimentare de pixeli. Utilizați 8x selectiv, deoarece planșele foarte mari pot dura mai mult pentru randare sau pot depăși limitele browserului.

4. Decideți dacă fundalul trebuie să fie transparent

Alegeți Transparent atunci când PNG-ul trebuie să se așeze peste o pagină colorată, o prezentare sau o altă imagine. Alegeți Alb atunci când destinația se așteaptă la un dreptunghi alb sau când un fundal solid face grafica mai ușor de inspectat. PNG acceptă transparența, dar o aplicație de destinație poate afișa pixeli transparenți peste o tablă de șah sau îi poate aplatiza atunci când inserați imaginea.

5. Pregătiți SVG-ul înainte de export

Deschideți sursa într-un editor vectorial și verificați dacă are un viewBox rezonabil și grafică vizibilă în acel viewBox. Convertiți sau încorporați fonturile dacă designul trebuie să arate identic pe dispozitivele fără acele fonturi. Păstrați imaginile conectate și resursele externe disponibile; este posibil ca acest convertor de browser să nu randeze fonturi la distanță, imagini conectate, scripturi sau alte dependențe externe d dintr-un fișier SVG.

6. Convertiți și inspectați previzualizarea

Selectați un fișier SVG, alegeți o scară și un fundal, apoi convertiți-l. Verificați dacă întregul desen este vizibil, dacă textul și liniile subțiri rămân vizibile și dacă previzualizarea are fundalul așteptat. Dacă rezultatul este decupat, verificați viewBox-ul și dimensiunile SVG din fișierul original. Convertorul procesează câte un fișier pe rând și oferă o descărcare PNG pentru acel fișier.

7. Verificați pixelii și dimensiunea fișierului

Utilizați PNG-ul în contextul dorit și inspectați-l la dimensiunea la care va apărea efectiv. O dimensiune mare în pixeli nu îmbunătățește automat o pictogramă mică de pe ecran. Dacă PNG-ul este prea mare, reveniți la SVG și exportați la un factor mai mic. Dacă arată estompat, confirmați că destinația nu mărește o imagine raster mică după conversie.

8. Păstrați sursa editabilă

Salvați SVG-ul original alături de PNG. SVG păstrează căile vectoriale și este de obicei mai bun pentru editări ulterioare, recolorare și redimensionare. PNG este o copie convenabilă de dimensiune fixă pentru destinațiile care au nevoie de imagini raster. Păstrarea ambelor vă permite să creați un alt PNG la o dimensiune diferită fără a scala în mod repetat o imagine deja rasterizată.

Când ar trebui să convertiți SVG în PNG?

Conversia este utilă atunci când o destinație are nevoie de pixeli în loc de vectori. Păstrați SVG-ul atunci când destinația îl acceptă și aveți nevoie de grafică scalabilă și editabilă.

Un serviciu acceptă PNG, dar respinge SVG

Unele formulare de încărcare, sisteme de conținut și instrumente pentru imagini de profil acceptă numai formate raster obișnuite. Un PNG oferă acelor servicii o imagine de dimensiune fixă, păstrând în același timp margini curate atunci când este exportat la dimensiuni adecvate.

Un e-mail sau un document de birou randează SVG în mod necorespunzător

Clienții de e-mail și aplicațiile de birou nu gestionează toate SVG-ul încorporat în același mod. Un PNG poate face ca un sigle sau o diagramă să fie mai previzibile în aceste contexte. Păstrați originalul SVG, astfel încât să puteți actualiza grafica mai târziu.

Aveți nevoie de un instantaneu la o scară specifică de pixeli

Un PNG este util atunci când un transfer necesită o resursă raster cunoscută. Alegeți o scară bazată pe dimensiunea randată a SVG-ului și specificația de recepție, apoi verificați dimensiunile rezultate într-un vizualizator de imagini.

Un flux de lucru necesită o încărcare raster

Unele formulare, editoare mai vechi și conducte de procesare a imaginilor acceptă PNG, dar nu și fișiere vectoriale. Convertiți o copie pentru acel flux de lucru; nu înlocuiți vectorul sursă dacă sunt probabile editări viitoare.

Aveți nevoie de transparență într-o grafică raster

PNG poate păstra pixelii transparenți, ceea ce ajută la plasarea unui logo sau a unei pictograme pe fundaluri diferite. Selectați opțiunea transparentă și confirmați că destinația păstrează transparența alfa.

Pregătiți o resursă de tipărire

Convertiți numai după verificarea dimensiunilor în pixeli sau a rezoluției cerute de imprimantă. Acest instrument oferă multiplicatori de scară în loc de controale DPI, iar un PNG mai mare nu poate restaura detaliile care lipsesc din SVG sau nu poate face o sursă de joasă rezoluție mai precisă.

Fundamente tehnice: Ce se întâmplă în timpul conversiei

Cunoașterea modului în care geometria vectorială devine o imagine în pixeli ajută la explicarea dimensiunii de ieșire, a transparenței, a compatibilității și a diferențelor comune de randare.

SVG descrie forme; PNG stochează pixeli

SVG este un format vectorial bazat pe XML care descrie căi, forme, text și alte instrucțiuni de desenare. PNG stochează o grilă dreptunghiulară de pixeli. Rasterizarea unui SVG înseamnă desenarea acelor instrucțiuni vectoriale într-o grilă de pixeli la o dimensiune aleasă; după export, mărirea PNG-ului poate dezvălui pixeli care nu erau vizibili în sursa vectorială.

Viewbox-ul și viewport-ul definesc zona de desenare

Un viewBox SVG mapează un sistem de coordonate într-un viewport afișat. Dacă viewBox-ul lipsește, este incorect sau este mai mare decât grafica, imaginea poate avea spații albe neașteptate sau decupaje. Inspectați dimensiunile SVG și viewBox-ul în editorul sursă atunci când încadrarea previzualizării este greșită.

Scara înmulțește fiecare dimensiune

Dacă browserul randează o sursă la W pe H pixeli iar factorul selectat este S, ținta planșei este W × S pe H × S. Numărul de pixeli rezultat este W × H × S². Din acest motiv, multiplicatorii mari pot utiliza substanțial mai multă memorie și de aceea 8x ar trebui ales numai atunci când destinația are nevoie de pixelii suplimentari.

Randarea planșei este efectuată de browser

Pagina citește fișierul SVG selectat în browser, creează o imagine din conținutul său, desenează acea imagine pe o planșă HTML și exportă planșa ca PNG. Comportamentul de randare și dimensiunile maxime ale planșei variază în funcție de browsere și dispozitive. Fișierele SVG foarte mari sau complexe pot dura mai mult sau pot eșua la randare.

Transparența este stocată în canalul alfa PNG

Când este selectat Transparent, planșa este ștearsă înainte de desenare. PNG-ul de ieșire poate reține transparența per pixel prin canalul său alfa. Când este selectat Alb, convertorul pictează mai întâi un dreptunghi alb, astfel încât zonele transparente din sursă devin albe în imaginea exportată.

Compresia PNG este fără pierderi, dar ieșirea poate diferi totuși

PNG utilizează compresie fără pierderi pentru pixelii pe care îi primește; aceasta nu înseamnă că randarea de la vector la pixel este identică în fiecare mediu. Netezirea marginilor (antialiasing-ul), gestionarea culorilor, fonturile, filtrele și randarea browserului pot afecta pixelii produși în timpul rasterizării.

Fonturile, filtrele și resursele conectate afectează randarea

Un SVG se poate referi la fonturi sau imagini care nu sunt încorporate în fișier. De asemenea, poate utiliza filtre sau caracteristici pe care browserele le implementează diferit. Pentru o exportare sigură, încorporați sau conturați fonturile importante, includeți imaginile necesare și comparați previzualizarea browserului cu sursa într-un editor vectorial.

Limitele browserului și securitatea SVG contează

Memoria planșei crește odată cu numărul de pixeli de ieșire, astfel încât multiplicatorii mari pot epuiza memoria disponibilă. Convertiți numai fișierele SVG în care aveți încredere. Acest instrument nu încarcă sursa aleasă pe un server de conversie, dar această afirmație nu auditează SVG-ul în sine și nu garantează că fiecare referință externă încorporată este inertă. Evitați fișierele nesigure și eliminați scripturile inutile sau referințele la distanță într-un editor vectorial înainte de conversie.

Întrebări frecvente tehnice · 1–5

Acest convertor modifică fișierul SVG?

Nu. Acesta citește SVG-ul selectat în browser și creează o descărcare PNG separată. Fișierul dvs. original rămâne pe dispozitivul dvs.; păstrați-l ca șablon editabil.

Cum calculez dimensiunile de ieșire?

Înmulțiți lățimea și înălțimea randate de browser cu factorul selectat. De exemplu, 240 × 120 la 2x devine 480 × 240 pixeli. Dacă SVG-ul are o dimensiune neobișnuită sau un viewBox, verificați previzualizarea și inspectați dimensiunile PNG-ului descărcat.

Produce 8x întotdeauna o calitate mai bună?

Nu. Creează mai mulți pixeli, nu mai multe detalii vectoriale. Poate ajuta atunci când este necesar un raster mai mare, dar crește și numărul de pixeli la de 64 de ori 1x și poate consuma mult mai multă memorie. Alegeți cel mai mic factor care satisface dimensiunea reală de destinație.

De ce are PNG-ul margini goale sau grafică decupată?

Viewbox-ul sau viewport-ul SVG poate include spațiu în exces sau poate tăia părți din desen. Deschideți sursa într-un editor vectorial, ajustați pagina sau viewBox-ul pentru a se potrivi cu grafica, salvați o copie și convertiți din nou acea copie.

De ce textul meu arată diferit după conversie?

Este posibil ca browserul să nu aibă fontul utilizat de SVG sau fișierul să facă referire la un font care nu este încorporat. Încorporați fontul sau convertiți textul în căi într-un editor vectorial atunci când vi se permite să modificați sursa, apoi comparați rezultatul.

Întrebări frecvente tehnice · 6–10

De ce lipsește o imagine conectată sau un filtru?

SVG-ul poate depinde de o imagine externă, un font, un filtru sau o caracteristică care nu este disponibilă sau este gestionată diferit de browser. Încorporați imaginile și fonturile necesare acolo unde este posibil, simplificați efectele neacceptate și testați SVG-ul într-un browser înainte de conversie.

Pot face fundalul transparent?

Da. Selectați Transparent înainte de conversie. Instrumentul șterge planșa înainte de desenare. Verificați PNG-ul descărcat într-un editor care afișează transparența; unele vizualizatoare afișează pixeli transparenți pe fundal alb, ceea ce îi poate face să pară opaci.

Pot introduce o lățime, înălțime sau DPI exactă?

Această versiune oferă multiplicatori 1x, 2x, 3x, 4x și 8x. Nu oferă câmpuri independente pentru lățime și înălțime sau o setare DPI. Dacă aveți nevoie de dimensiuni exacte, utilizați cel mai apropiat multiplicator și apoi redimensionați o copie într-un editor grafic.

Pot converti mai multe fișiere SVG deodată?

Interfața actuală selectează și convertește câte un fișier SVG per operațiune. Convertiți fiecare fișier separat și verificați ieșirea acestuia înainte de a trece la următorul; procesarea în lot și descărcările ZIP nu sunt oferite aici.

Ce fișiere sunt acceptate?

Controlul de încărcare este destinat fișierelor SVG. Dacă un fișier este respins sau nu reușește să fie randat, confirmați că este un SVG valid și se deschide într-un browser sau editor vectorial actual. Acest instrument nu este un convertor general de format de imagine.

Întrebări frecvente tehnice · 11–15

Fișierele mele SVG sunt încărcate pe serverul dvs.?

Codul de conversie citește fișierul selectat în browser și nu trimite fișierul sursă la un API de conversie. Acest lucru nu garantează că SVG-ul nu conține linkuri externe; evitați fișierele nesigure și revizuiți-le referințele înainte de a le deschide.

De ce eșuează conversia pentru un fișier foarte mare?

Browserul trebuie să aloce o planșă pentru fiecare pixel de ieșire. O sursă mare combinată cu un multiplicator ridicat poate depăși memoria dispozitivului sau limitele planșei browserului. Încercați un factor mai mic, simplificați SVG-ul sau exportați-l cu o aplicație grafică care acceptă planșe mai mari.

Va arăta PNG-ul clar la tipărire?

Depinde de dimensiunea fizică de tipărire și de rezoluția necesară. Acest instrument scalează dimensiunile în pixeli, dar nu setează DPI-ul de tipărire. Întrebați tipografia despre dimensiunile în pixeli sau rezoluția necesară, apoi verificați dacă PNG-ul generat îndeplinește aceste cerințe.

De ce variază culorile sau marginile între browsere?

Browserele pot diferi în ceea ce privește disponibilitatea fonturilor, netezirea marginilor (antialiasing-ul), gestionarea culorilor și suportul pentru caracteristicile SVG. Utilizați text încorporat sau conturat, caracteristici SVG standard și același browser pentru exporturi repetate atunci când consistența contează.

Ce ar trebui să fac dacă previzualizarea este goală?

Confirmați că fișierul conține grafică vizibilă, are marcaj SVG valid și utilizează un viewBox și dimensiuni care includ desenul. Eliminați dependențele externe neacceptate, testați fișierul într-un browser, apoi reîncercați la 1x înainte de a mări scara.