Co je tento nástroj?
SVG je vektorový formát — tvary popsané matematikou, nekonečně škálovatelné, ideální pro loga a ikony. Ale mnoho míst ho nepřijímá: dokumenty Word, většina sociálních platforem, e-mailoví klienti a nespočet formulářů pro nahrávání chtějí pixelové obrázky. Konverze (rastrování) vykresluje vektor do PNG nebo JPG v konkrétní velikosti.
Protože vektory nemají pevné rozlišení, vyberete výstupní šířku — a protože zdroj je matematika, export 2048px je přesně stejně ostrý jako export 256px. Výstup PNG zachovává průhledné pozadí SVG; JPG ho vyplní bílou barvou.
Proč ho používat?
- Jakékoli rozlišení z jednoho zdroje: od faviconu 256px po tiskové aktivum 2048px, vše dokonale ostré.
- Výstup PNG zachovává průhlednost — loga lze umístit na jakékoli pozadí.
- Opraví odmítnutí nahrávání "SVG není podporováno" za pár vteřin.
- Dávková konverze, lokální zpracování, bez nahrávání.
- Zpracovává SVG bez explicitní šířky/výšky čtením jejich viewBoxu.
Jak se používá
- Přetáhněte soubory .svg do pole nebo klikněte pro výběr.
- Vyberte výstupní šířku — Auto použije vlastní deklarovanou velikost SVG.
- Vyberte PNG (zachová průhlednost) nebo JPG (bílé pozadí).
- Stáhněte každý vykreslený obrázek; rozměry jsou zobrazeny u každého souboru.
Příklad
Vstup
logo.svg — 4 KB vektorVýstup
logo.png — 1024×1024, průhledné pozadí, ostré na každém pixeluJeden malý vektorový zdroj vytváří dokonale ostré rastry v jakékoli velikosti, jakou požadujete.
Běžné případy použití
- Přidání firemního loga (obvykle dodaného designérem jako SVG) do dokumentu Word nebo PowerPoint, který nepodporuje vkládání SVG.
- Generování ikon aplikací nebo faviconů v každé požadované pixelové velikosti (16, 32, 180, 512px) z jednoho hlavního SVG.
- Připojení ikony k e-mailovému podpisu, protože většina e-mailových klientů vykresluje pouze rastrové obrázky.
- Nahrávání grafiky na sociální platformu nebo CMS, které odmítá soubory SVG jako bezpečnostní opatření při nahrávání.
Proč vůbec existují omezení pro nahrávání SVG
Mnoho platforem konkrétně blokuje nahrávání SVG z bezpečnostního důvodu, ne z přehlédnutí: protože SVG je založeno na XML a technicky může vkládat JavaScript, škodlivé SVG může být vektorem pro injekci skriptu, pokud ho platforma vykresluje bez ošetření. Rastrování SVG do PNG nebo JPG odstraní vše kromě pixelových dat, což je jeden z důvodů, proč je tato konverze často spíše vyžadována, než jen výhodná — cílová platforma opravdu nemůže bezpečně přijmout vektorový formát, bez ohledu na to, zda je konkrétní SVG neškodné.
Jak vlastně funguje nezávislost na rozlišení
Soubor SVG neukládá pixely vůbec — ukládá matematické definice cest ("nakresli čáru z tohoto bodu do tamtoho bodu", "vyplň tuto křivku touto barvou") a viewBox, který definuje souřadnicový prostor, ve kterém tyto cesty žijí. Když ho rastrujete, vykreslovací engine prohlížeče přepočítá každou křivku a výplň v požadovaných pixelových rozměrech, od nuly, pokaždé. To je zásadně odlišné od zvětšování existujícího rastrového obrázku (JPG nebo PNG), kde zvětšení znamená vymýšlení pixelů, které tam nikdy nebyly, a nevyhnutelně vypadá rozostřeně — SVG vykreslené na 4000px je přesně stejně ostré jako na 100px, protože obojí je čerstvě spočítáno ze stejné přesné matematiky, ne roztaženo z menšího zdroje.
Časté dotazy
Jaké rozlišení bych měl exportovat?
Odpovídejte největší zobrazované velikosti, plus rezerva: 512px pokrývá většinu webových použití loga, 1024px+ pro displeje retina a prezentace, 2048px pro tisk. Na rozdíl od zvětšování fotografie exportování velkého rozměru ze SVG nestojí nic na ostrosti.
Proč se moje SVG vykresluje prázdně nebo poškozeně?
Obvykle externí odkazy: SVG odkazující na externí obrázky, fonty nebo CSS nemohou tyto zdroje načíst uvnitř bezpečnostního sandboxu prohlížeče. SVG s vloženým (inline) obsahem se převádějí v pořádku. Text se také může posunout, pokud používá font, který ve vašem systému chybí.
PNG nebo JPG výstup — co mám vybrat?
Skoro vždy PNG: loga a ikony potřebují průhlednost a ostré hrany, které PNG zachovává a JPG ničí. Vyberte JPG jen tehdy, když to cíl přísně vyžaduje nebo je SVG ilustrace podobná fotografii.
Mohu zde převést PNG zpět na SVG?
Ne — to je zásadně odlišný úkol (vysledování pixelů do tvarů), který produkuje přinejlepším aproximace. Tento nástroj jde vektor → rastr, což je přesné.
Nahrává se moje SVG kvůli konverzi?
Ne. Prohlížeč vykresluje SVG na lokální plátno (canvas) a kóduje PNG/JPG na vašem zařízení. Nic se nepřenáší.
Mám exportovat svou SVG jako PNG nebo JPG?
Pokud má grafika průhlednost — logo, které musí sedět na jakémkoli pozadí — vyberte PNG: JPG nemá alfa kanál a vyplní průhledné oblasti plnou barvou. PNG je také lepší pro grafiku s ostrými hranami jako ikony a diagramy. Vyberte JPG jen tehdy, když SVG obsahuje fotografický nebo silně gradientový obsah a velikost souboru je důležitější než hrany.