SVGtoPNG
Live

Profesionalni pretvornik SVG v PNG

Pretvorite SVG v PNG takoj in brezplačno. Uživajte v 100-odstotni zasebnosti: vaše datoteke se obdelujejo lokalno in nikoli ne zapustijo vaše naprave. Ponesite svoje modele na višjo raven s petimi prilagojenimi množitelji pretvorbe (1x, 2x, 3x, 4x in 8x), ki so zasnovani tako, da razširijo, optimizirajo in izboljšajo ostrino vsake slike glede na vaše točne zahteve.

Povlecite in spustite svojo datoteko SVG sem ali brskajte

Podpira čisto vektorsko kodo SVG (Scalable Vector Graphics)

Praktični vodič za pretvorbo SVG v PNG

Dober izvoz se začne tam, kjer se bo slika uporabljala. Ta vodič pojasnjuje, kako izbrati merilo, pripraviti datoteko SVG in preveriti PNG pred uporabo.

1. Začnite s ciljem

Pred pretvorbo preverite dimenzije v slikovnih pikah, ki jih zahteva spletno mesto, dokument, e-poštni sistem ali aplikacija za oblikovanje, ki bo prejela sliko. To orodje prilagodi izrisane dimenzije SVG z izbranim večnikom; ne ponuja polj po meri za širino in višino. Če platforma zahteva širino 1200 slikovnih pik, primerjajte ta cilj s prikazano širino SVG in izberite večnik, ki se ji približa, ne da bi ustvarili po nepotrebnem veliko datoteko.

2. Razumejte dejavnike merila

Možnosti so 1x, 2x, 3x, 4x in 8x. Večnik vpliva tako na širino kot na višino: vir 200 × 100, izrisan pri 2x, postane 400 × 200 slikovnih pik. Število slikovnih pik narašča s kvadratom večnika, zato 8x proizvede 64-krat več slikovnih pik kot 1x. Večji izhod lahko porabi bistveno več pomnilnika in morda ne izgleda bolje, ko izvirna grafika ali ciljni zaslon tega ne potrebujeta.

3. Izberite dejavnik za zaslone

Za standardno grafiko vmesnika je 1x ali 2x pogosto praktično izhodišče; 2x lahko pomaga na zaslonih z visoko gostoto, ko ciljna postavitev pomanjša sliko. Izberite 3x ali 4x samo takrat, ko dizajn potrebuje dodatne dimenzije slikovnih pik. Uporabite 8x selektivno, ker lahko zelo velika platna potrebujejo več časa za izris ali presežejo omejitve brskalnika.

4. Odločite se, ali naj bo ozadje prosojno

Izberite Prosojno, ko mora PNG stati nad obarvano stranjo, predstavitvijo ali drugo sliko. Izberite Belo, ko cilj pričakuje beli pravokotnik ali ko enotno ozadje olajša pregled grafike. PNG podpira prosojnost, vendar lahko ciljna aplikacija prikaže prosojne slikovne pike prek šahovnice ali jih splošči ob vstavljanju slike.

5. Pripravite SVG pred izvozom

Odprite vir v vektorskem urejevalniku in preverite, ali ima smiseln viewBox in vidno grafiko znotraj tega viewBoxa. Pretvorite ali vdelajte pisave, če mora dizajn izgledati enako na napravah, ki nimajo teh pisav. Ohranjajte povezane slike in zunanje vire dostopne; ta pretvornik v brskalniku morda ne bo izrisal oddaljenih pisav, povezanih slik, skript ali drugih zunanjih odvisnosti iz datoteke SVG.

6. Pretvorite in preverite predogled

Izberite eno datoteko SVG, izberite merilo in ozadje ter jo nato pretvorite. Preverite, ali je celotna risba vidna, ali besedilo in fine linije ostanejo berljivi ter ali ima predogled pričakovano ozadje. Če je rezultat obrezan, preverite SVG viewBox in dimenzije v izvirni datoteki. Pretvornik obdeluje eno datoteko naenkrat in ponuja prenos PNG za to datoteko.

7. Preverite slikovne pike in velikost datoteke

