Utilia
Kategoriat ▾
Kieli: fi ▾

SVG–PNG-muunnin

Muunna SVG PNG-, JPG- tai WebP-muotoon selaimessasi millä tahansa leveydellä, korkeudella, skaalauksella tai DPI:llä, läpinäkyvällä tai värillisellä taustalla.

Tai liitä SVG-koodi
Muoto
Tausta

    Näin muunnat SVG:n PNG:ksi

    1. Pudota yksi tai useampi SVG-tiedosto pudotusalueelle tai valitse ne napsauttamalla aluetta. Voit myös avata Tai liitä SVG-koodi -kentän, liittää koodin ja napsauttaa Lisää SVG-koodi.
    2. Valitse Tulosteen koko: - Skaalauskerroin kertoo SVG:n oman koon (arvo 2 antaa kaksi kertaa leveämmän ja kaksi kertaa korkeamman kuvan); - Leveys (korkeus mukautuu) tai Korkeus (leveys mukautuu) säilyttää mittasuhteet; - Tarkka leveys ja korkeus pakottaa molemmat mitat; - Tarkkuus (DPI) piirtää fyysiset koot, kuten 2in tai 50mm, valitulla DPI:llä.
    3. Valitse Muoto: PNG, JPG tai WebP. JPG:llä ja WebP:llä on myös Laatu-liukusäädin.
    4. Jätä kohdassa Tausta valituksi Läpinäkyvä tai valitse Väri ja aseta Taustaväri.
    5. Napsauta Muunna kuvaksi. Jokaiselle tiedostolle ilmestyy rivi, jossa on esikatselu, uusi pikselikoko ja Lataa-painike. Lataa kaikki tallentaa tiedostot yksi kerrallaan ja Lataa ZIP pakkaa ne yhteen arkistoon.

    Näin koko lasketaan

    SVG kuvaa muotoja, ei pikseleitä, joten se voidaan piirtää terävänä missä tahansa koossa. Sen ”luonnollinen” koko tulee juuri-<svg>-elementin width- ja height-määritteistä. Kun ne puuttuvat, tämä työkalu käyttää viewBox-arvoa (esimerkiksi viewBox="0 0 24 24" antaa 24 × 24), kuten selaimetkin tekevät. Jos SVG:ssä ei ole kumpaakaan, käytetään selaimen oletusta 300 × 150.

    Fyysisissä yksiköissä annetut pituudet muunnetaan CSS:n säännöllä 96 pikseliä tuumalla: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Siksi DPI (96 = alkuperäinen koko) sanoo 96: 300 DPI:llä width="1in" -määritelty kuvake muuttuu 300 pikselin levyiseksi, mitä painotalo odottaa.

    Asetuksella Tarkka leveys ja korkeus piirros, jonka mittasuhteet poikkeavat laatikosta, keskitetään ja sovitetaan reunapalkein SVG:n oman preserveAspectRatio-säännön mukaan: sitä ei koskaan venytetä, ellei tiedosto sitä pyydä.

    Selaimet eivät voi luoda yli noin 16,7 miljoonan pikselin piirtoaluetta (esimerkiksi 4096 × 4096). Jos pyydät enemmän, koko pienennetään suurimpaan mahtuvaan kuvaan, ja viesti kertoo lopullisen koon.

    PNG, JPG vai WebP?

    • PNG on häviötön ja säilyttää läpinäkyvyyden: paras valinta kuvakkeille, logoille ja kaavioille.
    • JPG:ssä ei ole läpinäkyvyyttä, joten läpinäkyvät alueet täytetään taustavärillä. Käytä sitä suurille kuvituksille, joissa tiedostokoko on tärkeämpi kuin terävät reunat.
    • WebP säilyttää läpinäkyvyyden ja on yleensä PNG:tä pienempi. Kaikki nykyiset selaimet näyttävät sen.

    Turvallisuus ja rajoitukset

    SVG:täsi ei koskaan lisätä sivulle. Se piirretään yksityisestä blob-osoitteesta tavallisena kuvana, jossa selaimet eivät suorita skriptejä eivätkä lataa mitään muuta. Tästä seuraa, että ulkoisia viittauksia ei ladata: Google Fontsin verkkofontit, URL-osoitteella linkitetyt kuvat ja ulkoiset CSS-tiedostot ohitetaan, joten teksti voi näkyä oletusfontilla. Täsmällisen ulkoasun säilyttämiseksi muunna teksti poluiksi editorissasi tai upota kuvat data-URI:ina ennen muuntamista. Tietokoneellesi asennettuja fontteja voi edelleen käyttää.

    Mitään ei lähetetä palvelimelle: piirto ja koodaus tapahtuvat selaimessasi.

    Usein kysytyt kysymykset

    Miten muunnan SVG:n korkearesoluutioiseksi PNG:ksi?

    Valitse Skaalauskerroin ja anna 4 tai 8, tai valitse Leveys (korkeus mukautuu) ja kirjoita tarvitsemasi leveys, kuten 2000. Koska SVG piirretään uudelleen kyseisessä koossa sen sijaan että sitä suurennettaisiin, reunat pysyvät teräväpiirtoisina.

    Voinko säilyttää läpinäkyvän taustan?

    Kyllä. Jätä Läpinäkyvä valituksi PNG:n tai WebP:n kanssa. Vain JPG tarvitsee yksivärisen taustan, ja työkalu muistuttaa siitä, kun valitset sen.

    Miksi tekstini näyttää muunnoksen jälkeen erilaiselta?

    SVG käyttää todennäköisesti toiselta sivustolta ladattavaa verkkofonttia. Turvallisuussyistä näin piirretyt kuvat eivät voi hakea ulkoisia tiedostoja. Muunna teksti ääriviivoiksi vektorieditorissasi tai asenna fontti tietokoneellesi.

    Voinko muuntaa useita SVG-tiedostoja kerralla?

    Kyllä. Pudota niin monta kuin haluat: ne jakavat samat koko-, muoto- ja taustaasetukset. Lataa ZIP antaa ne kaikki yhtenä tiedostona.

    Mitä DPI-arvoa käytän tulostukseen?

    300 DPI on tavallinen vakio painatukselle. 150 DPI riittää usein suurille julisteille, joita katsotaan kaukaa. Näytöt eivät käytä DPI:tä, joten verkkoon valitse pikselileveys.

    Aiheeseen liittyvät työkalut