SVGtoPNG
Live

Profesionalus SVG į PNG konverteris

Konvertuokite SVG į PNG akimirksniu ir nemokamai. Mėgaukitės 100 % privatumu: failai apdorojami vietoje ir niekada nepalieka įrenginio. Perkelkite savo dizainą į kitą lygį naudodami penkis tinkintus konversijų daugiklius (1x, 2x, 3x, 4x ir 8x), sukurtus išplėsti, optimizuoti ir pagerinti kiekvieno vaizdo ryškumą pagal jūsų tikslius reikalavimus.

Nuvilkite savo SVG failą čia arba naršyti

Palaiko gryną vektorinį SVG kodą (Scalable Vector Graphics)

Praktiškas SVG konvertavimo į PNG gidas

Geras eksportavimas prasideda ten, kur vaizdas bus naudojamas. Šiame gide paaiškinama, kaip pasirinkti mastelį, paruošti SVG ir patikrinti PNG prieš jį naudojant.

1. Pradėkite nuo paskirties vietos

Prieš konvertuodami patikrinkite pikselių matmenis, kurių reikalauja svetainė, dokumentas, el. pašto sistema ar dizaino programa, kuri gaus vaizdą. Šis įrankis keičia SVG atvaizduojamus matmenis pasirinktu daugikliu; jame nėra pritaikytų pločio ir aukščio laukų. Jei platforma reikalauja 1200 pikselių pločio, palyginkite šį tikslą su rodomu SVG pločiu ir pasirinkite daugiklį, kuris yra artimas, nesukuriant nereikalingai didelio failo.

2. Supraskite mastelio veiksnius

Galimi pasirinkimai: 1x, 2x, 3x, 4x ir 8x. Daugiklis turi įtakos tiek pločiui, tiek aukščiui: 200 × 100 šaltinis, atvaizduotas 2x masteliu, tampa 400 × 200 pikselių. Pikselių skaičius auga daugiklio kvadratu, todėl 8x sukuria 64 kartus daugiau pikselių nei 1x. Didesnė išvestis gali sunaudoti žymiai daugiau atminties ir gali neatrodyti geriau, kai originaliam menui ar tiksliniam ekranui to nereikia.

3. Pasirinkite veiksnį ekranams

Standartinei sąsajos grafikai 1x arba 2x dažnai yra praktiška pradžia; 2x gali padėti didelio tankio ekranuose, kai tikslinis išdėstymas sumažina vaizdą. Pasirinkite 3x arba 4x tik tada, kai dizainui reikia papildomų pikselių matmenų. Naudokite 8x pasirinktinai, nes labai didelės drobės gali užtrukti ilgiau atvaizduojant arba viršyti naršyklės ribas.

4. Nuspręskite, ar fonas turėtų būti skaidrus

Pasirinkite Skaidrus, kai PNG turi būti virš spalvoto puslapio, prezentacijos ar kito vaizdo. Pasirinkite Baltas, kai paskirties vieta tikisi balto stačiakampio arba kai vientisas fonas palengvina meno patikrinimą. PNG palaiko skaidrumą, tačiau tikslinė programa gali rodyti skaidrius pikselius virš šachmatų lentos rašto arba juos suplokštinti įterpdama vaizdą.

5. Paruoškite SVG prieš eksportuodami

Atidarykite šaltinį vektoriniame redaktoriuje ir patikrinkite, ar jis turi prasmingą viewBox ir matomą meną tame viewBox. Konvertuokite arba įterpkite šriftus, jei dizainas turi atrodyti identiškai įrenginiuose, kuriuose šių šriftų nėra. Laikykite susietus vaizdus ir išorinius išteklius pasiekiamus; šis naršyklės keitiklis gali neatvaizduoti nutolusių šriftų, susietų vaizdų, skriptų ar kitų išorinių priklausomybių iš SVG failo.

6. Konvertuokite ir patikrinkite peržiūrą

Pasirinkite vieną SVG failą, pasirinkite mastelį ir foną, tada jį konvertuokite. Patikrinkite, ar matomas visas piešinys, ar tekstas ir smulkios linijos išlieka įskaitomi, ir ar peržiūra turi tikėtiną foną. Jei rezultatas yra apkarpytas, patikrinkite SVG viewBox ir matmenis originaliame faile. Keitiklis apdoroja po vieną failą ir siūlo PNG atsisiuntimą tam failui.

7. Patikrinkite pikselius ir failo dydį

