IMG.DIY / Navíc / Obrázek do SVG

Obrázek do SVG

Proměňte ploché logo, ikonu nebo perokresbu ve škálovatelné SVG — vektorizované lokálně ve vašem prohlížeči.

Obrázek do SVG visual example
Soukromí na prvním místě: nic se nenahrává.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Obrázek do SVG: 1 · Choose input
1 · Choose input
Obrázek do SVG: 2 · Adjust and process
2 · Adjust and process
Obrázek do SVG: 3 · Download result
3 · Download result

Máte logo nebo ikonu, která existuje jen jako malé PNG, a potřebujete ji ostrou v jakékoli velikosti? Tento nástroj obkreslí obrázek do SVG — vektoru složeného z tvarů a cest, který se škáluje na jakoukoli velikost bez rozmazání. Vyberte styl od plochého po detailní a stáhněte SVG.

Vektorizace běží ve vašem prohlížeči s enginem imagetracer, takže se nic nenahrává. Upřímně k limitům: exceluje na plochých logách, ikonách a perokresbě. Fotografie se obkreslí také, ale vzniknou obrovské, rozpité soubory — pro fotky chcete rastrový formát, ne SVG.

Jak na to

  1. Přidejte obrázekVložte PNG nebo JPG logo, ikonu či skicu.
  2. Vyberte stylPlochý/logo, detailní, posterizovaný, nebo černobílý — náhled se aktualizuje živě.
  3. Stáhněte SVGUložte vektor, připravený ke škálování na jakoukoli velikost.

Tento nástroj obkreslí rastrový obrázek — PNG nebo JPG — do vektorového SVG, přímo ve vašem prohlížeči. Přečte obrázek z canvasu na vašem vlastním počítači a pomocí enginu imagetracer najde tvary uvnitř, kolem každé barevné oblasti nakreslí vektorové cesty. Smyslem je, že SVG je tvořeno geometrií, ne pixely, takže zůstává dokonale ostré, ať jde o favicon nebo billboard, zatímco PNG se rozmaže, jakmile ho zvětšíte. Vložíte obrázek, vyberete přednastavený styl, porovnáte náhled před/po a stáhnete SVG.

Je opravdu dobrý na plochý vstup s čistými hranami: loga, ikony, jednoduché ilustrace, perokresbu, ruční písmo. Ty mají malou paletu a jasné hrany, což je přesně to, co tracer čte dobře, takže dostanete úhledné, upravitelné SVG s hrstkou tvarů. Předvolby řídí výsledek — Plochý/logo drží barvy nízko, Detailní jich povolí víc, Posterizovaný rozdělí obrázek do výrazných ploch, Černobílý ho zredukuje na dva tóny. Vše běží lokálně: nic se nenahrává, není žádný účet a po načtení funguje i offline. Je to skutečné trasování, ne AI překreslení — sleduje vaše pixely, místo aby vymýšlelo hezčí obrázek.

K čemu ho lidé používají

Proměňte ploché PNG logo v SVG, které zůstane ostré od faviconu po billboard

Vektorizujte jednoduchou ikonu nebo perokresbu, abyste ji později mohli přebarvit

Převeďte ruční písmo nebo obrys podpisu na upravitelný vektorový tvar

Obkreslete dvou- nebo tříbarevnou značku pro tisk, kde na ostrých hranách záleží v každé velikosti

Dostaňte ilustraci do SVG, aby se čistě škálovala na displejích s vysokým rozlišením

Přestavte malé, rozmazané logo na vektorové cesty, které dočistíte v editoru

Proč IMG.DIY

Rastr → vektor

Mění PNG/JPG na škálovatelné SVG cesty.

Přednastavené styly

Plochý, detailní, posterizovaný nebo ČB.

Čisté škálování

Ostré v jakékoli velikosti, na rozdíl od nataženého rastru.

Soukromé

Vektorizováno lokálně — nikdy se nenahrává.

Časté dotazy

Jaké obrázky fungují nejlépe?
Plochá loga, ikony, jednoduché ilustrace a perokresba. Méně barev a čisté hrany dávají čistá, kompaktní SVG.
Proč z mé fotky vzniká obrovské SVG?
Fotky mají tisíce jemných barevných oblastí, takže vektorizace vytvoří obrovské množství cest. SVG je pro fotky špatný formát — ty nechte jako JPG/PNG.
Můžu SVG následně přebarvit?
Ano. Výstupem jsou standardní SVG cesty, takže je můžete otevřít ve vektorovém editoru a měnit výplně, velikosti i barvy.
Nahrává se můj obrázek?
Ne. Vektorizace běží celá ve vašem prohlížeči; obrázek nikdy neopustí vaše zařízení.
Jaký druh obrázku dává nejlepší výsledek?
Něco plochého s čistými hranami a malým počtem plných barev — logo, ikona, jednoduchá ilustrace nebo perokresba. Tracer najde každý blok barvy a nakreslí kolem něj těsnou cestu, takže ostrý zdroj ve vysokém rozlišení s málo barvami dává malé, ostré SVG. Měkké gradienty a rušné detaily ho matou a přidávají nepořádek.
Proč z trasování fotky vzniká tak obrovský soubor?
Fotka má tisíce jemně odlišných barev a žádné tvrdé hrany, takže tracer to všechno musí aproximovat vrstvenými, překrývajícími se skvrnami plochých barev. Vznikne SVG mnohem větší než původní JPG, které vypadá rozmazaně, ne fotograficky. Pro fotky zůstaňte u rastrového formátu a komprimujte — SVG je pro tvary, ne pro plynulé tóny.
Můžu po trasování změnit barvy?
Ano. Výstupem je normální SVG složené z pojmenovaných cest a výplní, takže ho otevřete ve vektorovém editoru jako Illustrator, Inkscape nebo Figma a barvu celé oblasti změníte úpravou jedné výplně. Můžete nastavit přesné firemní hex hodnoty, smazat zbloudilé tvary, které trasování zachytilo, nebo posunout cesty — trasování je výchozí bod, ne zamčený výsledek.
Nahrává se můj obrázek někam?
Ne. Celé trasování běží ve vašem prohlížeči — obrázek se čte z canvasu na vašem vlastním počítači a nikdy neopustí vaše zařízení. Není tu žádný účet ani server, a jakmile se stránka načte, funguje i s vypnutou sítí, což se hodí u loga, které byste raději nikam neposílali.

Související nástroje

Návody a tipy