SVG PNG-ks

Kuidas SVG-d PNG-ks teisendada

1. Lohista üks või mitu SVG-faili tõmbealale või klõpsa sellel nende valimiseks. Võid avada ka Või kleebi SVG-kood, kleepida koodi ja klõpsata Lisa SVG-kood.
2. Vali Väljundi suurus: - Mõõtkava tegur korrutab SVG enda suuruse (2 annab kaks korda laiema ja kaks korda kõrgema pildi); - Laius (kõrgus järgneb) või Kõrgus (laius järgneb) säilitab proportsioonid; - Täpne laius ja kõrgus sunnib mõlemad mõõtmed; - Eraldusvõime (DPI) renderdab füüsilised suurused nagu 2in või 50mm valitud DPI-ga.
3. Vali Vorming: PNG, JPG või WebP. JPG-l ja WebP-l on ka liugur Kvaliteet.
4. Jaotises Taust jäta Läbipaistev või vali Värv ja määra Taustavärv.
5. Klõpsa Teisenda pildiks. Igal failil on oma rida eelvaate, uue pikslisuuruse ja nupuga Laadi alla. Laadi kõik alla salvestab failid ükshaaval; Laadi alla ZIP paneb need ühte arhiivi.

Kuidas suurus arvutatakse

SVG kirjeldab kujundeid, mitte piksleid, seega saab seda joonistada teravalt mis tahes suuruses. Selle „loomulik“ suurus tuleb juurelemendi <svg> atribuutidest width ja height. Kui need puuduvad, kasutab tööriist viewBox-i (näiteks viewBox="0 0 24 24" annab 24 × 24), nagu brauserid teevad. Kui SVG-l pole kumbagi, kasutatakse brauseri vaikeväärtust 300 × 150.

Füüsilised pikkused teisendatakse CSS-i reegliga 96 pikslit tolli kohta: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Seepärast ütleb DPI (96 = algsuurus) 96: 300 DPI juures muutub ikoon, mille laius on deklareeritud width="1in", 300 pikslit laiaks, mida trükikoda ootabki.

Valikuga Täpne laius ja kõrgus tsentreeritakse joonistus, mille proportsioonid kasti omadest erinevad, ja see kujundatakse SVG enda preserveAspectRatio reegli järgi; seda ei venitata kunagi, kui fail seda ei nõua.

Brauserid ei saa luua lõuendit, mis on suurem kui umbes 16,7 miljonit pikslit (näiteks 4096 × 4096). Kui küsid rohkem, vähendatakse suurus suurima mahtuva pildini ja teade ütleb lõpliku suuruse.

PNG, JPG või WebP?

• PNG on kadudeta ja säilitab läbipaistvuse: parim valik ikoonide, logode ja diagrammide jaoks.
• JPG-l pole läbipaistvust, seega täidetakse läbipaistvad alad taustavärviga. Kasuta seda suurte illustratsioonide jaoks, kus failisuurus loeb rohkem kui teravad servad.
• WebP säilitab läbipaistvuse ja on tavaliselt väiksem kui PNG; iga praegune brauser kuvab seda.

Turvalisus ja piirangud

Sinu SVG-d ei sisestata kunagi lehele. See joonistatakse privaatselt blob-aadressilt lihtsa pildina, režiimis, kus brauserid ei käivita skripte ega lae midagi muud. Seetõttu väliseid viiteid ei laadita: Google Fontsi veebifonte, URL-iga lingitud pilte ja välised CSS-failid eiratakse, seega võib tekst ilmuda vaikefondis. Täpse välimuse säilitamiseks teisenda tekst oma redaktoris kontuurideks või põimi pildid enne teisendamist data URI-dena. Sinu arvutisse paigaldatud fonte saab endiselt kasutada.

Midagi ei laadita üles: renderdamine ja kodeerimine toimuvad sinu brauseris.