SVGtoPNG
Live

Professionaalne SVG-st PNG-ks konverter

Teisendage SVG koheselt ja tasuta PNG-vormingusse. Nautige 100% privaatsust: teie faile töödeldakse kohapeal ja need ei lahku kunagi teie seadmest. Viige oma kujundused järgmisele tasemele meie viie kohandatud konversioonikordistajaga (1x, 2x, 3x, 4x ja 8x), mis on loodud iga pildi laiendamiseks, optimeerimiseks ja teravuse suurendamiseks vastavalt teie vajadustele.

Lohistage oma SVG-fail siia või sirvi

Toetab puhast vektor-SVG-koodi (skaleeritav vektorgraafika)

Praktiline SVG-st PNG-sse teisendamise juhend

Hea eksport algab kohast, kus pilti kasutatakse. See juhend selgitab, kuidas valida skaala, valmistada ette oma SVG ja kontrollida PNG-d enne selle kasutamist.

1. Alustage sihtkohast

Enne teisendamist kontrollige pikslite mõõtmeid, mida nõuab veebisait, dokument, e-posti süsteem või kujundusrakendus, mis pildi vastu võtab. See tööriist skaleerib SVG renderdatud mõõtmeid valitud kordajaga; see ei paku kohandatud laiuse ja kõrguse välju. Kui platvorm nõuab 1200-pikslist laiust, võrrelge seda eesmärki SVG kuvatava laiusega ja valige kordaja, mis on lähedal ilma tarbetult suurt faili loomata.

2. Mõistke skaalategureid

Valikud on 1x, 2x, 3x, 4x ja 8x. Kordaja mõjutab nii laiust kui ka kõrgust: 2x-ga renderdatud 200 × 100 lähtepilt muutub 400 × 200 piksliks. Pikslite arv kasvab kordaja ruuduga, nii et 8x toodab 64 korda rohkem piksleid kui 1x. Suurem väljund võib kasutada märkimisväärselt rohkem mälu ja ei pruugi parem välja näha, kui algne graafika või sihtekraan seda ei vaja.

3. Valige ekraanide jaoks tegur

Standardse liidesegraafika jaoks on 1x või 2x sageli praktiline lähtepunkt; 2x võib aidata suure tihedusega ekraanidel, kui sihtpaigutus pilti kahandab. Valige 3x või 4x ainult siis, kui kujundus vajab täiendavaid pikslite mõõtmeid. Kasutage 8x valikuliselt, kuna väga suured lõuendid võivad renderdamiseks rohkem aega võtta või ületada brauseri piiranguid.

4. Otsustage, kas taust peaks olema läbipaistev

Valige Läbipaistev, kui PNG peab asetsema värvilise lehe, esitluse või muu pildi kohal. Valige Valge, kui sihtkoht ootab valget ristkülikut või kui ühevärviline taust muudab graafika kontrollimise lihtsamaks. PNG toetab läbipaistvust, kuid sihtrakendus võib kuvada läbipaistvaid piksleid malemustri kohal või need pildi sisestamisel tasandada.

5. Valmistage SVG enne eksportimist ette

Avage lähteandmed vektortöötlusprogrammis ja kontrollige, kas sellel on mõistlik viewBox ja nähtav graafika selle viewBox-i sees. Teisendage või manustage fondid, kui kujundus peab seadmetes, millel neid fronte pole, identne välja nägema. Hoidke lingitud pildid ja välised ressursid kättesaadavad; see brauserikonverter ei pruugi SVG-failist renderdada kaugfonte, lingitud pilte, skripte ega muid väliseid sõltuvusi.

6. Teisendage ja kontrollige eelvaadet

Valige üks SVG-fail, valige skaala ja taust ning seejärel teisendage see. Kontrollige, kas kogu joonis on nähtav, tekst ja peened jooned on loetavad ning eelvaatel on oodatud taust. Kui tulemus on kärbitud, kontrollige algses failis SVG viewBox-i ja mõõtmeid. Konverter töötleb ühte faili korraga ja pakub selle faili jaoks PNG allalaadimist.

7. Kontrollige piksleid ja failisuurust