Uporabite PNG v predvidenem kontekstu in ga preverite v velikosti, v kateri se bo dejansko prikazal. Velika dimenzija v slikovnih pikah samodejno ne izboljša majhne ikone na zaslonu. Če je PNG prevelik, se vrnite na SVG in izvozite z nižjim faktorjem. Če je viden mehak, potrdite, da cilj po pretvorbi ne povečuje majhne rastrske slike.

8. Obdržite urejateľni vir

Shranite izvirni SVG poleg PNG-ja. SVG ohranja vektorske poti in je na splošno boljši za poznejša urejanja, prebarvanja in spreminjanje velikosti. PNG je priročna kopija s fiksno velikostjo za cilje, ki potrebujejo rastrske slike. Ohranitev obeh vam omogoča ustvarjanje drugega PNG-ja v drugačni velikosti brez večkratnega spreminjanja merila že rastrirane slike.

Kdaj morate pretvoriti SVG v PNG?

Pretvorba je uporabna, ko cilj potrebuje slikovne pike namesto vektorjev. Obdržite SVG, ko cilj podpira ta format in potrebujete razširljivo, urejateľno grafiko.

Storitev sprejme PNG, vendar zavrne SVG

Nekateri obrazci za nalaganje, sistemi vsebine in orodja za slike profila sprejemajo samo običajne rastrske formate. PNG tem storitvam zagotavlja sliko fiksne velikosti, hkrati pa ohranja čiste robove, ko je izvožena v ustreznih dimenzijah.

E-pošta ali pisarniški dokument SVG izriše nekonzistentno

E-poštni odjemalci in pisarniške aplikacije ne obravnavajo vseh vdelanih SVG-jev na enak način. PNG lahko naredi logotip ali diagram bolj predvidljiv v takih kontekstih. Obdržite original SVG, da boste lahko pozneje posodobili grafiko.

Potrebujete posnetek v določenem merilu slikovnih pik

PNG je uporaben, ko predaja zahteva znano rastrsko sredstvo. Izberite merilo glede na izrisano velikost SVG in specifikacijo prejemnika, nato pa preverite nastale dimenzije v pregledovalniku slik.

Delovni proces zahteva nalaganje rastra

Nekateri obrazci, starejši urejevalniki in cevovodi za obdelavo slik sprejemajo PNG, ne pa tudi vektorskih datotek. Pretvorite kopijo za ta delovni proces; ne zamenjajte izvirnega vektorja, če so verjetna prihodnja urejanja.

Potrebujete prosojnost v rastrski grafiki

PNG lahko ohrani prosojne slikovne pike, kar pomaga pri postavljanju logotipa ali ikone čez različna ozadja. Izberite prosojno možnost in potrdite, da cilj ohranja alfa prosojnost.

Pripravljate vir za tisk

Pretvorite šele po preverjanju dimenzij v slikovnih pikah ali ločljivosti, ki jo zahteva tiskalnik. To orodje ponuja večnike merila namesto nadzora DPI, večji PNG pa ne more obnoviti manjkajočih podrobnosti v SVG ali narediti vira nizke ločljivosti bolj natančnega.

Tehnične osnove: Kaj se zgodi med pretvorbo

Poznavanje tega, kako vektorska geometrija postane slika s slikovnimi pikami, pomaga razložiti izhodno velikost, prosojnost, združljivost in pogoste razlike pri izrisovanju.

SVG opisuje oblike; PNG shranjuje slikovne pike

SVG je vektorski format na osnovi XML, ki opisuje poti, oblike, besedilo in druga navodila za risanje. PNG shranjuje pravokotno mrežo slikovnih pik. Rasterizacija SVG pomeni risanje teh vektorskih navodil na mrežo slikovnih pik v izbrani velikosti; po izvozu lahko povečanje PNG razkrije slikovne pike, ki v vektorskem viru niso bile vidne.

Viewbox in vidno polje definirata območje risanja

SVG viewBox preslika koordinatni sistem v prikazano vidno polje (viewport). Če viewBox manjka, je napačen ali večji od grafike, ima lahko slika nepričakovane bele prostore ali obreze. Preverite dimenzije SVG in viewBox v izvornem urejevalniku, ko je uokvirjanje predogleda napačno.

