SVGtoPNG
Live

Profesionální konvertor SVG na PNG

Převeďte SVG do PNG okamžitě a zdarma. Užijte si 100% soukromí: vaše soubory jsou zpracovávány lokálně a nikdy neopouštějí vaše zařízení. Posuňte své návrhy na další úroveň pomocí našich pěti vlastních převodních multiplikátorů (1x, 2x, 3x, 4x a 8x), které jsou navrženy tak, aby rozšiřovaly, optimalizovaly a vylepšovaly ostrost každého obrázku podle vašich přesných požadavků.

Přetáhněte svůj soubor SVG sem nebo procházet

Podporuje čistý vektorový kód SVG (Scalable Vector Graphics)

Praktický průvodce převodem SVG na PNG

Dobrý export začíná tam, kde se bude obrázek používat. Tento průvodce vysvětluje, jak zvolit měřítko, připravit soubor SVG a zkontrolovat PNG před jeho použitím.

1. Začněte u cíle

Před převodem zkontrolujte pixelové rozměry požadované webovou stránkou, dokumentem, e-mailovým systémem nebo designovou aplikací, která obrázek přijme. Tento nástroj škáluje vykreslené rozměry SVG pomocí vybraného násobku; neposkytuje vlastní pole pro šířku a výšku. Pokud platforma požaduje šířku 1200 pixelů, porovnejte tento cíl se zobrazenou šířkou SVG a vyberte násobek, který se blíží, aniž by vytvořil zbytečně velký soubor.

2. Pochopte faktory měřítka

Možnosti jsou 1x, 2x, 3x, 4x a 8x. Násobek ovlivňuje šířku i výšku: zdroj 200 × 100 vykreslený při 2x se stane 400 × 200 pixelů. Počet pixelů roste s kvadrátem násobku, takže 8x produkuje 64krát více pixelů než 1x. Větší výstup může spotřebovat výrazně více paměti a nemusí vypadat lépe, když původní grafika nebo cílový displej to nepotřebují.

3. Vyberte faktor pro displeje

Pro standardní grafiku rozhraní je 1x nebo 2x často praktickým východiskem; 2x může pomoci na displejích s vysokou hustotou, když cílové rozvržení obrázek zmenšuje. Zvolte 3x nebo 4x pouze tehdy, když design potřebuje dodatečné pixelové rozměry. Používejte 8x selektivně, protože velmi velká plátna mohou trvat déle při vykreslování nebo překročit limity prohlížeče.

4. Rozhodněte, zda by pozadí mělo být průhledné

Zvolte Průhledné, když musí být PNG umístěn nad barevnou stránkou, prezentací nebo jiným obrázkem. Zvolte Bílé, když cíl očekává bílý obdélník nebo když pevné pozadí usnadňuje kontrolu grafiky. PNG podporuje průhlednost, ale cílová aplikace může zobrazit průhledné pixely nad šachovnicovým vzorem nebo je při vložení obrázku zploštit.

5. Připravte SVG před exportem

Otevřete zdroj ve vektorovém editoru a zkontrolujte, zda má smysluplný viewBox a viditelnou grafiku uvnitř tohoto viewBoxu. Převeďte nebo vložte písma, pokud musí design vypadat identicky na zařízeních, kterým tato písma chybí. Udržujte propojené obrázky a externí zdroje dostupné; tento převaděč v prohlížeči nemusí vykreslit vzdálená písma, propojené obrázky, skripty nebo jiné externí závislosti ze souboru SVG.

6. Převeďte a zkontrolujte náhled

Vyberte jeden soubor SVG, zvolte měřítko a pozadí a poté jej převeďte. Zkontrolujte, zda je celá kresba viditelná, zda text a jemné čáry zůstávají čitelné a zda má náhled očekávané pozadí. Pokud je výsledek oříznutý, zkontrolujte SVG viewBox a rozměry v původním souboru. Převaděč zpracovává jeden soubor po druhém a nabízí stažení PNG pro daný soubor.

