Převést PNG do SVG zdarma
PNG je pro vektorizaci nejlepší rastrový výchozí soubor: hrany má bezeztrátové a pozadí často už průhledné. Nahrajte PNG, zvolte, kolik barev zachovat, a stáhněte SVG, jehož tvary můžete libovolně zvětšovat a upravovat.
Obrázek do SVG
nebo sem přetáhněte soubory JPG, JPEG, JFIF … ·
Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách
Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.
Vyšší zachová drobné tečky a jemnou texturu; nižší zahodí tvary menší než několik pixelů a vyčistí šum.
Vyšší zaoblí zubaté hrany z vstupu s nízkým rozlišením nebo JPG; nižší zachová ostré rohy.
Hladké křivky pro většinu obrázků, přímé úseky pro geometrická loga, pixelové hrany pro zachování hranatého pixel artu.
Jen pro vstup PDF: které stránky převést, např. 1 nebo 1-3, 5. Každá stránka se stane samostatným souborem.
Jak nástroj používat
- 1
Nahrajte PNG
Nahrajte PNG s logem, ikonou, samolepkou nebo kresbou, případně až 20 souborů najednou. Větší exporty se vektorizují lépe; PNG široké 1000 px dopadne líp než favicon o šířce 64 px.
- 2
Zvolte režim vektorizace
Pro běžné logo nechte Barevný režim na Barevný s 8 barvami, pro perokresbu přepněte na Černobílá, nebo nastavte Počet barev přesně podle designu.
- 3
Stáhněte SVG
Stiskněte Vektorizovat na SVG. Otevřete soubor, přibližte si nějakou křivku a pokud jsou hrany zubaté, zvyšte Vyhlazení v části Pokročilá nastavení a spusťte převod znovu.
Proč je PNG nejlepší obrázek pro převod do SVG
PNG vzniklo v roce 1995 jako náhrada GIF bez patentových omezení a v říjnu 1996 se stalo doporučením W3C. Komprese je bezztrátová, takže červená hrana vedle bílé zůstane přesně taková, bez vlnění a bloků. Pro vektorizaci je to ideální vstup: hranice mezi dvěma barvami leží přesně tam, kde ji určují pixely, a proložená křivka tak věrně kopíruje původní návrh.
PNG může obsahovat i alfa kanál, tedy samostatnou hodnotu průhlednosti pro každý pixel. Loga a ikony exportované z Figmy, Canvy nebo Photoshopu ho obvykle mají a funguje jako hotová maska: co je průhledné, je pozadí, co je neprůhledné, je obrázek. JPEG téhož loga má bílý obdélník zapečený přímo v obrázku, proto JPEG do SVG potřebuje silnější vyhlazení a často i Odstranit pozadí.
Protože je vstup čistý, tato stránka používá Detaily 70 a Vyhlazení 40, takže zachová malé rohy a patky písma, které se u JPEG stránek vyhladí. Náš návod na převod PNG do SVG je vysvětluje na příkladech.
Barevná, šedotónová nebo černobílá vektorizace
Barevný
Každý barevný shluk se stane samostatnou vrstvou vyplněných křivek.
- 2–64 barev
- Zachová barvy značky
- Vrstvené tvary, snadné přebarvení
Odstíny šedi
Jako barevný režim, ale shluky jsou odstíny šedi.
- 2–64 úrovní šedi
- Žádný barevný nádech
- Vhodné pro tužku a uhel
Černobílá
Jeden řez: každý pixel je buď tuš, nebo nic.
- Práh 1–254
- Nejmenší soubor
- Jediná sada křivek
Prahová hodnota při převodu PNG do SVG u kreseb
- 60
Zůstane jen nejtmavší tuš
- 128
Výchozí dělení na středně šedé
- 170
Zachová slabé nebo vyhlazené tahy
- 220
Světle šedá zčerná; hrany ztloustnou
PNG
Portable Network Graphics
PNG je rastrový formát bez ztráty kvality, který v roce 1996 zveřejnila skupina PNG Development Group a později ho standardizovaly W3C a ISO. Zachová každý pixel přesně, podporuje plnou průhlednost alfa a bez artefaktů zvládá text, ostré hrany i plné barvy. Díky této přesnosti je ideální pro snímky obrazovky, loga, ikony a grafiku rozhraní. Nevýhodou je velikost: fotografie uložené jako PNG bývají několikanásobně větší než stejná fotka v JPEG nebo WebP. Soubory PNG otevřou všechny prohlížeče, operační systémy i editory.
- Komprese
- Bezztrátová
- Průhlednost
- Ano
- Animace
- Ne
- Představeno
- 1996 · PNG Development Group
SVG
Scalable Vector Graphics
SVG je vektorový formát založený na XML, který W3C standardizovalo v roce 2001. Místo pixelů popisuje tvary, křivky a text, takže zůstává ostrý v libovolné velikosti a u log a ikon bývá drobný. Podporuje průhlednost, stylování pomocí CSS, skriptování a animace a každý prohlížeč ho zobrazí nativně. Pro fotografie SVG nevyhovuje a složité ilustrace se mohou vykreslovat pomalu. Otevřou a upraví ho Illustrator, Inkscape, Figma i prohlížeče.
- Komprese
- –
- Průhlednost
- Ano
- Animace
- Ano
- Představeno
- 2001 · W3C
PNG už má ostré hrany a často průhledné pozadí, proto ho lidé převádějí do SVG, aby získali logo nebo ikonu, která se dá škálovat pro tisk, řezací plotry a responzivní weby; SVG do PNG jde opačným směrem a vykresluje vektor do pixelů pro aplikace, které SVG neotevřou.
Příprava PNG před vektorizací
Exportujte ve vysokém rozlišení
Uložte PNG ve dvou až třech násobcích zobrazované velikosti. Křivky se prokládají hranami pixelů, takže víc pixelů znamená přesnější křivky.
Zrušte efekty
Stíny, záře a přechody se rozpadnou na desítky tenkých pásů. Před exportem je skryjte a v případě potřeby je přidejte zpět do SVG.
Spočítejte barvy
Zjistěte, kolik plných barev design používá, a zadejte toto číslo. Pro CNC nebo laser PNG do DXF vektorizuje stejný soubor do formátu CAD.
Převod PNG do SVG: časté otázky
Můžu převést PNG do SVG zdarma bez založení účtu?
Ano. Nahrajete, vektorizujete a stáhnete bez účtu, až 20 souborů v jedné dávce. Nahraná PNG i hotová SVG se ze serveru odstraní po 30 minutách.
Co se stane s průhlednými oblastmi mého PNG?
Alfa kanál PNG říká vektorizaci, které pixely patří k obrázku, takže zcela průhledné oblasti zůstanou prázdné a nezmění se na bílý tvar. Odstranit pozadí obvykle nepotřebujete; zapněte ho jen tehdy, když má PNG pevné bílé nebo barevné pozadí přímo v obrázku.
Proč má moje vektorizovaná ikona z PNG kolem každého tvaru slabý obrys?
Hladké hrany v PNG jsou vyhlazené: krajní pixely jsou napůl průhledné nebo představují směs dvou barev. Vektorizace může tuto směs vyhodnotit jako další tenkou barvu. Snižte Počet barev o jednu nebo dvě, případně zvyšte Vyhlazení, a okraj se se tvarem sloučí.
Jak si to stojí oproti funkci Image Trace v Illustratoru nebo Trace Bitmap v Inkscapu?
Postup je stejný: omezit barvy, najít hrany, proložit křivky. Illustrator nabízí předvolby jako Black and White Logo a 16 Colors, Inkscape umí oříznutí podle jasu a vícebarevné skeny. Zde tomu odpovídají volby Barevný režim, Počet barev a Práh, bez instalace čehokoli.
Bude text z mého PNG v SVG upravitelný jako text?
Ne. Písmena se převedou na obrysové tvary, které zachovají vzhled, ale nelze je znovu přepsat jako text. Pro logo to stačí; u snímku obrazovky plného textu je rychlejší text přepsat.
Moje PNG má přesně pět barev. Zachová je SVG přesně?
Nastavte Počet barev na 5. Vektorizace pak seskupí všechny pixely do pěti shluků a u PNG s plnými barvami tyto shluky odpovídají původním barvám.