Käyttöohje
- Valitse .svg-tiedosto (enintään 5 MB) tai liitä SVG-koodi kenttään.
- Valitse mittakaava, kuten 2× korkean tarkkuuden näytöille, tai anna tarkka leveys pikseleinä.
- Pidä tausta läpinäkyvänä tai valitse väri.
- Tarkista esikatselu ja lataa PNG tai WebP, jos selaimesi tukee sitä.
Näin se toimii
SVG on vektorimuoto: muodot kuvataan matemaattisesti, joten ne voidaan piirtää terävinä missä tahansa koossa. PNG on pikseliruudukko, jota monet sovellukset, asiakirjat, sähköpostiohjelmat ja sosiaaliset verkostot vaativat. Tämä työkalu piirtää SVG:n selaimesi omalla renderöijällä valitsemassasi koossa ja tallentaa pikselit PNG-tiedostona.
Lähtökoko saadaan SVG:n width- ja height-attribuuteista. Absoluuttiset yksiköt muunnetaan pikseleiksi (1 in = 96 px, 1 pt = 1.33 px). Jos vain toinen mitta tai ei kumpaakaan ole annettu, viewBox määrittää mittasuhteet ja koon; ilman kumpaakaan selaimet käyttävät kokoa 300 × 150. Suhteellisia arvoja, kuten 100 %, ei voida ratkaista erilliselle tiedostolle, joten silloin käytetään viewBoxia.
SVG ladataan kuvana, mikä on turvallinen tapa renderöidä epäluotettavia tiedostoja: skriptejä ei suoriteta eikä ulkoisia resursseja, kuten linkitettyjä kuvia, verkkofontteja ja CSS-tiedostoja, noudeta. Teksti, joka käyttää fonttia, jota sinulla ei ole asennettuna, piirretään varafontilla. XML tarkistetaan ensin, joten kirjoitusvirhe näyttää selkeän virheen tyhjän kuvan sijaan.
Esimerkit
Sovelluskuvake SVG-logosta
Logo, jossa on viewBox="0 0 64 64" ja joka viedään leveyteen 1024, tuottaa 1024 × 1024 PNG:n terävin reunoin ja on valmis sovelluskauppaan tai favicon-generaattoriin.
Retina-kuva verkkosivustolle
Kuvitus, joka on 400 × 300 koossa 1× ja viedään mittakaavalla 2, tuottaa 800 × 600 PNG:n, joka pysyy terävänä suuren pikselitiheyden näytöillä.
Dia tai asiakirja
Kaavion SVG:n vienti mittakaavalla 3 valkoisella taustalla tuottaa PNG:n, jonka voi liittää esitysohjelmaan, joka ei tue SVG:tä.
Usein kysytyt kysymykset
Miksi tekstini on väärällä fontilla?
Verkosta linkitettyjä fontteja ei ladata, kun SVG piirretään kuvana. Laitteeseen asennettuja fontteja käytetään, jos ne vastaavat. Varmista muuntamalla teksti ääriviivoiksi suunnitteluohjelmassa tai upottamalla fontti SVG:hen data-URL-osoitteena.
Miksi linkitetyt kuvat puuttuvat?
SVG:n sisällä URL-osoitteella viitatut kuvat estetään turvallisuussyistä, kun SVG renderöidään kuvana. Upotetut kuvat (data:-URL:t) toimivat.
Mikä on suurin tulostekoko?
Enintään 16 384 px sivua kohti ja yhteensä 50 megapikseliä. Monimutkaisten SVG-tiedostojen erittäin suuret viennit voivat kestää muutaman sekunnin ja epäonnistua puhelimissa, joissa on vähän muistia.
Onko tuntemattomasta lähteestä peräisin olevan SVG:n muuntaminen turvallista?
Renderöinti täällä on turvallista: kuvana piirretty SVG ei voi suorittaa skriptejä eikä ladata ulkoisia resursseja. Muunnettu PNG sisältää vain pikseleitä.
Tietosuoja
Selaimesi jäsentää ja piirtää SVG:n. Sitä ei ladata palvelimelle, tallenneta eikä sisällytetä analytiikkaan.