Bezmaksas pārveidotājs

SVG uz PNG Pārveidotājs

Pārvērtiet vektoru SVG failus augstas kvalitātes Rastra PNG attēlos. Ērti pielāgojiet izvades mērogu un fona krāsu savā pārlūkprogrammā.

Velciet un nometiet SVG šeit

Atbalsta līdz 50 MB

Or

Par šo rīku

SVG (Scalable Vector Graphics) attēlus apraksta kā ģeometrisku primitīvu kopu — ceļus, formas, tekstu, gradientus —, kas mērogojas jebkurā izmērā, nezaudējot kvalitāti. PNG saglabā vienu taisnstūra pikseļu režģi ar fiksētu izšķirtspēju. SVG konvertēšana uz PNG ir rasterizācijas solis: SVG zīmēšanas instrukcijas tiek novērtētas izvēlētā pikseļa izmērā, un iegūtā bitkarte tiek kodēta kā PNG. Izvade izskatās izteiksmīga jūsu norādītajā izmērā, taču palielinās pikseļi.

Šis pārveidotājs atveido SVG, izmantojot pārlūkprogrammā iebūvēto SVG dzinēju. SVG tiek ielādēts attēla elementā, uzzīmēts uz HTML5 audekla izvēlētajos izvades izmēros un eksportēts kā PNG, izmantojot canvas.toBlob. Tā kā pārlūkprogramma veic rasterizāciju, sarežģīti SVG līdzekļi — gradienti, filtri, maskas, animācijas kā statisks rāmis — tiek renderētas tāpat kā reālā tīmekļa lapā.

Vissvarīgākais lēmums, pārveidojot no SVG uz PNG, ir mērķa lielums. SVG ir neatkarīgs no izšķirtspējas, tāpēc, izvēloties PNG izmēru, kas atbilst faktiskajam lietojumam, tiek novērsta pārmērīga nodrošināšana (milzīgi faili sīktēlu izmēra ikonām) un nepietiekama nodrošināšana (izplūduša izvade, ja to vēlāk palielina). Parastie mērķi: 32 × 32 vai 64 × 64 ikonām, 256 × 256 vai 512 × 512 logotipiem, 1024 × 1024 varoņu grafikai, 2048 × 2048 tīklenes kvalitātes līdzekļiem.

Kāpēc konvertēt SVG uz PNG

SVG ir lieliski piemērots tīmeklim un moderniem dizaina rīkiem, taču šausmīgs daudzos citos kontekstos. E-pasta klienti SVG atveido nekonsekventi; daži to bloķē kā drošības risku. Vecāka biroja programmatūra, noteiktas SPS, trešo pušu pakalpojumi un gandrīz visi fotoattēlu drukāšanas cauruļvadi vispār nepieņem SVG. Pārveidojot uz PNG, tiek izveidots vispārpieņemts rastrs, kas izvēlētajā izmērā izskatās identisks.

PNG arī droši iegulst biroja dokumentos, slaidu komplektos un PDF failos, neatkarīgi no saņēmēja SVG renderētāja. Logotipiem un grafikiem, kuriem daudzās platformās ir jāparādās konsekventi, PNG ir drošāka izvēle — pat ja tas zaudē izšķirtspējas neatkarību, kas vispirms padara SVG pievilcīgu.

Kā lietot

Izvēlieties mērķa izmēru, renderējiet. Pārlūkprogramma veic rastrizāciju.

  1. Augšupielādējiet SVG failu: Velciet SVG failu augšupielādes apgabalā vai noklikšķiniet, lai pārlūkotu. Tiek atbalstīti faili līdz 50 MB, lai gan parastie SVG faili ir krietni mazāki par 1 MB. Vislabāk darbojas autonomie SVG faili; SVG faili, kas atsaucas uz ārējiem attēliem, izmantojot xlink:href uz attāliem URL, var tikt padarīti nepilnīgi.
  2. Izvēlieties izvades izmēru: Noklusējums ir SVG sākotnējā viewBox izmēri, taču jūs varat ignorēt jebkuru pikseļu izmēru. Izvēlieties izmēru, kas atbilst jūsu faktiskajam lietojumam — neveidojiet 4K PNG ikonām, kas tiks rādītas 32 × 32.
  3. Renderēt: Pārlūkprogramma parsē SVG, uzzīmē to uz audekla pieprasītajos izmēros un eksportē audeklu kā PNG. Sarežģīti SVG faili ar filtriem vai lielu ceļu skaitu var aizņemt kādu brīdi; vienkāršas ikonas tiek parādītas uzreiz.
  4. Lejupielādējiet PNG: Saglabājiet failu. Caurspīdīgums SVG formātā (jebkas ārpus zīmētām formām) tiek saglabāts kā alfa kanāls PNG formātā.