7. Zkontrolujte pixely a velikost souboru

Použijte PNG v zamýšleném kontextu a zkontrolujte jej ve velikosti, ve které se skutečně zobrazí. Velký pixelový rozměr automaticky nezlepšuje malou ikonu na obrazovce. Pokud je PNG příliš velký, vraťte se k SVG a exportujte s nižším faktorem. Pokud vypadá rozostřeně, ověřte, zda cíl po převodu nezvětšuje malý rastrový obrázek.

8. Ponechte si upravitelný zdroj

Uložte původní SVG vedle PNG. SVG zachovává vektorové cesty a je obecně lepší pro pozdější úpravy, přebarvování a změnu velikosti. PNG je pohodlná kopie s pevnou velikostí pro cíle, které potřebují rastrové obrázky. Ponechání obou vám umožňuje vytvořit další PNG v jiné velikosti bez opakovaného škálování již rastrizovaného obrázku.

Kdy byste měli převést SVG na PNG?

Převod je užitečný, když cíl vyžaduje pixely namísto vektorů. Ponechte si SVG, když ho cíl podporuje a vy potřebujete škálovatelnou, upravitelnou grafiku.

Služba přijímá PNG, ale odmítá SVG

Některé formuláře pro nahrávání, systémy obsahu a nástroje pro profilové obrázky přijímají pouze běžné rastrové formáty. PNG poskytuje těmto službám obrázek o pevné velikosti a zároveň zachovává čisté okraje při exportu v odpovídajících rozměrech.

E-mail nebo kancelářský dokument vykresluje SVG nekonzistentně

E-mailoví klienti a kancelářské aplikace nezpracovávají vkládané SVG stejným způsobem. PNG může učinit logo nebo diagram předvídatelnějším v takových kontextech. Ponechte si originál SVG, abyste mohli grafiku později aktualizovat.

Potřebujete snímek v určitém pixelovém měřítku

PNG je užitečné, když předání vyžaduje známý rastrový prvek. Zvolte měřítko na základě vykreslené velikosti SVG a specifikace příjmu a poté ověřte výsledné rozměry v prohlížeči obrázků.

Pracovní postup vyžaduje nahrání rastru

Některé formuláře, starší editory a kanály pro zpracování obrazu přijímají PNG, ale ne vektorové soubory. Převeďte kopii pro tento pracovní postup; nenahrazujte zdrojový vektor, pokud jsou pravděpodobné budoucí úpravy.

Potřebujete průhlednost v rastrové grafice

PNG může zachovat průhledné pixely, což pomáhá při umístění loga nebo ikony na různá pozadí. Vyberte průhlednou možnost a potvrďte, že cíl zachovává alfa průhlednost.

Připravujete tiskový prvek

Převeďte až po kontrole pixelových rozměrů nebo rozlišení požadovaných tiskárnou. Tento nástroj nabízí multiplikátory měřítka namísto ovládacích prvků DPI a větší PNG nemůže obnovit chybějící detaily v SVG ani učinit zdroj s nízkým rozlišením přesnějším.

Technické základy: Co se děje během převodu

Znalost toho, jak se vektorová geometrie stává rastrovým obrázkem, pomáhá vysvětlit výstupní velikost, průhlednost, kompatibilitu a běžné rozdíly v vykreslování.

SVG popisuje tvary; PNG ukládá pixely

SVG je vektorový formát založený na XML, který popisuje cesty, tvary, text a další pokyny pro kreslení. PNG ukládá obdélníkovou mřížku pixelů. Rasterizace SVG znamená kreslení těchto vektorových pokynů na pixelovou mřížku ve zvolené velikosti; po exportu může zvětšení PNG odhalit pixely, které nebyly ve vektorovém zdroji viditelné.

Viewbox a výřez definují oblast kreslení

SVG viewBox mapuje souřadnicový systém na zobrazený výřez (viewport). Pokud viewBox chybí, je nesprávný nebo větší než grafika, může mít obrázek neočekávané bílé okraje nebo oříznutí. Zkontrolujte rozměry SVG a viewBox ve zdrojovém editoru, když je ohraničení náhledu nesprávné.

