Zdarma převodník

SVG do PNG Konvertor

Převeďte vektorové soubory SVG na vysoce kvalitní rastrové obrázky PNG. Přizpůsobte si výstupní měřítko a barvu pozadí snadno ve svém prohlížeči.

Drag & Drop SVG zde

Podporuje až 50 MB

Nebo

O tomto nástroji

SVG (Scalable Vector Graphics) popisuje obrázky jako sadu geometrických primitiv – cesty, tvary, text, přechody – které se mění na libovolnou velikost bez ztráty kvality. PNG ukládá jednu obdélníkovou mřížku pixelů s pevným rozlišením. Převod SVG na PNG je krok rasterizace: instrukce pro kreslení SVG jsou vyhodnoceny ve zvolené velikosti pixelů a výsledná bitmapa je zakódována jako PNG. Výstup vypadá ostře při zadané velikosti, ale při zvětšení se rozpixeluje.

Tento konvertor vykresluje SVG pomocí vestavěného SVG enginu prohlížeče. SVG se načte do prvku Image, nakreslí se na plátno HTML5 ve zvolených výstupních rozměrech a exportuje se jako PNG přes canvas.toBlob. Protože prohlížeč provádí rastrování, komplexní funkce SVG – přechody, filtry, masky, animace jako statický snímek – se vykreslují stejným způsobem, jako na skutečné webové stránce.

Nejdůležitějším rozhodnutím při převodu SVG na PNG je cílová velikost. SVG je nezávislé na rozlišení, takže výběr velikosti PNG, která odpovídá skutečnému použití, zabrání nadměrnému zajišťování (velké soubory pro ikony o velikosti miniatur) a nedostatečnému zajišťování (rozmazaný výstup při pozdějším zvětšení). Společné cíle: 32×32 nebo 64×64 pro ikony, 256×256 nebo 512×512 pro loga, 1024×1024 pro grafiku hrdinů, 2048×2048 pro aktiva v kvalitě sítnice.

Proč převádět SVG na PNG

SVG je skvělé pro web a moderní designové nástroje, ale hrozné pro mnoho dalších kontextů. E-mailoví klienti vykreslují SVG nekonzistentně; někteří to blokují jako bezpečnostní riziko. Starší kancelářský software, určité CMS, služby třetích stran a téměř všechny kanály pro tisk fotografií SVG vůbec nepřijímají. Převod do formátu PNG vytvoří univerzálně přijímaný rastr, který vypadá identicky ve zvolené velikosti.

PNG se také spolehlivě vkládá do kancelářských dokumentů, slide decků a PDF bez závislosti na vykreslovacím modulu SVG příjemce. Pro loga a grafiku, která se musí zobrazovat konzistentně na mnoha platformách, je PNG bezpečnější volbou – i když ztrácí nezávislost na rozlišení, díky níž je SVG v první řadě atraktivní.

Jak používat

Vyberte si cílovou velikost, vykreslete. Prohlížeč provádí rastrování.

  1. Nahrajte soubor SVG: Přetáhněte SVG do oblasti nahrávání nebo kliknutím procházejte. Podporovány jsou soubory až do 50 MB, ačkoli typické soubory SVG jsou výrazně pod 1 MB. Nejlépe fungují samostatné SVG; Soubory SVG, které odkazují na externí obrázky prostřednictvím xlink:href na vzdálené adresy URL, se mohou vykreslit neúplné.
  2. Vyberte výstupní velikost: Výchozí jsou nativní rozměry viewBoxu SVG, ale můžete je přepsat na libovolnou velikost v pixelech. Vyberte velikost, která odpovídá vašemu skutečnému použití – vyhněte se vytváření 4K PNG pro ikony, které se zobrazí v rozlišení 32×32.
  3. Vykreslit: Prohlížeč analyzuje SVG, nakreslí jej na plátno v požadovaných rozměrech a exportuje plátno jako PNG. Komplexní SVG s filtry nebo velkým počtem cest může chvíli trvat; jednoduché ikony se vykreslují okamžitě.
  4. Stáhněte si PNG: Uložte soubor. Průhlednost v SVG (cokoli mimo nakreslené tvary) je zachována jako alfa kanál v PNG.