Bieži lietojami gadījumi

Tehniskās detaļas

SVG (W3C ieteikums) ir uz XML balstīts vektoru formāts ar elementiem ceļiem, pamatformām (taisns, aplis, elipse, līnija, daudzstūris, polilīnija), teksts, gradienti (lineārs gradients, radiālais gradients), filtri, maskas un klipu ceļi. Pārlūkprogramma parsē XML, izveido DOM, lieto CSS un rasterizē rezultātu lapas renderēšanas laikā.

Šis pārveidotājs ielādē SVG HTMLImageElement (kas aktivizē pārlūkprogrammas parasto SVG kā attēla renderēšanas ceļu), pēc tam velk to uz audekla, izmantojot DrawImage. Audekls tiek eksportēts kā PNG, izmantojot canvas.toBlob('image/png'). Precīzi pikseļi izvadē atbilst tiem, ko SVG atveidotu tādā pašā izmērā pārlūkprogrammas cilnē.

Malu gadījumi: SVG, izmantojot svešobjektu, ne vienmēr tiek atbalstīts, izmantojot attēla elementu. SVG, kas atsaucas uz ārējiem resursiem (xlink:href uz citu domēnu), var neizdoties ielādēt CORS dēļ. SMIL animācijas un JavaScript vadītas animācijas tiek renderētas tikai kā sākotnējais kadrs.

Labākā prakse

Bieži uzdotie jautājumi

Vai, pārvēršot PNG formātā, mans SVG zaudēs kvalitāti?
Pārveidošana no vektora uz rastru nozīmē, ka attēls kļūst par pikseļu bāzes un vairs nevar tikt mērogots bezgalīgi. Izvēlieties augstu izšķirtspēju, lai nodrošinātu, ka jūsu paredzētajā displeja izmērā PNG izskatās ass.
Kam tiek izmantots PNG formāts?
PNG (Portable Network Graphics) galvenokārt tiek izmantota grafikai ar caurspīdīgumu, ekrānuzņēmumiem, logotipiem, ikonām.
Vai ir kādi ierobežojumi, kas jāzina?
Tiek atbalstīti faili līdz 50 MB. Ļoti lielu vai sarežģītu failu apstrāde var aizņemt ilgāku laiku. Visas konversijas notiek jūsu pārlūkprogrammā, tāpēc apstrādes ātrums ir atkarīgs no jūsu ierīces.
Vai mani attēli konvertēšanas laikā tiek saglabāti privāti?
Jā. Jūsu SVG faili tiek pilnībā apstrādāti jūsu pārlūkprogrammā, izmantojot Canvas API un JavaScript. Nekas netiek augšupielādēts nevienā serverī — fails tiek tieši no jūsu ierīces uz pārveidotāju un atpakaļ uz jūsu ierīci.
Vai teksts tiek renderēts kā teksts vai kā ceļi?
Teksts tiek rastrēts kā pikseļi izvades PNG formātā. Izvade vairs nav meklējama vai atlasāma. Ja jūsu SVG tiek izmantoti fonti, kas nav pieejami pārlūkprogrammā, teksts var tikt renderēts rezerves fontā; pirms renderēšanas konvertējiet tekstu par ceļiem SVG, lai nodrošinātu izskatu.
Vai mans SVG ir augšupielādēts serverī?
Nē. SVG parsēšana un renderēšana notiek jūsu pārlūkprogrammā; PNG kodējums notiek jūsu pārlūkprogrammā. Fails neatstāj jūsu ierīci.
Kāpēc mans pārveidotais PNG ir tukšs?
Biežākie iemesli: SVG atsaucas uz ārējiem attēliem, kurus neizdevās ielādēt CORS dēļ; SVG izmanto funkcijas, kuras neatbalsta attēla elementa renderēšanas ceļš (svešais objekts, noteikti filtri); SVG ir nulles dimensijas skatlodziņš. Atveriet SVG tieši pārlūkprogrammā, lai apstiprinātu, ka tas tiek renderēts pirms konvertēšanas.
Vai es varu konvertēt SVG uz PNG skriptā?
Jā — pakešdarbiem Node.js iestatījums, kurā tiek izmantots precīzs vai leļļu veids, atveido SVG uz PNG ar līdzīgu precizitāti kā pārlūkprogrammai. Šis rīks ir paredzēts vienreizējiem reklāmguvumiem pārlūkprogrammā, neko neinstalējot.