Naudokite PNG numatytame kontekste ir patikrinkite jį tokiu dydžiu, kokiu jis iš tikrųjų pasirodys. Didelis pikselių matmuo automatiškai nepagerina mažos piktogramos ekrane. Jei PNG yra per didelis, grįžkite prie SVG ir eksportuokite su mažesniu veiksniu. Jei jis atrodo neryškus, patvirtinkite, kad paskirties vieta nepadidina mažo rastrinio vaizdo po konvertavimo.

8. Išsaugokite redaguojamą šaltinį

Išsaugokite originalų SVG šalia PNG. SVG išsaugo vektorinius kelius ir apskritai yra geresnis vėlesniems redagavimams, spalvų keitimui ir dydžio keitimui. PNG yra patogi fiksuoto dydžio kopija paskirties vietoms, kurioms reikia rastrinių vaizdų. Abiejų išsaugojimas leidžia sukurti kitą PNG kitu dydžiu, pakartotinai nekeičiant jau rastruoto vaizdo mastelio.

Kada reikėtų konvertuoti SVG į PNG?

Konvertavimas yra naudingas, kai paskirties vietai reikia pikselių, o ne vektorių. Išsaugokite SVG, kai paskirties vieta jį palaiko ir jums reikia keičiamo dydžio, redaguojamo meno.

Paslauga priima PNG, bet atmeta SVG

Kai kurios įkėlimo formos, turinio sistemos ir profilio vaizdų įrankiai priima tik įprastus rastrinius formatus. PNG suteikia šios paslaugoms fiksuoto dydžio vaizdą, kartu išlaikydamas švarius kraštus, kai eksportuojamas tinkamais matmenimis.

El. laiškas arba biuro dokumentas SVG atvaizduoja nevienodai

El. pašto klientai ir biuro programos ne visada vienodai tvarko įterptą SVG. PNG gali padaryti logotipą ar diagramą labiau nuspėjamą tokiuose kontekstuose. Išsaugokite SVG originalą, kad vėliau galėtumėte atnaujinti meną.

Jums reikia užfiksavimo konkrečiu pikselių masteliu

PNG yra naudingas, kai perdavimui reikalingas žinomas rastrinis turtas. Pasirinkite mastelį pagal SVG atvaizduojamą dydį ir gavimo specifikaciją, tada patikrinkite gautus matmenis vaizdų peržiūros programoje.

Darbo eigai reikalingas rastrinis įkėlimas

Kai kurios formos, senesni redaktoriai ir vaizdų apdorojimo grandinės priima PNG, bet ne vektorinius failus. Konvertuokite kopiją šiai darbo eigai; nepakeiskite šaltinio vektoriaus, jei tikėtini būsimi redagavimai.

Jums reikia skaidrumo rastrinėje grafikoje

PNG gali išsaugoti skaidrius pikselius, o tai padeda dedant logotipą ar piktogramą ant skirtingų fonų. Pasirinkite skaidrią parinktį ir patvirtinkite, kad paskirties vieta išsaugo alfa skaidrumą.

Ruošiate spaudos turtą

Konvertuokite tik patikrinę spausdintuvo reikalaujamus pikselių matmenis arba raišką. Šis įrankis siūlo mastelio daugiklius, o ne DPI valdiklius, o didesnis PNG negali atkurti trūkstamų SVG detalių arba padaryti mažos raiškos šaltinio tikslesnio.

Techniniai pagrindai: kas vyksta konvertavimo metu

Žinojimas, kaip vektorinė geometrija tampa pikselių vaizdu, padeda paaiškinti išvesties dydį, skaidrumą, suderinamumą ir dažnus atvaizdavimo skirtumus.

SVG aprašo formas; PNG saugo pikselius

SVG yra XML pagrįstas vektorinis formatas, aprašantis kelius, formas, tekstą ir kitas piešimo instrukcijas. PNG saugo stačiakampį pikselių tinklelį. SVG rastravimas reiškia šių vektorinių instrukcijų piešimą ant pikselių tinklelio pasirinktu dydžiu; po eksportavimo padidinus PNG gali išryškėti pikseliai, kurie nebuvo matomi vektoriniame šaltinyje.

Viewbox ir rodinio langas apibrėžia piešimo sritį

SVG viewBox susieja koordinačių sistemą su rodomu rodinio langu (viewport). Jei viewBox trūksta, jis neteisingas arba didesnis už meną, vaizdas gali turėti netikėtų baltų tarpų arba apkarpymų. Patikrinkite SVG matmenis ir viewBox šaltinio redaktoriuje, kai peržiūros rėmelis neteisingas.

Mastelis padaugina kiekvieną matmenį