Merilo pomnoži vsako dimenzijo

Če brskalnik izriše vir z W krat H slikovnimi pikami in je izbrani faktor S, je cilj platna W × S krat H × S. Rezultirajoče število slikovnih pik je W × H × S². Zato lahko visoki večniki porabijo bistveno več pomnilnika in zato je treba 8x izbrati samo takrat, ko cilj potrebuje dodatne slikovne pike.

Izrisovanje platna izvede brskalnik

Stran prebere izbrano datoteko SVG v brskalniku, ustvari sliko iz njene vsebine, nariše to sliko na platno HTML in izvozi platno kot PNG. Vedenje pri izrisovanju in najvišje dimenzije platna se razlikujejo med brskalniki in napravami. Zelo velike ali zapletene datoteke SVG lahko potrebujejo več časa ali pa se izrisovanje ponesreči.

Prosojnost je shranjena v alfa kanalu PNG

Ko je izbrano Prosojno, se platno pred risanjem počisti. Izhodni PNG lahko ohrani prosojnost na slikovno piko prek svojega alfa kanala. Ko je izbrano Belo, pretvornik najprej nariše beli pravokotnik, tako da prosojna območja v viru postanejo bela v izvoženi sliki.

Stiskanje PNG je brez izgube, vendar se izhod vseeno lahko razlikuje

PNG uporablja stiskanje brez izgube za slikovne pike, ki jih prejme; to ne pomeni, da je izrisovanje iz vektorja v slikovno piko identično v vsakem okolju. Glajenje robov (antialiasing), upravljanje barv, pisave, filtri in izrisovanje v brskalniku lahko vplivajo na slikovne pike, proizvedene med rasterizacijo.

Pisave, filtri in povezani viri vplivajo na izrisovanje

SVG se lahko sklicuje na pisave ali slike, ki niso vdelane v datoteko. Uporablja lahko tudi filtre ali funkcije, ki jih brskalniki implementirajo različno. Za zanesljiv izvoz vdelajte ali pretvorite pomembne pisave v poti, vključite zahtevane slike in primerjajte predogled brskalnika z virom v vektorskem urejevalniku.

Omejitve brskalnika in varnost SVG sta pomembni

Pomnilnik platna narašča s številom izhodnih slikovnih pik, zato lahko veliki večniki izčrpajo razpoložljiv pomnilnik. Pretvorite samo datoteke SVG, ki jim zaupate. To orodje ne naloži izbranega vira na strežnik za pretvorbo, vendar ta izjava ne revidira samega SVG in ne jamči, da je vsaka vdelana zunanja sklic neskodljiva. Izogibajte se nezanesljivim datotekam in odstranite nepotrebne skripte ali oddaljene sklice v vektorskem urejevalniku pred pretvorbo.

Tehnična pogosta vprašanja · 1–5

Ali ta pretvornik spreminja datoteko SVG?

Ne. Prebere izbrani SVG v brskalniku in ustvari ločen prenos PNG. Vaša izvirna datoteka ostane v vaši napravi; hranite jo kot urejevalni glavni element.

Kako izračunam izhodne dimenzije?

Pomnožite širino in višino, ki ju je izrisal brskalnik, z izbranim faktorjem. Na primer, 240 × 120 pri 2x postane 480 × 240 slikovnih pik. Če ima SVG nenavadno velikost ali viewBox, preverite predogled in preglejte dimenzije prenesenega PNG.

Ali 8x vedno prinaša boljšo kakovost?

Ne. Ustvari več slikovnih pik, ne več vektorskih podrobnosti. Lahko pomaga, ko je potreben večji raster, vendar prav tako poveča število slikovnih pik na 64-kratnik 1x in lahko porabi veliko več pomnilnika. Izberite najmanjši faktor, ki ustreza dejanski ciljni velikosti.

Zakaj ima PNG prazne robove ali obrezano grafiko?

SVG viewBox ali vidno polje lahko vsebujeta odvečni prostor ali odežeta dele risbe. Odprite vir v vektorskem urejevalniku, prilagodite stran ali viewBox, da ustreza grafiki, shranite kopijo in ponovno pretvorite to kopijo.

