Generátor Sprite Sheetů
Spojte obrázky do sprite sheetů s přetažením pro změnu pořadí, rozvržením mřížky, odsazením, režimy škálování. Exportujte PNG/WebP/JPG s JSON atlas daty pro herní enginy a CSS.
Co je sprite sheet a proč ho používat?
Sprite sheet je jeden obrazový soubor obsahující více menších obrázků (spriteů) uspořádaných v mřížce. Použití sprite sheetů snižuje HTTP požadavky, zlepšuje výkon načítání stránky a činí vykreslování her efektivnějším.
Jaké formáty obrázků jsou podporovány?
Můžete nahrát obrázky PNG, JPG, GIF, SVG a WebP. Nástroj podporuje dávkové nahrávání a vkládání ze schránky (Ctrl+V) pro rychlý pracovní postup.
Jaké formáty exportu jsou k dispozici?
Exportujte sprite sheety jako PNG (s průhledností), WebP (moderní formát s menší velikostí souboru) nebo JPG (nejlepší pro fotografie bez průhlednosti). Vyberte podle požadavků vaší platformy.
Jak změním pořadí obrázků ve sprite sheetu?
Přetáhněte miniatury obrázků pro změnu jejich pořadí ve sprite sheetu. Můžete také vkládat obrázky přímo ze schránky pomocí Ctrl+V.
Co jsou JSON atlas data a které enginy je podporují?
JSON atlas data obsahují pozici, velikost a informace o snímku pro každý sprite. Jsou kompatibilní s populárními herními enginy jako Phaser, PixiJS, Unity, Cocos2d a mnoha dalšími pro automatickou extrakci spriteů.
Jaké jsou různé režimy škálování?
Přizpůsobit zachovává poměry. Vyplnit pokrývá buňku a ořezává. Roztáhnout deformuje pro vyplnění.
Podporuje nástroj průhlednost?
Ano, PNG a WebP zachovávají průhlednost. Můžete také nastavit vlastní barvu pozadí, což je užitečné pro exporty JPG, které nepodporují průhlednost.
Jak ovlivňuje odsazení sprite sheet?
Odsazení přidává prostor mezi jednotlivé sprity v archu, což zabraňuje vizuálnímu prosakování při vzorkování textur. To je zvláště důležité pro herní enginy používající lineární filtrování.
Mohu použít sprite sheety pro CSS?
Ano, sprite sheety fungují skvěle pro CSS sprity. JSON atlas data mohou být použita pro generování CSS pravidel background-position, což snižuje HTTP požadavky a zlepšuje výkon načítání stránky.
Jaké jsou osvědčené postupy pro rozměry sprite sheetů?
Udržujte rozměry jako mocniny 2 (256x256, 512x512, 1024x1024) pro optimální zpracování textur GPU. Většina herních enginů preferuje tyto rozměry pro lepší výkon a kompatibilitu.
Jak sprite sheety zlepšují výkon her?
Sprite sheety snižují volání vykreslování dávkováním více spriteů do jedné textury. To minimalizuje změny stavu GPU, snižuje režii paměti a umožňuje efektivnější vykreslování.
Jaký je rozdíl mezi sprite sheety a texturovými atlasami?
Sprite sheety typicky uspořádávají snímky do uniformní mřížky, zatímco texturové atlas mohou efektivněji balovat nepravidelně tvarované sprity pomocí algoritmů jako bin packing.
Jak používat Generátor Sprite Sheetů
Spojte více obrázků do jedné sprite sheet přímo v prohlížeči. Tahem přeskupte snímky, doladěte mřížku a odsazení a exportujte atlas PNG/WebP/JPG s daty JSON pro herní engine a CSS sprites. Veškeré zpracování probíhá lokálně.
- Přidejte své obrázky a tlačítky + a − nastavte Columns a Rows mřížky.
- Nastavte Padding (px), aby mezi sprity vznikla mezera a textury se navzájem neprosakovaly.
- Ponechte Sprite Size na Auto pro největší snímek, nebo zadejte pevné rozměry pro jednotné buňky.
- Zvolte Scale Mode — Fit, Fill nebo Stretch — a určete, jak se každý obrázek vejde do své buňky.
- Vyberte Background (Transparent, White, Black nebo Custom), nastavte Format na PNG, WebP nebo JPG a pojmenujte soubor v poli Filename.
- Přetáhněte miniatury pro přeskupení snímků — souřadnice atlasu se aktualizují samy — a exportujte list spolu s JSON atlasem.
Ponechte alespoň 2 px odsazení, aby se sousední sprity neslily, až engine textury zvětší, zmenší nebo vyfiltruje.
Související nástroje
- Kalkulačka Chmod Bezplatný online kalkulačka chmod pro vizualizaci a výpočet oprávnění souborů Linux pomocí zaškrtávacích polí. Okamžitá konverze mezi číselnou (755, 644) a symbolickou notací (rwxr-xr-x). Podporuje speciální oprávnění jako setuid, setgid, sticky bit.
- ASCII Tabulka Kompletní reference kódování znaků ASCII s desítkovými, hexadecimálními, osmičkovými, binárními kódy, HTML entitami a popisy znaků. Okamžité vyhledávání a filtrování.
- Tester HTTP požadavků Testujte REST API přímo v prohlížeči. Odesílejte požadavky GET, POST, PUT, DELETE s vlastními hlavičkami, tělem a parametry. Okamžitě vidíte stav, hlavičky a JSON tělo odpovědi.
- Generátor .htaccess Generujte pravidla Apache .htaccess pro přesměrování, přepisy, bezpečnostní hlavičky, mezipaměť a další.
- Generátor Robots.txt Bezplatný online generátor robots.txt. Vytvářejte a přizpůsobujte soubory robots.txt pro řízení procházení vyhledávači, správu přístupu prohledávačů a optimalizaci SEO vašeho webu.
- Generátor Sitemap Bezplatný online generátor XML sitemap. Přidávejte URL, nastavujte priority a frekvence, vytvářejte SEO sitemapy okamžitě.
- GIF Rozdělit Snímky Extrahujte a stahujte jednotlivé snímky z GIF animací jako PNG nebo sprite sheet. Bezplatný online nástroj s náhledem a exportem ZIP.
- GIF Obrácený Obrátit pořadí přehrávání GIF animací online zdarma. Nahrajte, prohlédněte a stáhněte okamžitě.