CodeKitHub
Slikovna orodja

Pretvori SVG v PNG ali JPG na spletu

Nazadnje posodobljeno:

Spremeni SVG vektorske datoteke v PNG ali JPG slike pri poljubni ločljivosti, ki jo potrebuješ. Odlično za platforme, ki zavračajo nalaganje SVG-jev — pisarniške dokumente, družbena omrežja, e-poštne podpise, tiskovne postopke. Upodabljanje poteka lokalno v tvojem brskalniku; tvoje datoteke ostanejo na tvoji napravi.

PNG keeps transparency; JPG fills it with white

    Kaj je to orodje?

    SVG je vektorska oblika zapisa — oblike, opisane z matematiko, neskončno povečljive, idealne za logotipe in ikone. A številna mesta je ne sprejemajo: Wordovi dokumenti, večina družbenih omrežij, e-poštni odjemalci in nešteti obrazci za nalaganje želijo slike v pikslih. Pretvorba (rasterizacija) upodobi vektor v PNG ali JPG pri določeni velikosti.

    Ker vektorji nimajo fiksne ločljivosti, izbereš širino izhoda — in ker je vir matematičen, je izvoz pri 2048 px enako oster kot pri 256 px. Izhod PNG ohrani prosojno ozadje SVG-ja; JPG ga zapolni z belo.

    Zakaj ga uporabiti?

    • Poljubna ločljivost iz enega vira: od 256 px favicona do 2048 px tiskovnega sredstva, vse pikselsko popolno.
    • Izhod PNG ohrani prosojnost — logotipi se prilegajo kateremukoli ozadju.
    • V nekaj sekundah odpravi zavrnitve nalaganja "SVG ni podprt".
    • Pretvorba več datotek hkrati, lokalna obdelava, brez nalaganja.
    • Obvladuje SVG-je brez izrecno določene širine/višine z branjem njihovega viewBox.

    Kako ga uporabljati

    1. Povleci .svg datoteke na okvir ali klikni za izbiro.
    2. Izberi izhodno širino — Samodejno uporabi lastno deklarirano velikost SVG-ja.
    3. Izberi PNG (ohrani prosojnost) ali JPG (belo ozadje).
    4. Prenesi vsako upodobljeno sliko; mere so prikazane za vsako datoteko posebej.

    Primer

    Vnos

    logo.svg — 4 KB vektor

    Rezultat

    logo.png — 1024×1024, prosojno ozadje, ostro pri vsakem pikslu

    En sam majhen vektorski vir ustvari pikselsko popolne rastre v poljubni velikosti, ki jo zahtevaš.

    Pogosti primeri uporabe

    • Dodajanje logotipa podjetja (ki ga oblikovalec običajno dostavi kot SVG) v Wordov ali PowerPointov dokument, ki ne podpira vdelave SVG-ja.
    • Ustvarjanje ikon aplikacij ali faviconov pri vsaki zahtevani pikselski velikosti (16, 32, 180, 512 px) iz enega glavnega SVG-ja.
    • Dodajanje ikone k e-poštnemu podpisu, saj večina e-poštnih odjemalcev upodablja le rastrske slike.
    • Nalaganje grafike na platformo družbenih omrežij ali CMS, ki zavrača datoteke SVG kot varnostni ukrep pri nalaganju.

    Zakaj sploh obstajajo omejitve nalaganja SVG

    Številne platforme posebej blokirajo nalaganje SVG-jev iz varnostnega razloga, ne zaradi napake: ker je SVG temelji na XML-ju in lahko tehnično vgradi JavaScript, je zlonamerni SVG lahko vektor za vrivanje skript, če ga platforma upodobi brez čiščenja. Rasterizacija SVG-ja v PNG ali JPG odstrani vse razen pikselskih podatkov, kar je eden od razlogov, zakaj je ta pretvorba pogosto obvezna in ne le priročna — ciljna platforma resnično ne more varno sprejeti vektorske oblike zapisa, ne glede na to, ali je tvoj konkreten SVG neškodljiv.

    Kako dejansko deluje neodvisnost od ločljivosti

    Datoteka SVG sploh ne shranjuje pikslov — shranjuje matematične definicije poti ("nariši črto od te točke do tiste točke", "napolni to krivuljo s to barvo") in viewBox, ki določa koordinatni prostor, v katerem te poti obstajajo. Ko jo rasteriziraš, upodabljalnik brskalnika vsakič znova preračuna vsako krivuljo in polnilo pri poljubnih pikselskih merah, ki jih zahtevaš, popolnoma na novo. To je temeljno drugače od spreminjanja velikosti obstoječe rastrske slike (JPG ali PNG), kjer povečava pomeni izmišljanje pikslov, ki nikoli niso obstajali, in vedno izgleda mehko — SVG, upodobljen pri 4000 px, je enako oster kot tisti pri 100 px, ker sta oba na novo izračunana iz iste natančne matematike, ne raztegnjena iz manjšega vira.

    Pogosta vprašanja

    Katero ločljivost naj izvozim?

    Prilagodi jo največji velikosti, pri kateri boš sliko prikazoval, in dodaj nekaj rezerve: 512 px pokrije večino spletnih logotipov, 1024 px+ za retina zaslone in predstavitve, 2048 px za tisk. Za razliko od povečave fotografij izvoz velikih dimenzij iz SVG-ja ne stane nič ostrine.

    Zakaj se moj SVG upodobi prazen ali pokvarjen?

    Običajno gre za zunanje reference: SVG-ji, ki se povezujejo na zunanje slike, pisave ali CSS, tega ne morejo naložiti znotraj varnostnega peskovnika brskalnika. SVG-ji z vgrajeno (inline) vsebino se pretvorijo brez težav. Besedilo se lahko tudi premakne, če uporablja pisavo, ki je tvoj sistem nima.

    PNG ali JPG izhod — kateri naj izberem?

    Skoraj vedno PNG: logotipi in ikone potrebujejo prosojnost in ostre robove, kar PNG ohrani, JPG pa uniči. Izberi JPG le, kadar to ciljno mesto izrecno zahteva ali kadar je SVG fotorealistična ilustracija.

    Ali lahko tu pretvorim PNG nazaj v SVG?

    Ne — to je bistveno drugačna naloga (sledenje pikslom v oblike), ki v najboljšem primeru ustvari približke. To orodje deluje v smeri vektor → raster, kar je natančno.

    Ali se moj SVG naloži za pretvorbo?

    Ne. Brskalnik upodobi SVG na lokalno platno (canvas) in na tvoji napravi zakodira PNG/JPG. Nič se ne prenaša.

    Ali naj svoj SVG izvozim kot PNG ali JPG?

    Če ima grafika prosojnost — logotip, ki mora biti na kateremkoli ozadju — izberi PNG: JPG nima alfa kanala in bo prosojna območja zapolnil z eno barvo. PNG je tudi boljši za ostrorobo umetnost, kot so ikone in diagrami. JPG izberi le, kadar SVG vsebuje fotografsko ali močno preliv-polnjeno vsebino in je velikost datoteke pomembnejša od ostrine robov.

    Sorodna orodja