Měřítko násobí každý rozměr

Pokud prohlížeč vykresluje zdroj o W krát H pixelech a zvolený faktor je S, cílové plátno je W × S krát H × S. Výsledný počet pixelů je W × H × S². Proto vysoké multiplikátory mohou spotřebovat podstatně více paměti a proto by mělo být 8x zvoleno pouze tehdy, když cíl tyto extra pixely potřebuje.

Vykreslování plátna provádí prohlížeč

Stránka načte vybraný soubor SVG v prohlížeči, vytvoří obrázek z jeho obsahu, nakreslí tento obrázek na plátno HTML a exportuje plátno jako PNG. Chování při vykreslování a maximální rozměry plátna se liší podle prohlížečů a zařízení. Velmi velká nebo složitá SVG data mohou trvat déle nebo se vykreslit nepodaří.

Průhlednost je uložena v alfa kanálu PNG

Když je zvoleno Průhledné, plátno se před kreslením vymaže. Výstupní PNG může zachovat průhlednost jednotlivých pixelů prostřednictvím svého alfa kanálu. Když je zvoleno Bílé, převaděč nejprve vykreslí bílý obdélník, takže průhledné oblasti ve zdroji se v exportovaném obrázku stanou bílými.

Komprese PNG je bezeztrátová, ale výsledek se přesto může lišit

PNG používá bezeztrátovou kompresi pro pixely, které přijímá; to neznamená, že vykreslování z vektoru na pixel je v každém prostředí totožné. Vyhlazování (antialiasing), správa barev, písma, filtry a vykreslování v prohlížeči mohou ovlivnit pixely vytvořené během rasterizace.

Písma, filtry a propojené zdroje ovlivňují vykreslování

SVG může odkazovat na písma nebo obrázky, které nejsou v souboru vloženy. Může také používat filtry nebo funkce, které prohlížeče implementují odlišně. Pro spolehlivý export vložte nebo převeďte důležitá písma na cesty, zahrňte požadované obrázky a porovnejte náhled v prohlížeči se zdrojem ve vektorovém editoru.

Omezení prohlížeče a zabezpečení SVG jsou důležité

Paměť plátna roste s počtem výstupních pixelů, takže velké multiplikátory mohou vyčerpat dostupnou paměť. Převeďte pouze soubory SVG, kterým důvěřujete. Tento nástroj neodesílá vybraný zdroj na konverzní server, ale toto prohlášení nereviduje samotný SVG ani nezaručuje, že každá vložená externí reference je inertní. Vyhněte se nedůvěryhodným souborům a před převodem odstraňte zbytečné skripty nebo vzdálené reference ve vektorovém editoru.

Technické často kladené otázky · 1–5

Mění tento převaděč soubor SVG?

Ne. Čte vybraný SVG v prohlížeči a vytvoří samostatné stažení PNG. Váš původní soubor zůstává na vašem zařízení; ponechte si jej jako upravitelný hlavní soubor.

Jak vypočítám výstupní rozměry?

Vynásobte šířku a výšku vykreslenou prohlížečem zvoleným faktorem. Například 240 × 120 při 2x se stane 480 × 240 pixelů. Pokud má SVG neobvyklou velikost nebo viewBox, ověřte náhled a zkontrolujte rozměry staženého PNG.

Poskytuje 8x vždy lepší kvalitu?

Ne. Vytváří více pixelů, nikoli více vektorových detailů. Může pomoci, když je vyžadován větší rastr, ale také zvětší počet pixelů na 64násobek 1x a může spotřebovat mnohem více paměti. Zvolte nejmenší faktor, který splňuje skutečnou cílovou velikost.

Proč má PNG prázdné okraje nebo oříznutou grafiku?