Běžné případy použití

Technické detaily

SVG (doporučení W3C) je vektorový formát založený na XML s prvky pro cesty, základní tvary (obdélník, kruh, elipsa, čára, mnohoúhelník, křivka), text, přechody (linearGradient, radialGradient), filtry, masky a cesty klipů. Prohlížeč analyzuje XML, vytvoří DOM, použije CSS a rastruje výsledek během vykreslování stránky.

Tento konvertor načte SVG do HTMLImageElement (který spouští normální cestu vykreslování SVG jako obrázek prohlížeče), poté jej nakreslí na plátno pomocí drawImage. Plátno se exportuje jako PNG pomocí canvas.toBlob('image/png'). Přesné pixely ve výstupu odpovídají tomu, co by SVG vykreslilo při stejné velikosti na kartě prohlížeče.

Okrajové případy: SVG používající ForeignObject není vždy podporováno při použití prostřednictvím prvku Image. SVG odkazující na externí zdroje (xlink:href na jinou doménu) se nemusí načíst kvůli CORS. Animace SMIL a animace řízené JavaScriptem se vykreslí pouze jako počáteční snímek.

Nejlepší postupy

Často kladené dotazy

Ztratí moje SVG kvalitu při převodu na PNG?
Konverze vektoru na rastr znamená, že obrázek se stane pixelovým a nemůže se již nekonečně měnit. Zvolte vysoké rozlišení, abyste zajistili, že PNG bude vypadat ostře při zamýšlené velikosti zobrazení.
K čemu se používá formát PNG?
PNG (Portable Network Graphics) se primárně používá pro grafiku s průhledností, snímky obrazovky, loga, ikony.
Existují nějaká omezení, která je třeba si uvědomit?
Podporovány jsou soubory do 50 MB. Zpracování velmi velkých nebo složitých souborů může trvat déle. Veškerá konverze probíhá ve vašem prohlížeči, takže rychlost zpracování závisí na vašem zařízení.
Jsou moje obrázky během převodu soukromé?
Ano. Vaše soubory SVG jsou zpracovávány výhradně ve vašem prohlížeči pomocí rozhraní Canvas API a JavaScriptu. Nic se nenahrává na žádný server – soubor jde přímo z vašeho zařízení do převodníku a zpět do vašeho zařízení.
Je text vykreslen jako text nebo jako cesty?
Text je ve výstupním PNG rastrován jako pixely. Výstup již nelze prohledávat ani vybírat. Pokud váš SVG používá písma, která nejsou v prohlížeči dostupná, text se může vykreslit jako záložní písmo; převést text na cesty v SVG před vykreslením pro zaručený vzhled.
Je moje SVG nahráno na server?
Ne. Analýza a vykreslení SVG probíhá ve vašem prohlížeči; Kódování PNG probíhá ve vašem prohlížeči. Soubor neopustí vaše zařízení.
Proč je můj převedený PNG prázdný?
Běžné příčiny: SVG odkazuje na externí obrazy, které se nepodařilo načíst kvůli CORS; SVG používá funkce, které nejsou podporovány cestou vykreslování obrazového prvku (foreignObject, určité filtry); SVG má nulovou dimenzi viewBox. Otevřete SVG přímo v prohlížeči a potvrďte, že se před převodem vykresluje.
Mohu převést SVG na PNG ve skriptu?
Ano – pro dávkové úlohy vykresluje nastavení Node.js pomocí ostrého nebo loutkáře SVG do PNG s podobnou věrností jako prohlížeč. Tento nástroj je určen pro jednorázové konverze v prohlížeči bez instalace čehokoli.