UltKit

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

Výstup
8

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 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. 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. 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

Výchozí

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í
Nejlepší pro: Loga, ikony, samolepky, plošné ilustrace
Odstíny

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
Nejlepší pro: Skici, rytiny, jednobarevné tisky
Dva tóny

Černobílá

Jeden řez: každý pixel je buď tuš, nebo nic.

  • Práh 1–254
  • Nejmenší soubor
  • Jediná sada křivek
Nejlepší pro: Podpisy, šablony, řezání vinylu a laserem

Prahová hodnota při převodu PNG do SVG u kreseb

  1. 60

    Zůstane jen nejtmavší tuš

  2. 128

    Výchozí dělení na středně šedé

  3. 170

    Zachová slabé nebo vyhlazené tahy

  4. 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
Převodník PNG

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
Převodník SVG

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í

  1. 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.

  2. 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.

  3. 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.