Kasutage PNG-d ettenähtud kontekstis ja kontrollige seda suuruses, milles see tegelikult kuvatakse. Suur pikslite mõõde ei paranda automaatselt väikest ikooni ekraanil. Kui PNG on liiga suur, minge tagasi SVG juurde ja eksportige madalama teguriga. Kui see tundub udune, kinnitage, et sihtkoht ei suurenda väikest rasterpilti pärast teisendamist.

8. Hoidke redigeeritav lähteallikas alles

Salvestage algne SVG PNG kõrvale. SVG säilitab vektorteed ja sobib üldiselt paremini hilisemateks muudatusteks, ülevärvimiseks ja suuruse muutmiseks. PNG on mugav fikseeritud suurusega koopia sihtkohtadele, mis vajavad rasterpilte. Mõlema säilitamine võimaldab luua teises suuruses PNG ilma juba rasterdatud pilti korduvalt skaleerimata.

Millal peaksite SVG PNG-vormingusse teisendama?

Teisendamine on kasulik, kui sihtkoht vajab vektorite asemel piksleid. Säilitage SVG, kui sihtkoht seda toetab ja vajate skaleeritavat, redigeeritavat graafikat.

Teenus aktsepteerib PNG-d, kuid lükkab SVG tagasi

Mõned üleslaadimisvormid, sisusüsteemid ja profiilipildi tööriistad aktsepteerivad ainult tavalisi rastervorminguid. PNG pakub neile teenustele fikseeritud suurusega pilti, säilitades samal ajal puhtad servad, kui see eksporditakse sobivates mõõtmetes.

E-post või kontoridokument renderdab SVG-d ebajärjekindlalt

E-posti kliendid ja kontorirakendused ei käsitle manustatud SVG-d ühtemoodi. PNG võib muuta logo või diagrammi sellistes kontekstides prognoositavamaks. Säilitage SVG originaal, et saaksite graafikat hiljem värskendada.

Teil on vaja hetktõmmist kindlal piksliskaalal

PNG on kasulik, kui üleandmine nõuab teadaolevat rastervara. Valige skaala SVG renderdatud suuruse ja vastuvõtuspetsifikatsiooni põhjal ning seejärel kontrollige saadud mõõtmeid pildivaaturis.

Töövoog nõuab rasterpildi üleslaadimist

Mõned vormid, vanemad redaktorid ja pilditöötlustorud aktsepteerivad PNG-d, kuid mitte vektorfaile. Teisendage selle töövoo jaoks koopia; ärge asendage lähtevektorit, kui tulevased muudatused tõenäolised on.

Vajate rastergraafikas läbipaistvust

PNG võib säilitada läbipaistvad pikslid, mis aitab logo või ikooni paigutamisel erinevate taustade kohale. Valige läbipaistev valik ja kinnitage, et sihtkoht säilitab alfa-läbipaistvuse.

Valmistate ette trükivara

Teisendage alles pärast printeri nõutavate pikslite mõõtmete või eraldusvõime kontrollimist. See tööriist pakub DPI juhtnuppude asemel skaalakordajaid ning suurem PNG ei saa taastada SVG-st puuduvaid detaile ega muuta madala eraldusvõimega allikat täpsemaks.

Tehnilised alused: Mis toimub teisendamise ajal

Teadmine, kuidas vektorgeomeetriast saab pikslpilt, aitab selgitada väljundi suurust, läbipaistvust, ühilduvust ja levinud renderduserinevusi.

SVG kirjeldab kujundeid; PNG salvestab piksleid

SVG on XML-põhine vektorvorming, mis kirjeldab teid, kujundeid, teksti ja muid joonistusjuhiseid. PNG salvestab pikslite ristkülikukujulise võrgu. SVG rasterdamine tähendab nende vektorjuhiste joonistamist pikslivõrgule valitud suuruses; pärast eksportimist võib PNG suurendamine paljastada pikslid, mis polnud vektorallikas nähtavad.

Viewbox ja vaateala määravad joonistusala

SVG viewBox vastendab koordinaatsüsteemi kuvatavale vaatealale (viewport). Kui viewBox puudub, on vale või suurem kui graafikaline sisu, võib pildil olla ootamatuid tühikuid või kärpeid. Kontrollige allika redaktoris SVG mõõtmeid ja viewBox-i, kui eelvaate raamimine on vale.

