SVG:stä PNG:ksi -muunnin
Rasteroi mikä tahansa SVG-tiedosto teräväksi PNG-kuvaksi täsmälleen haluamassasi resoluutiossa, läpinäkyvällä tai tasaisella taustalla ja yhden klikkauksen 1x/2x/3x-eräviennillä.
🔒 Käsitelty kokonaan selaimessasi – mitään tähän kirjoittamaasi ei koskaan ladata.
Tulos
SVG on vektorimuoto: se kuvailee muodot ja polut matematiikalla, joten se skaalautuu mihin tahansa kokoon laadun kärsimättä – mutta tämä tarkoittaa myös sitä, että useimmat paikat, jotka odottavat tavallista kuvaa (sähköpostin allekirjoitus, favicon-lataaja, painomalli, vanhempi sisällönhallintajärjestelmä tai chat-sovellus), eivät hyväksy sitä. PNG-muotoon muuntaminen polttaa vektoritaiteen kiinteään pikseliruudukkoon, jonka mikä tahansa ohjelma, kameran rulla tai latauslomake voi avata. Tämä työkalu tekee juuri tuon rasterointivaiheen, kokonaan omalla laitteellasi.
Muunnos tapahtuu kahdessa osassa: ensin selain lukee SVG:n ilmoitetun leveyden, korkeuden ja viewBoxin määrittääkseen sen luonnolliset mittasuhteet, sitten se piirtää vektoritaiteen HTML-canvakselle, jonka koko on määritetty pyytämällesi resoluutiolle. Koska lähde pysyy vektorina tuohon viimeiseen piirtoon asti, logo voidaan piirtää 64 px:n tai 6400 px:n kokoisena samoilla terävillä reunoilla – välissä ei ole minkäänlaista matalaresoluutioista bittikarttaa, joka sumenisi skaalattaessa, toisin kuin olemassa olevaa JPG- tai PNG-kuvaa suurennettaessa.
Käyttöliittymä- ja sovelluskuvakkeita tarvitaan lähes aina useammalla kuin yhdellä pikselitiheydellä, joten työkalu piirtää 1x-, 2x- ja 3x-versiot tavoitekoostasi yhdellä kertaa ja antaa jokaiselle oman latauspainikkeen – sama kolmitasoinen järjestelmä, jota käyttävät iOS:n kuvaresurssit, Androidin drawablet ja modernit responsiiviset verkkokuvat (srcset). Valitse perusleveys kerran ja saat kaikki kolme tiedostoa sen sijaan, että ajaisit muunnoksen kolme erillistä kertaa eri numeroilla.
Taustan käsittely on aito, toiminnallinen valinta kosmeettisen valintaruudun sijaan: jätä se läpinäkyväksi säilyttääksesi alfakanavan logoille ja kuvakkeille, joiden on tarkoitus sijoittua muun sisällön päälle, tai täytä se valitsemallasi kiinteällä värillä, kun kohde (pikkukuva, somen esikatselukuva, vanhempi tiedostomuoto, joka käsittelee läpinäkyvyyttä väärin) tarvitsee läpinäkymättömän taustan. Mitään ei ladata palvelimelle missään vaiheessa – SVG-teksti jäsennetään, rasteroidaan ja koodataan PNG:ksi kokonaan selaimen välilehdessäsi.