Čeština
Přispět na kafe

Převodník pixel artu do SVG | Lokálně ve vašem prohlížeči

Každý pixel přesně v mřížce. Nahrajte pixel art až do 1024 × 1024 a stáhněte bezeztrátové vektorové SVG.

Nebo vyzkoušejte ukázku
0: původní barvy · 100: dvě barvy

Vyberte obrázek nebo vyzkoušejte ukázku.

Stáhnout SVG

Porovnání

OriginálVýstup SVG
Vyberte obrázek k porovnání
Vyberte obrázek k porovnání
OriginálVýstup SVG

1 zdrojový pixel = 1 jednotka SVG. Odstranění barvy používá přesnou shodu RGB ještě před posterizací; funguje i #FFF. Pro zachování bílé odstranění vypněte. Zcela průhledné pixely zůstávají průhledné.

Vlevo originál, vpravo výstup SVG. Tažením kteréhokoli obrázku posunete oba; kolečkem nebo sevřením prstů přiblížíte. Vše běží lokálně; náhled neovlivňuje exportované SVG.

Jak to funguje

  1. Vložte obrázek

    Přetáhněte PNG, WebP, BMP, GIF nebo JPEG do oblasti pro nahrání, klikněte a vyberte soubor, nebo zvolte některou z ukázek. Podporované jsou obrázky do 1024 × 1024 pixelů a nikdy se nezmenšují.

  2. Doladění výstupu

    Odstraňte barvu pozadí, slučte pixely stejné barvy do složených cest, zmenšete paletu posterizací, zachovejte nebo zrušte částečnou průhlednost a ořízněte prázdné okraje. Náhled se aktualizuje okamžitě.

  3. Porovnání a stažení

    Prohlédněte si originál a SVG vedle sebe, přibližte si je, najetím na tvar zjistěte jeho přesnou barvu a SVG stáhněte.

Funkce

  • 1 pixel = 1 jednotka SVG

    Šířka, výška i viewBox odpovídají vašemu obrázku. Veškerá geometrie používá celočíselné souřadnice a jen vodorovné a svislé hrany: žádné křivky, tahy, aproximace ani vložený rastr.

  • Složené cesty

    Pixely stejné barvy se obtáhnou do jedné složené cesty pro každou barvu a díry zůstanou zachované díky pravidlu výplně even-odd. Plošná grafika bývá výrazně menší.

  • Posterizace

    Vážená redukce barev metodou median-cut od všech původních barev až po dvě, bez ditheringu a bez posunutí jediného pixelu.

  • Průhlednost

    Zcela průhledné pixely se vynechají; částečná průhlednost se převede na fill-opacity, nebo ji lze nahradit plným krytím.

  • Oříznutí průhledných okrajů

    Volitelně odstraní prázdné vnější řádky a sloupce, přičemž zachová díry uvnitř motivu i slabě viditelné pixely.

  • Soukromí v základu

    Převod běží ve Web Workeru ve vašem prohlížeči. Vaše obrázky se nikdy nenahrávají na server.

Proč nepoužít Trasování obrazu nebo Vektorizaci bitmapy?

Univerzální vektorizéry jako Trasování obrazu v Illustratoru, Vektorizace bitmapy v Inkscapu nebo potrace jsou určené pro fotografie a naskenované kresby. Prokládají obrysy barevných ploch hladkými křivkami, takže ostré hranaté rohy pixel artu se mění v zaoblené skvrny, jednopixelové čáry se vlní nebo mizí a sousední barvy se slévají.

Pixel to SVG nic neprokládá. Sleduje přesnou hranici mezi pixely různých barev v celočíselné mřížce, takže SVG je bezeztrátovou kopií obrázku: zvětšete ho na libovolnou velikost a každý pixel zůstane dokonale čtvercový a ostrý.

Časté otázky

Je převod opravdu bezeztrátový?

Ano. Každý zdrojový pixel se stane přesně jednou jednotkou SVG a barvy se kopírují bajt po bajtu (pokud nezvolíte posterizaci). Geometrie je přesným sjednocením čtverců pixelů, takže při zobrazení v celočíselném měřítku SVG reprodukuje původní obrázek.

Nahrávají se moje obrázky někam?

Ne. Dekódování, zpracování barev i generování SVG probíhá lokálně ve vašem prohlížeči. Nic se neodesílá na server.

Jaké formáty obrázků můžu převádět?

PNG, WebP, BMP, GIF a JPEG do velikosti 1024 × 1024 pixelů. Doporučujeme bezeztrátové PNG: komprese JPEG přidává šumové barvy a u animovaných formátů se použije první snímek.

Jak odstraním pozadí?

Zapněte „Odstranit přesně tuto barvu“ a zadejte barvu pozadí, například #FFFFFF. Odstraní se jen pixely s přesně touto hodnotou RGB. Pixely, které už průhledné jsou, zůstanou průhledné vždy.

Proč je můj soubor SVG velký?

Obrázky s mnoha osamocenými barvami, například s ditheringem, potřebují spoustu samostatných tvarů. Posterizace sníží počet barev a slučování pixelů stejné barvy udrží plochy kompaktní.

Bude SVG všude ostré?

SVG si vyžaduje ostré hrany, takže při celočíselném přiblížení dokonale sedí na pixely obrazovky. Při necelých měřítkách mohou některé prohlížeče hrany mezi tvary mírně vyhladit.