Skaala korrutab iga mõõdet

Kui brauser renderdab allika mõõtmetega W x H pikslit ja valitud tegur on S, on lõuendi sihtmärk W × S kuni H × S. Saadud pikslite arv on W × H × S². Seetõttu võivad suured kordajad kasutada oluliselt rohkem mälu ja 8x tuleks valida ainult siis, kui sihtkoht vajab lisapiksleid.

Lõuendi renderdamise teostab brauser

Leht loeb valitud SVG-faili brauseris, loob selle sisust pildi, joonistab selle pildi HTML-lõuendile ja ekspordib lõuendi PNG-na. Renderduskäitumine ja lõuendi maksimaalsed mõõtmed varieeruvad brauseriti ja seadmeti. Väga suured või keerulised SVG-failid võivad renderdamiseks rohkem aega võtta või ebaõnnestuda.

Läbipaistvus salvestatakse PNG alfa-kanalisse

Kui valitud on Läbipaistev, puhastatakse lõuend enne joonistamist. Väljund-PNG saab säilitada pikslipõhise läbipaistvuse oma alfa-kanali kaudu. Kui valitud on Valge, joonistab konverter esmalt valge ristküliku, nii et allika läbipaistvad alad muutuvad eksporditud pildil valgeks.

PNG tihendus on kadudeta, kuid väljund võib siiski erineda

PNG kasutab vastuvõetud pikslite jaoks kadudeta tihendamist; see ei tähenda, et vektorist piksliks renderdamine on igas keskkonnas identne. Silumine (antialiasing), värvihaldus, fondid, filtrid ja brauseri renderdamine võivad mõjutada rasterdamise ajal loodud piksleid.

Fondid, filtrid ja lingitud varad mõjutavad renderdamist

SVG võib viidata fontidele või piltidele, mis pole faili manustatud. Samuti võib see kasutada filtreid või funktsioone, mida brauserid erinevalt rakendavad. Usaldusväärseks ekspordiks manustage või teisendage olulised fondid teedeks, kaasake vajalikud pildid ja võrrelge brauseri eelvaadet allikaga vektortöötlusprogrammis.

Brauseri piirangud ja SVG turvalisus on olulised

Lõuendi mälu kasvab koos väljundpikslite arvuga, nii et suured kordajad võivad saadaoleva mälu ammendada. Teisendage ainult neid SVG-faile, mida usaldate. See tööriist ei laadi valitud allikat teisendusserverisse, kuid see väide ei auditeeri SVG-d ennast ega garanteeri, et iga manustatud väline viide on ohutu. Vältige usaldamatuid faile ja eemaldage mittevajalikud skriptid või kaugviited vektortöötlusprogrammis enne teisendamist.

Tehnilised korduma kippuvad küsimused · 1–5

Kas see konverter muudab SVG-faili?

Ei. See loeb valitud SVG-d brauseris ja loob eraldi PNG allalaadimise. Teie algne fail jääb teie seadmesse; hoidke seda redigeeritava põhifailina.

Kuidas arvutada väljundi mõõtmeid?

Korrutage brauseri renderdatud laius ja kõrgus valitud teguriga. Näiteks 240 × 120 2x juures muutub 480 × 240 pikslit. Kui SVG-l on ebatavaline suurus või viewBox, kontrollige eelvaadet ja kontrollige allalaaditud PNG mõõtmeid.

Kas 8x annab alati parema kvaliteedi?

Ei. See loob rohkem piksleid, mitte rohkem vektordetaile. See võib aidata, kui on vaja suuremat rasterpilti, kuid see suurendab ka pikslite arvu 64 korda võrreldes 1x-ga ja võib tarbida palju rohkem mälu. Valige väikseim tegur, mis vastab tegelikule sihtsuurusele.

Miks on PNG-l tühjad veerised või kärbitud graafika?

SVG viewBox või vaateala võib sisaldada liigset ruumi või lõigata joonistuse osi ära. Avage allikas vektortöötlusprogrammis, reguleerige lehte või viewBox-i graafikale sobivaks, salvestage koopia ja teisendage see koopia uuesti.

