Čo je tento nástroj?
SVG je vektorový formát — tvary popísané matematicky, nekonečne škálovateľné, ideálne pre logá a ikony. No mnoho miest ich neakceptuje: dokumenty Word, väčšina sociálnych platforiem, e-mailoví klienti a nespočet formulárov na nahrávanie chce pixelové obrázky. Konverzia (rasterizácia) vykreslí vektor do PNG alebo JPG s konkrétnou veľkosťou.
Keďže vektory nemajú pevné rozlíšenie, sami vyberáte šírku výstupu — a keďže zdroj je matematika, export s veľkosťou 2048px je presne rovnako ostrý ako export s 256px. Výstup PNG zachováva transparentné pozadie SVG; JPG ho vyplní bielou.
Prečo ho používať?
- Akékoľvek rozlíšenie z jedného zdroja: 256px favicon až 2048px tlačový podklad, všetko pixel-perfect.
- Výstup PNG zachováva transparentnosť — logá sa dajú umiestniť na akékoľvek pozadie.
- Vyrieši odmietnutia nahrávania kvôli „SVG nie je podporované“ v priebehu sekúnd.
- Hromadná konverzia, lokálne spracovanie, bez nahrávania.
- Spracúva SVG bez explicitnej šírky/výšky čítaním ich viewBox.
Ako sa používa
- Presuňte súbory .svg do poľa alebo kliknite na výber.
- Vyberte výstupnú šírku — Auto použije vlastnú deklarovanú veľkosť SVG.
- Vyberte PNG (zachová transparentnosť) alebo JPG (biele pozadie).
- Stiahnite si každý vykreslený obrázok; rozmery sú zobrazené pri každom súbore.
Príklad
Vstup
logo.svg — 4 KB vektorVýstup
logo.png — 1024×1024, transparentné pozadie, ostré na každom pixeliJeden malý vektorový zdroj vyprodukuje pixel-perfect rastre v akejkoľvek veľkosti, akú požadujete.
Bežné prípady použitia
- Pridanie firemného loga (zvyčajne dodaného ako SVG dizajnérom) do dokumentu Word alebo PowerPoint, ktorý nepodporuje vkladanie SVG.
- Generovanie ikon aplikácie alebo faviconov v každej požadovanej pixelovej veľkosti (16, 32, 180, 512px) z jedného hlavného SVG.
- Pripojenie ikony k e-mailovému podpisu, keďže väčšina e-mailových klientov vykresľuje iba rastrové obrázky.
- Nahrávanie grafiky na platformu sociálnych sietí alebo CMS, ktorý odmieta súbory SVG ako bezpečnostné opatrenie pri nahrávaní.
Prečo vôbec existujú obmedzenia nahrávania SVG
Mnohé platformy blokujú nahrávanie SVG konkrétne z bezpečnostných dôvodov, nie z prehliadnutia: keďže SVG je založené na XML a technicky môže vkladať JavaScript, škodlivé SVG môže byť vektorom pre vloženie skriptu, ak ho platforma vykreslí bez sanitizácie. Rasterizácia SVG na PNG alebo JPG odstráni všetko okrem pixelových dát, čo je jeden z dôvodov, prečo je táto konverzia často povinná, nie len pohodlná — cieľová platforma skutočne nemôže bezpečne prijať vektorový formát, bez ohľadu na to, či je vaše konkrétne SVG neškodné.
Ako skutočne funguje nezávislosť od rozlíšenia
SVG súbor vôbec neukladá pixely — ukladá definície matematických ciest („nakresli čiaru z tohto bodu do onoho bodu“, „vyplň túto krivku touto farbou“) a viewBox, ktorý definuje priestor súradníc, v ktorom tieto cesty žijú. Pri rasterizácii vykresľovací engine prehliadača prepočíta každú krivku a výplň v akýchkoľvek požadovaných pixelových rozmeroch, od nuly, zakaždým. To je zásadne odlišné od zväčšovania existujúceho rastrového obrázka (JPG alebo PNG), kde zväčšenie znamená vymýšľanie pixelov, ktoré tam nikdy neboli, a nevyhnutne vyzerá rozmazane — SVG vykreslené v 4000px je presne rovnako ostré ako vykreslené v 100px, pretože oboje sú čerstvo vypočítané z tej istej presnej matematiky, nie natiahnuté z menšieho zdroja.
Časté otázky
Aké rozlíšenie by som mal exportovať?
Zvoľte najväčšiu veľkosť, v ktorej ho zobrazíte, a potom o niečo väčšiu: 512px pokrýva väčšinu webových použití loga, 1024px+ pre displeje retina a prezentácie, 2048px pre tlač. Na rozdiel od zväčšovania fotografie, export vo väčšej veľkosti z SVG nestojí nič na ostrosti.
Prečo sa moje SVG vykresľuje prázdne alebo poškodené?
Zvyčajne ide o externé odkazy: SVG, ktoré odkazujú na externé obrázky, fonty alebo CSS, sa nemôžu načítať vnútri bezpečnostného sandboxu prehliadača. SVG so vloženým (inline) obsahom sa konvertujú v poriadku. Text sa tiež môže posunúť, ak používa font, ktorý vášmu systému chýba.
Výstup PNG alebo JPG — čo si mám vybrať?
Takmer vždy PNG: logá a ikony potrebujú transparentnosť a ostré hrany, ktoré PNG zachováva a JPG ničí. Zvoľte JPG iba vtedy, keď to cieľ striktne vyžaduje, alebo keď je SVG ilustrácia podobná fotografii.
Môžem tu konvertovať PNG späť na SVG?
Nie — to je zásadne odlišná úloha (prevod pixelov na tvary), ktorá prináša v najlepšom prípade približné výsledky. Tento nástroj funguje smerom vektor → raster, čo je presné.
Nahráva sa moje SVG na konverziu?
Nie. Prehliadač vykreslí SVG na lokálny canvas a zakóduje PNG/JPG vo vašom zariadení. Nič sa neprenáša.
Mám exportovať svoje SVG ako PNG alebo JPG?
Ak má grafika transparentnosť — logo, ktoré musí sedieť na akomkoľvek pozadí — zvoľte PNG: JPG nemá alfa kanál a vyplní transparentné oblasti plnou farbou. PNG je tiež lepšie pre ostrú grafiku ako ikony a diagramy. JPG zvoľte iba vtedy, keď SVG obsahuje fotografický alebo silne prechodmi vyplnený obsah a veľkosť súboru je dôležitejšia než hrany.