SVG viewBox nebo výřez mohou obsahovat přebytečný prostor nebo oříznout části kresby. Otevřete zdroj ve vektorovém editoru, upravte stránku nebo viewBox tak, aby odpovídal grafice, uložte kopii a tuto kopii převeďte znovu.

Proč můj text po převodu vypadá jinak?

Prohlížeči může chybět písmo použité v SVG, nebo soubor odkazuje na písmo, které není vloženo. Vložte písmo nebo převeďte text na cesty ve vektorovém editoru, pokud máte oprávnění upravovat zdroj, a poté porovnejte výsledek.

Technické často kladené otázky · 6–10

Proč chybí propojený obrázek nebo filtr?

SVG může záviset na externím obrázku, písmu, filtru nebo funkci, která není k dispozici nebo je prohlížečem zpracována odlišně. Pokud je to možné, vložte požadované obrázky a písma, zjednodušte nepodporované efekty a otestujte SVG v prohlížeči před převodem.

Mohu udělat pozadí průhledným?

Ano. Před převodem vyberte Průhledné. Nástroj vymaže plátno před kreslením. Zkontrolujte stažený PNG v editoru, který zobrazuje průhlednost; některé prohlížeče zobrazují průhledné pixely na bílém pozadí, což je může činit neprůhlednými.

Mohu zadat přesnou šířku, výšku nebo DPI?

Tato verze nabízí multiplikátory 1x, 2x, 3x, 4x a 8x. Neobsahuje samostatná pole pro šířku a výšku ani nastavení DPI. Pokud potřebujete přesné rozměry, použijte nejbližší násobek a poté změňte velikost kopie v grafickém editoru.

Mohu převést více souborů SVG najednou?

Aktuální rozhraní vybírá a převádí jeden soubor SVG na operaci. Převeďte každý soubor zvlášť a zkontrolujte jeho výstup, než přejdete k dalšímu; dávkové zpracování a stahování ZIP zde nejsou nabízeny.

Jaké soubory jsou přijímány?

Ovládací prvek pro nahrávání je zaměřen na soubory SVG. Pokud je soubor odmítnut nebo se vykreslení nezdaří, ověřte, zda se jedná o platné SVG a zda se otevírá v aktuálním prohlížeči nebo vektorovém editoru. Tento nástroj není obecným převaděčem formátů obrázků.

Technické často kladené otázky · 11–15

Nahrávají se mé soubory SVG na váš server?

Konverzní kód čte vybraný soubor v prohlížeči a neodesílá zdrojový soubor do konverzního API. To nezaručuje, že SVG neobsahuje externí odkazy; vyhněte se nedůvěryhodným souborům a před otevřením zkontrolujte jejich reference.

Proč převod u velmi velkého souboru selže?

Prohlížeč musí přidělit plátno pro každý výstupní pixel. Velký zdroj v kombinaci s vysokým multiplikátorem může překročit paměť zařízení nebo limity plátna prohlížeče. Vyzkoušejte nižší faktor, zjednodušte SVG nebo jej exportujte pomocí grafické aplikace, která podporuje větší plátna.

Bude PNG při tisku ostrý?

To závisí na fyzické velikosti tisku a požadovaném rozlišení. Tento nástroj škáluje pixelové rozměry, ale nenastavuje tiskové DPI. Zeptejte se tiskárny na požadované pixelové rozměry nebo rozlišení a poté ověřte, zda vygenerovaný PNG tyto požadavky splňuje.

Proč se barvy nebo okraje mezi prohlížeči liší?

Prohlížeče se mohou lišit v dostupnosti písem, vyhlazování, správě barev a podpoře funkcí SVG. Pro opakované exporty, kdy záleží na konzistenci, použijte vložený nebo převedený text, standardní funkce SVG a stejný prohlížeč.

Co mám dělat, když je náhled prázdný?

Ověřte, že soubor obsahuje viditelnou grafiku, má platnou značku SVG a používá viewBox a rozměry, které obklopují kresbu. Odstraňte nepodporované externí závislosti, otestujte soubor v prohlížeči a před zvětšením měřítka to zkuste znovu při 1x.