Miks näeb minu tekst pärast teisendamist teistsugune välja?

Brauserist võib puududa SVG kasutatav font või fail viitab fondile, mida pole manustatud. Manustage font või teisendage tekst teedeks vektortöötlusprogrammis, kui teil on luba allikat muuta, ja seejärel võrrelge tulemust.

Tehnilised korduma kippuvad küsimused · 6–10

Miks puudub lingitud pilt või filter?

SVG võib sõltuda välisest pildist, fondist, filtrist või funktsioonist, mis pole brauserile saadaval või mida käsitletakse erinevalt. Manustage vajalikud pildid ja fondid võimaluse korral, lihtsustage toetamata efekte ja testige SVG-d brauseris enne teisendamist.

Kas ma saan tausta läbipaistvaks teha?

Jah. Valige enne teisendamist Läbipaistev. Tööriist puhastab lõuendi enne joonistamist. Kontrollige allalaaditud PNG-d redaktoris, mis näitab läbipaistvust; mõned vaaturid kuvavad läbipaistvaid piksleid valgel taustal, mis võib need läbipaistmatuna näida.

Kas ma saan sisestada täpse laiuse, kõrguse või DPI?

See versioon pakub kordajaid 1x, 2x, 3x, 4x ja 8x. See ei paku sõltumatuid laiuse ja kõrguse välju ega DPI sätet. Kui vajate täpseid mõõtmeid, kasutage lähimat kordajat ja muutke seejärel graafikaredaktoris koopia suurust.

Kas ma saan mitu SVG-faili korraga teisendada?

Praegune liides valib ja teisendab ühe SVG-faili toimingu kohta. Teisendage iga fail eraldi ja kontrollige selle väljundit enne järgmise juurde liikumist; partiitöötlust ja ZIP-allalaadimisi siin ei pakuta.

Milliseid faile aktsepteeritakse?

Üleslaadimise juhtelement on suunatud SVG-failidele. Kui fail lükatakse tagasi või renderdamine ebaõnnestub, kinnitage, et tegemist on kehtiva SVG-ga ja see avaneb praeguses brauseris või vektortöötlusprogrammis. See tööriist ei ole üldine pildivormingu konverter.

Tehnilised korduma kippuvad küsimused · 11–15

Kas minu SVG-failid laaditakse teie serverisse üles?

Teisenduskood loeb valitud faili brauseris ega saada lähteakti teisendus-API-le. See ei garanteeri, et SVG ei sisalda väliseid linke; vältige ebausaldusväärseid faile ja vaadake nende viited enne avamist üle.

Miks teisendamine väga suure faili puhul ebaõnnestub?

Brauser peab iga väljundpikslite jaoks eraldama lõuendi. Suur allikas koos kõrge kordajaga võib ületada seadme mälu või brauseri lõuendi piiranguid. Proovige madalamat tegurit, lihtsustage SVG-d või eksportige see graafilise rakendusega, mis toetab suuremaid lõuendeid.

Kas PNG näeb printimisel terav välja?

See sõltub füüsilisest trükisuurusest ja nõutavast eraldusvõimest. See tööriist skaleerib pikslite mõõtmeid, kuid ei määra trüki-DPI-d. Küsige trükikojalt vajalikke pikslite mõõtmeid või eraldusvõimet ning kontrollige seejärel, kas loodud PNG vastab nendele nõuetele.

Miks värvid või servad brauseriti erinevad?

Brauserid võivad erineda fontide kättesaadavuse, silumise (antialiasing), värvihahalduse ja SVG funktsioonide toe poolest. Kasutage manustatud või kontuuritud teksti, standardseid SVG funktsioone ja sama brauserit korduvate eksporditoimingute jaoks, kui järjepidevus on oluline.

Mida peaksin tegema, kui eelvaade on tühi?

Kinnitage, et fail sisaldab nähtavat graafikat, sellel on kehtiv SVG-märgendus ning see kasutab viewBox-i ja mõõtmeid, mis ümbritsevad joonistust. Eemaldage toetamata välised sõltuvused, testige faili brauseris ja proovige enne skaleerimist uuesti 1x juures.