Jei naršyklė atvaizduoja šaltinį W iš H pikselių ir pasirinktas veiksnys yra S, drobės tikslas yra W × S iš H × S. Gautas pikselių skaičius yra W × H × S². Todėl dideli daugikliai gali sunaudoti žymiai daugiau atminties, ir todėl 8x turėtų būti pasirenkamas tik tada, kai paskirties vietai reikia papildomų pikselių.

Drobės atvaizdavimą atlieka naršyklė

Puslapis nuskaito pasirinktą SVG failą naršyklėje, sukuria vaizdą iš jo turinio, nupiešia tą vaizdą ant HTML drobės ir eksportuoja drobę kaip PNG. Atvaizdavimo elgsena ir maksimalūs drobės matmenys skiriasi priklausomai nuo naršyklių ir įrenginių. Labai dideli arba sudėtingi SVG failai gali užtrukti ilgiau arba neatvaizduoti.

Skaidrumas saugomas PNG alfa kanale

Kai pasirinkta Skaidrus, drobė prieš piešiant išvaloma. Išvesties PNG gali išlaikyti skaidrumą kiekvienam pikseliui per savo alfa kanalą. Kai pasirinkta Baltas, keitiklis pirmiausia nupiešia baltą stačiakampį, kad skaidrios sritys šaltinyje eksportuotame vaizde taptų baltos.

PNG suspaudimas yra be praradimų, bet išvestis vis tiek gali skirtis

PNG naudoja suspaudimą be praradimų gautiems pikseliams; tai nereiškia, kad vektoriaus atvaizdavimas į pikselius yra identiškas kiekvienoje aplinkoje. Glotninimas (antialiasing), spalvų valdymas, šriftai, filtrai ir naršyklės atvaizdavimas gali turėti įtakos pikseliams, susidariusiems rastravimo metu.

Šriftai, filtrai ir susieti ištekliai turi įtakos atvaizdavimui

SVG gali nuorodas į šriftus ar vaizdus, kurie nėra įterpti į failą. Ji taip pat gali naudoti filtrus ar funkcijas, kurias naršyklės įgyvendina skirtingai. Patikimam eksportavimui įterpkite arba konvertuokite svarbius šriftus į kelius, įtraukite reikiamus vaizdus ir palyginkite naršyklės peržiūrą su šaltiniu vektoriniame redaktoriuje.

Naršyklės ribos ir SVG saugumas yra svarbūs

Drobės atmintis auga kartu su išvesties pikselių skaičiumi, todėl dideli daugikliai gali išeikvoti turimą atmintį. Konvertuokite tik tuos SVG failus, kuriais pasitikite. Šis įrankis neįkelia pasirinkto šaltinio į konvertavimo serverį, tačiau šis teiginys neaudituoja paties SVG ir negarantuoja, kad kiekviena įterpta išorinė nuoroda yra inertiška. Venkite nepatikimų failų ir prieš konvertuodami pašalinkite nereikalingus skriptus ar nuotolines nuorodas vektoriniame redaktoriuje.

Techniniai dažniausiai užduodami klausimai · 1–5

Ar šis keitiklis pakeičia SVG failą?

Ne. Jis nuskaito pasirinktą SVG naršyklėje ir sukuria atskirą PNG atsisiuntimą. Jūsų originalus failas lieka jūsų įrenginyje; išsaugokite jį kaip redaguojamą pagrindinį failą.

Kaip apskaičiuoti išvesties matmenis?

Padauginkite naršyklės atvaizduojamą plotį ir aukštį iš pasirinkto veiksnio. Pavyzdžiui, 240 × 120 esant 2x tampa 480 × 240 pikselių. Jei SVG yra neįprasto dydžio arba turi viewBox, patikrinkite peržiūrą ir patikrinkite atsisiųsto PNG matmenis.

Ar 8x visada suteikia geresnę kokybę?

Ne. Jis sukuria daugiau pikselių, o ne daugiau vektorinių detalių. Jis gali padėti, kai reikalingas didesnis rastras, tačiau jis taip pat padidina pikselių skaičių iki 64 kartų, palyginti su 1x, ir gali sunaudoti daug daugiau atminties. Pasirinkite mažiausią veiksnį, atitinkantį faktinį tikslinį dydį.

Kodėl PNG turi tuščias paraštes arba apkarpytą meną?

SVG viewBox arba rodinio langas gali turėti perteklinės space arba nupjauti piešinio dalis. Atidarykite šaltinį vektoriniame redaktoriuje, sureguliuokite puslapį arba viewBox, kad atitiktų meną, išsaugokite kopiją ir vėl konvertuokite tą kopiją.

