Muunna SVG PNG-muotoon välittömästi ja ilmaiseksi. Nauti 100 %:n yksityisyydestä: tiedostosi käsitellään paikallisesti, eivätkä ne koskaan poistu laitteestasi. Nosta suunnittelusi uudelle tasolle viiden mukautetun muuntokertoimemme (1x, 2x, 3x, 4x ja 8x) avulla, jotka on suunniteltu laajentamaan, optimoimaan ja parantamaan kunkin kuvan terävyyttä täsmällisten tarpeidesi mukaan.
Vedä ja pudota SVG-tiedostosi tähän tai selaa
Tukee puhdasta vektorigrafiikkaa (Scalable Vector Graphics)
Hyvä vienti alkaa paikasta, jossa kuvaa tullaan käyttämään. Tämä opas selittää, miten valitaan mittakaava, valmistellaan SVG ja tarkistetaan PNG ennen sen käyttöä.
Tarkista ennen muunnosta verkkosivuston, asiakirjan, sähköpostijärjestelmän tai suunnitteluohjelman pyytämät pikselimitat, joihin kuva tulee. Tämä työkalu skaalaa SVG:n hahmennettuja mittoja valitulla kertoimella; se ei tarjoa mukautettuja leveys- ja korkeuskenttiä. Jos alusta pyytää 1200 pikselin leveyttä, vertaa tätä tavoitetta SVG:n näkyvään leveyteen ja valitse kerroin, joka on lähellä luomatta tarpeettoman suurta tiedostoa.
Vaihtoehdot ovat 1x, 2x, 3x, 4x ja 8x. Kerroin vaikuttaa sekä leveyteen että korkeuteen: 200 × 100 -lähde, joka hahmonnetaan 2x-koossa, on kooltaan 400 × 200 pikseliä. Pikselimäärä kasvaa kertoimen neliön mukaisesti, joten 8x tuottaa 64 kertaa enemmän pikseleitä kuin 1x. Suurempi tuloste voi kuluttaa paljon enemmän muistia eikä välttämättä näytä paremmalta, jos alkuperäinen grafiikka tai kohdenäyttö ei sitä tarvitse.
Vakiokäyttöliittymägrafiikoille 1x tai 2x on usein käytännöllinen lähtökohta; 2x voi auttaa tiheissä näytöissä, kun kohdeasettelu skaalaa kuvaa pienemmäksi. Valitse 3x tai 4x vain silloin, kun suunnittelu tarvitsee ylimääräisiä pikselimittoja. Käytä 8x valikoivasti, koska erittäin suuret piirtoalustat saattavat viedä kauemmin hahmottua tai ylittää selaimen rajat.
Valitse Läpinäkyvä, kun PNG-tiedoston on sijaittava värillisen sivun, esityksen tai toisen kuvan päällä. Valitse Valkoinen, kun kohde odottaa valkoista suorakulmiota tai kun yhtenäinen tausta helpottaa grafiikan tarkastelua. PNG tukee läpinäkyvyyttä, mutta kohdesovellus saattaa näyttää läpinäkyvät pikselit ruutukuvion päällä tai tasoittaa ne kuvaa lisättäessä.
Avaa lähde vektorieeditorissa ja tarkista, että sillä on järkevä viewBox ja näkyvää grafiikkaa kyseisen viewBoxin sisällä. Muunna tai upota fontit, jos suunnitelman on näytettävä identtiseltä laitteissa, joissa näitä fontteja ei ole. Pidä linkitetyt kuvat ja ulkoiset resurssit saatavilla; tämä selaimen muunnin ei ehkä hahmonna etäfontteja, linkitettyjä kuvia, skriptejä tai muita ulkoisia riippuvuuksia SVG-tiedostosta.
Valitse yksi SVG-tiedosto, valitse mittakaava ja tausta ja muunna se sitten. Tarkista, että koko piirros näkyy, että teksti ja ohuet viivat ovat luettavissa ja että esikatselussa on odotettu tausta. Jos tulos on rajattu, tarkista alkuperäisen tiedoston SVG viewBox ja mitat. Muunnin käsittelee yhden tiedoston kerrallaan ja tarjoaa PNG-latauksen kyseiselle tiedostolle.
Käytä PNG-tiedostoa sille tarkoitetussa yhteydessä ja tarkasta se siinä koossa, jossa se todellisuudessa tulee näkymään. Suuri pikselimitta ei automaattisesti paranna pientä kuvaketta ruudulla. Jos PNG on liian suuri, palaa SVG:hen ja vie pienemmällä kertoimella. Jos se näyttää pehmeältä, varmista, että kohde ei suurenna pientä rasterikuvaa muunnoksen jälkeen.
Tallenna alkuperäinen SVG PNG:n rinnalle. SVG säilyttää vektoripolut ja soveltuu yleensä paremmin myöhempään muokkaukseen, värinvaihtoon ja koon muutokseen. PNG on kätevä kiinteäkokoinen kopio kohteille, jotka tarvitsevat rasterikuvia. Molempien pitäminen mahdollistaa toisen PNG:n luomisen eri koossa ilman, että jo rasteroitua kuvaa tarvitsee skaalata toistuvasti.
Muunnos on hyödyllinen, kun kohde tarvitsee pikseleitä vektorien sijaan. Säilytä SVG, kun kohde tukee sitä ja tarvitset skaalautuvaa, muokattavaa grafiikkaa.
Jotkut lähetyslomakkeet, sisällönhallintajärjestelmät ja profiilikuvatyökalut hyväksyvät vain yleiset rasterimuodot. PNG tarjoaa näille palveluille kiinteäkokoisen kuvan säilyttäen samalla puhtaat reunat, kun se viedään sopivilla mitoilla.
Sähköpostiohjelmat ja toimistosovellukset eivät kaikki käsittele upotettua SVG:tä samalla tavalla. PNG voi tehdä logosta tai kaaviosta ennustettavamman näissä yhteyksissä. Säilytä SVG-alkuperäiskappale, jotta voit päivittää grafiikkaa myöhemmin.
PNG on hyödyllinen, kun siirto edellyttää tunnettua rasteriresurssia. Valitse mittakaava SVG:n hahmonnetun koon ja vastaanottomäärityksen perusteella ja tarkista sitten tuloksena olevat mitat kuvankatseluohjelmassa.
Jotkut lomakkeet, vanhemmat editorit ja kuvankäsittelyputket hyväksyvät PNG:n mutta eivät vektoritiedostoja. Muunna kopio kyseistä työnkulkua varten; älä korvaa lähdevektoria, jos tulevat muokkaukset ovat todennäköisiä.
PNG voi säilyttää läpinäkyvät pikselit, mikä auttaa sijoitettaessa logoa tai kuvaketta eri taustoille. Valitse läpinäkyvä vaihtoehto ja varmista, että kohde säilyttää alfa-läpinäkyvyyden.
Muunna vasta tarkistettuasi tulostimen vaatimat pikselimitat tai resoluution. Tämä työkalu tarjoaa skaalauskertoimia DPI-säätimien sijaan, eikä suurempi PNG voi palauttaa yksityiskohtia, jotka puuttuvat SVG:stä, tai tehdä matalan resoluution lähteestä tarkempaa.
Sen tietäminen, miten vektorigeometriasta tulee pikselikuva, auttaa selittämään tulostuskokoa, läpinäkyvyyttä, yhteensopivuutta ja yleisiä hahmennuseroja.
SVG on XML-pohjainen vektorimuoto, joka kuvaa polkuja, muotoja, tekstiä ja muita piirustusohjeita. PNG tallentaa suorakulmaisen pikseliruudukon. SVG:n rasterointi tarkoittaa näiden vektoriohjeiden piirtämistä pikseliruudukkoon valitussa koossa; viennin jälkeen PNG:n suurentaminen voi paljastaa pikseleitä, jotka eivät olleet näkyvissä vektorilähteessä.
SVG viewBox yhdistää koordinaatistotilan näkyvään näkymään (viewport). Jos viewBox puuttuu, on virheellinen tai suurempi kuin grafiikka, kuvassa saattaa olla odottamatonta tyhjää tilaa tai rajauksia. Tarkista SVG-mitat ja viewBox lähdeeditorissa, kun esikatselun rajaus on väärä.
Jos selain hahmontaa lähteen koossa W × H pikseliä ja valittu kerroin on S, piirtoalustakohteeksi tulee W × S × H × S. Tuloksena oleva pikselimäärä on W × H × S². Tästä syystä suuret kertoimet voivat käyttää huomattavasti enemmän muistia, ja siksi 8x tulisi valita vain silloin, kun kohde tarvitsee ylimääräiset pikselit.
Sivu lukee valitun SVG-tiedoston selaimessa, luo sisällöstä kuvan, piirtää kyseisen kuvan HTML-piirtoalustalle ja vie piirtoalustan PNG:nä. Hahmonnuskäyttäytyminen ja piirtoalustan enimmäismitat vaihtelevat selaimittain ja laitteittain. Erittäin suuret tai monimutkaiset SVG-tiedostot saattavat viedä kauemmin tai epäonnistua hahmotuksessa.
Kun Läpinäkyvä on valittuna, piirtoalusta tyhjennetään ennen piirtämistä. Tulosteena syntyvä PNG voi säilyttää pikselikohtaisen läpinäkyvyyden alfakanavansa kautta. Kun Valkoinen on valittuna, muunnin maalaa ensin valkoisen suorakulmion, jotta lähteen läpinäkyvät alueet muuttuvat valkoisiksi viedyssä kuvassa.
PNG käyttää häviötöntä pakkausta vastaanottamilleen pikseleille; se ei tarkoita, että vektori-pikseli-hahmonnus olisi identtinen kaikissa ympäristöissä. Reunojen pehmennys (anti-aliasing), värinhallinta, fontit, suodattimet ja selaimen hahmonnus voivat vaikuttaa rasteroinnin aikana syntyviin pikseleihin.
SVG saattaa viitata fontteihin tai kuviin, joita ei ole upotettu tiedostoon. Se saattaa myös käyttää suodattimia tai ominaisuuksia, jotka selaimet toteuttavat eri tavoin. Luotettavaa vientiä varten upota tai muunna poluiksi tärkeät fontit, sisällytä vaaditut kuvat ja vertaa selaimen esikatselua lähteeseen vektorieeditorissa.
Piirtoalustan muisti kasvaa tulostepikseleiden määrän myötä, joten suuret kertoimet voivat tyhjentää käytettävissä olevan muistin. Muunna vain SVG-tiedostoja, joihin luotat. Tämä työkalu ei lataa valittua lähdettä muunnospalvelimelle, mutta tämä väite ei tarkasta itse SVG:tä eikä takaa, että jokainen upotettu ulkoinen viittaus on vaaraton. Vältä epäluotettavia tiedostoja ja poista tarpeettomat skriptit tai etäviittaukset vektorieeditorissa ennen muunnosta.
Ei. Se lukee valitun SVG:n selaimessa ja luo erillisen PNG-latauksen. Alkuperäinen tiedostosi säilyy laitteellasi; säilytä se muokattavana pääkappaleena.
Kerro selaimen hahmonnettu leveys ja korkeus valitulla kertoimella. Esimerkiksi 240 × 120 koossa 2x muuttuu kooltaan 480 × 240 pikseliä. Jos SVG:llä on epätavallinen koko tai viewBox, tarkista esikatselu ja tarkasta ladatun PNG:n mitat.
Ei. Se luo enemmän pikseleitä, ei enempää vektoriyksityiskohtia. Se voi auttaa, kun tarvitaan suurempaa rasteria, mutta se myös kasvattaa pikselimäärän 64-kertaiseksi 1x-kokoon verrattuna ja saattaa kuluttaa paljon enemmän muistia. Valitse pienin kerroin, joka täyttää todellisen kohdekoon.
SVG:n viewBox tai näkyvä alue saattaa sisältää ylimääräistä tilaa tai leikata osia piirroksesta. Avaa lähde vektorieeditorissa, säädä sivu tai viewBox sopivaksi grafiikalle, tallenna kopio ja muunna kyseinen kopio uudelleen.
Selaimella ei ehkä ole SVG:n käyttämää fonttia, tai tiedosto saattaa viitata fonttiin, jota ei ole upotettu. Upota fontti tai muunna teksti poluiksi vektorieeditorissa, kun sinulla on lupa muokata lähdettä, ja vertaa sitten tulosta.
SVG saattaa riippua ulkoisesta kuvasta, fontista, suodattimesta tai ominaisuudesta, joka ei ole käytettävissä tai jota selaimet käsittelevät eri tavalla. Upota vaaditut kuvat ja fontit mahdollisuuksien mukaan, yksinkertaista tuettomattomia tehosteita ja testaa SVG selaimessa ennen muunnosta.
Kyllä. Valitse Läpinäkyvä ennen muunnosta. Työkalu tyhjentää piirtoalustan ennen piirtämistä. Tarkista ladattu PNG editorissa, joka näyttää läpinäkyvyyden; jotkut katseluohjelmat näyttävät läpinäkyvät pikselit valkoisen päällä, mikä voi saada ne vaikuttamaan peittäviltä.
Tämä versio tarjoaa kertoimet 1x, 2x, 3x, 4x ja 8x. Se ei tarjoa itsenäisiä leveys- ja korkeuskenttiä tai DPI-asetusta. Jos tarvitse tarkat mitat, käytä lähintä kerrointa ja muuta sitten kopion kokoa kuvankäsittelyohjelmassa.
Nykyinen käyttöliittymä valitsee ja muuntaa yhden SVG-tiedoston per toiminto. Muunna kukin tiedosto erikseen ja tarkista sen tuloste ennen seuraavaan siirtymistä; eräkäsittelyä ja ZIP-latauksia ei tarjota täällä.
Lähetyssäädin on tarkoitettu SVG-tiedostoille. Jos tiedosto hylätään tai sen hahmonnus epäonnistuu, varmista, että se on kelvollinen SVG ja avautuu nykyisellä selaimella tai vektorieeditorilla. Tämä työkalu ei ole yleinen kuvamuotomuunnin.
Muunnoskoodi lukee valitun tiedoston selaimessa eikä lähetä lähdetiedostoa muunnos-API:lle. Tämä ei takaa, että SVG ei sisällä ulkoisia linkkejä; vältä epäluotettavia tiedostoja ja tarkista niiden viittaukset ennen avaamista.
Selaimen on varattava piirtoalusta jokaiselle tulostepikselille. Suuri lähde yhdistettynä korkeaseen kertoimeen voi ylittää laitteen muistin tai selaimen piirtoalustarajat. Kokeile pienempää kerrointa, yksinkertaista SVG:tä tai vie se grafiikkasovelluksella, joka tukee suurempia piirtoalustoja.
Se riippuu fyysisestä tulostuskoosta ja vaaditusta resoluutiosta. Tämä työkalu skaalaa pikselimittoja, mutta ei aseta tulostuksen DPI:tä. Kysy tulostajalta tarvittavat pikselimitat tai resoluutio ja varmista sitten, että luotu PNG täyttää kyseiset vaatimukset.
Selaimet saattavat erota toisistaan fonttien saatavuuden, reunojen pehmennyksen (anti-aliasing), värinhallinnan ja SVG-ominaisuuksien tuen suhteen. Käytä upotettua tai muunnettua tekstiä, vakio-SVG-ominaisuuksia ja samaa sitä selainta toistuvissa vienneissä, kun yhtenäisyydellä on väliä.
Varmista, että tiedosto sisältää näkyvää grafiikkaa, siinä on kelvollinen SVG-koodi ja se käyttää viewBoxia ja mitat, jotka sisältävät piirroksen. Poista tuettomattomat ulkoiset riippuvuudet, testaa tiedosto selaimessa ja yritä sitten uudelleen koossa 1x ennen mittakaavan suurentamista.