Zakaj je moje besedilo po pretvorbi videti drugače?

Brskalniku morda manjka pisava, ki jo uporablja SVG, ali pa se datoteka sklicuje na pisavo, ki ni vdelana. Vdelajte pisavo ali pretvorite besedilo v poti v vektorskem urejevalniku, ko vam je dovoljeno spreminjati vir, ter nato primerjajte rezultat.

Tehnična pogosta vprašanja · 6–10

Zakaj manjka povezana slika ali filter?

SVG je lahko odvisen od zunanje slike, pisave, filtra ali funkcije, ki ni na voljo ali jo brskalnik obravnava drugače. Vdelajte zahtevane slike in pisave, kjer je to mogoče, poenostavite nepodprte učinke in preizkusite SVG v brskalniku pred pretvorbo.

Ali lahko naredim ozadje prosojno?

Da. Pred pretvorbo izberite Prosojno. Orodje pred risanjem počisti platno. Preverite preneseni PNG v urejevalniku, ki prikazuje prosojnost; nekateri pregledovalniki prikazujejo prosojne slikovne pike čez belo barvo, zaradi česar so lahko videti neprozorne.

Ali lahko vnesem točno širino, višino ali DPI?

Ta različica ponuja večnike 1x, 2x, 3x, 4x in 8x. Ne ponuja neodvisnih polj za širino in višino niti nastavitve DPI. Če potrebujete natančne dimenzije, uporabite najbližji večnik in nato spremenite velikost kopije v grafičnem urejevalniku.

Ali lahko hkrati pretvorim več datotek SVG?

Trenutni vmesnik izbere in pretvori eno datoteko SVG na operacijo. Pretvorite vsako datoteko posebej in preverite njen izhod, preden nadaljujete z naslednjo; paketna obdelava in prenosi ZIP tukaj niso na voljo.

Katere datoteke so sprejete?

Nadzor nalaganja je namenjen datotekam SVG. Če je datoteka zavrnjena ali se izrisovanje ponesreči, potrdite, da gre za veljaven SVG in da se odpre v trenutnem brskalniku ali vektorskem urejevalniku. To orodje ni splošni pretvornik formatov slik.

Tehnična pogosta vprašanja · 11–15

Ali so moje datoteke SVG naložene na vaš strežnik?

Koda za pretvorbo prebere izbrano datoteko v brskalniku in ne pošlje izvirne datoteke v API za pretvorbo. To ne jamči, da SVG ne vsebuje zunanjih povezav; izogibajte se nezanesljivim datotekam in pred odpiranjem preglejte njihove sklice.

Zakaj pretvorba za zelo veliko datoteko ne uspe?

Brskalnik mora dodeliti platno za vsako izhodno slikovno piko. Velik vir v kombinaciji z visokim večnikom lahko preseže pomnilnik naprave ali omejitve platna brskalnika. Poskusite z nižjim faktorjem, poenostavite SVG ali ga izvozite z uporabo grafične aplikacije, ki podpira večja platna.

Ali bo PNG pri tiskanju videti oster?

To je odvisno od fizične velikosti tiska in zahtevane ločljivosti. To orodje prilagodi dimenzije v slikovnih pikah, vendar ne nastavi DPI tiska. Vprašajte tiskarno o zahtevanih dimenzijah v slikovnih pikah ali ločljivosti ter nato preverite, ali ustvarjeni PNG izpolnjuje te zahteve.

Zakaj se barve ali robovi med brskalniki razlikujejo?

Brskalniki se lahko razlikujejo glede razpoložljivosti pisav, glajenja robov (antialiasing), upravljanja barv in podpore za funkcije SVG. Uporabite vdelano ali v poti pretvorjeno besedilo, standardne funkcije SVG in isti brskalnik za ponovljene izvoze, ko je skladnost pomembna.

Kaj naj storim, če je predogled prazen?

Potrdite, da datoteka vsebuje vidno grafiko, ima veljavno oznako SVG ter uporablja viewBox in dimenzije, ki zajemajo risbo. Odstranite nepodprte zunanje odvisnosti, preizkusite datoteko v brskalniku in poskusite ponovno pri 1x, preden povečate merilo.