Kodėl mano tekstas po konvertavimo atrodo kitaip?

Naršyklėje gali trūkti SVG naudojamo šrifto arba failas nuoroda į šriftą, kuris nėra įterptas. Įterpkite šriftą arba konvertuokite tekstą į kelius vektoriniame redaktoriuje, kai jums leidžiama keisti šaltinį, o tada palyginkite rezultatą.

Techniniai dažniausiai užduodami klausimai · 6–10

Kodėl trūksta susieto vaizdo ar filtro?

SVG gali priklausyti nuo išorinio vaizdo, šrifto, filtro ar funkcijos, kuri nepasiekiama arba kurią naršyklė tvarko kitaip. Jei įmanoma, įterpkite reikiamus vaizdus ir šriftus, supaprastinkite nepalaikomus efektus ir išbandykite SVG naršyklėje prieš konvertuodami.

Ar galiu padaryti foną skaidrų?

Taip. Prieš konvertuodami pasirinkite Skaidrus. Įrankis prieš piešdamas išvalo drobę. Patikrinkite atsisiųstą PNG redaktoriuje, kuriame rodomas skaidrumas; kai kurios peržiūros programos rodo skaidrius pikselius virš baltos spalvos, todėl jie gali atrodyti nepermatomi.

Ar galiu įvesti tikslų plotį, aukštį arba DPI?

Šioje versijoje siūlomi 1x, 2x, 3x, 4x ir 8x daugikliai. Jame nėra nepriklausomų pločio ir aukščio laukų ar DPI nustatymo. Jei jums reikia tikslių matmenų, naudokite artimiausią daugiklį, o tada pakeiskite kopijos dydį grafikos redaktoriuje.

Ar galiu konvertuoti keletą SVG failų vienu metu?

Dabartinė sąsaja pasirenka ir konvertuoja po vieną SVG failą vienai operacijai. Konvertuokite kiekvieną failą atskirai ir patikrinkite jo išvestį prieš pereidami prie kito; paketinis apdorojimas ir ZIP atsisiuntimai čia nisiūlomi.

Kokie failai priimami?

Įkėlimo valdiklis yra skirtas SVG failams. Jei failas atmetamas arba jo neatvaizduoja, patvirtinkite, kad tai galiojantis SVG ir kad jis atsidaro dabartinėje naršyklėje arba vektoriniame redaktoriuje. Šis įrankis nėra bendras vaizdo formatų keitiklis.

Techniniai dažniausiai užduodami klausimai · 11–15

Ar mano SVG failai įkeliami į jūsų serverį?

Konvertavimo kodas nuskaito pasirinktą failą naršyklėje ir nesiunčia šaltinio failo į konvertavimo API. Tai negarantuoja, kad SVG neturi išorinių nuorodų; venkite nepatikimų failų ir prieš atidarydami peržiūrėkite jų nuorodas.

Kodėl konvertavimas nepavyksta labai dideliam failui?

Naršyklė turi skirti drobę kiekvienam išvesties pikseliui. Didelis šaltinis kartu su dideliu daugikliu gali viršyti įrenginio atmintį arba naršyklės drobės ribas. Išbandykite mažesnį veiksnį, supaprastinkite SVG arba eksportuokite jį naudodami grafikos programą, palaikančią didesnes drobeles.

Ar PNG atrodys ryškiai spausdinant?

Tai priklauso nuo fizinio spaudinio dydžio ir reikalaujamos raiškos. Šis įrankis keičia pikselių matmenis, bet nenustato spausdinimo DPI. Paklauskite spausdintuvo apie reikiamus pikselių matmenis arba raišką, o tada patikrinkite, ar sugeneruotas PNG atitinka šiuos reikalavimus.

Kodėl spalvos ar kraštai skiriasi įvairiose naršyklėse?

Naršyklės gali skirtis šriftų pasiekiamumu, glotninimu (antialiasing), spalvų valdymu ir SVG funkcijų palaikymu. Naudokite įterptą arba į kelius konvertuotą tekstą, standartines SVG funkcijas ir tą pačią naršyklę pakartotiniams eksportavimams, kai svarbus nuoseklumas.

Ką turėčiau daryti, jei peržiūra yra tuščia?

Patvirtinkite, kad faile yra matomas menas, galiojantis SVG žymėjimas ir naudojamas viewBox bei matmenys, gaubiantys piešinį. Pašalinkite nepalaikomas išorines priklausomybes, išbandykite failą naršyklėje ir prieš didindami mastelį bandykite dar kartą esant 1x.