Creation
Generátor sprite listů
Kombinujte více obrázků do sprite listu s výstupem CSS, JSON a SCSS pro vývojáře.
Your files stay on your device - processed locally via WebAssembly, never uploaded
Drop sprites (PNG, JPEG, WebP)
Drop multiple files at once. Add more anytime.
Embed this tool on your website
Copy this code to add the Generátor sprite listů to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/sprite-sheet" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Generátor sprite listů by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/sprite-sheet">OptiPix Generátor sprite listů</a></p>
❤️ Love this tool? Support our team.
No ads, no tracking, no limits. Tips keep 104 tools free for everyone.
Secure payment via Stripe · No account needed
About Generátor sprite listů
Last updated: May 2026
OptiPix Sprite Sheet Generator kombinuje více obrázků do jediného optimalizovaného sprite sheetu s připraveným CSS, JSON souřadnicemi a SCSS proměnnými. Vyberte rozložení: horizontální pruh, vertikální pruh, mřížka (vlastní počet sloupců) nebo zabalené (bin-packed pro minimální plýtvání místem). Nastavte odsazení mezi spritem, abyste zabránili krvácení okrajů. Výstupem je jeden PNG sprite sheet plus vygenerované CSS pro každý sprite ('.sprite-icon-home { background-position: -0px -0px; … }'), mapa souřadnic JSON a SCSS proměnné. Podporováno škálování Retina @1x a @2x. Každý sprite je pojmenován podle názvu zdrojového souboru. Vše běží lokálně - vaše obrázky nikdy neopustí vaše zařízení. Vytvořeno pro vývojáře her, webové vývojáře používající CSS spritů a kohokoli, kdo chce spojit malé ikony do jednoho síťového požadavku.
How It Works
Každý vstupní obrázek je načten do paměti; zvolený algoritmus rozložení (pruh, mřížka nebo shelf bin-pack) vypočítá souřadnice (x, y, w, h) pro každý sprite; sprite sheet je vykreslen na plátno; CSS / JSON / SCSS jsou generovány ze stejné mapy souřadnic.
Use Cases
- •Spojení UI ikon do jednoho PNG + CSS sprite sheetu
- •Vytvoření sprite atlasu pro 2D hru v Phaser nebo Pixi
- •Kombinace ikon sociálních médií do jednoho CSS spritu pro rychlejší web
- •Zabalení snímků animace postav do horizontálního pruhu
- •Vytvoření sprite sheetu připraveného pro Retina @2x ze zdrojových obrázků
You Might Also Like
If you find Generátor sprite listů useful, check out these related tools: Image Crop, Image Resizer, and Format Converter. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools
Frequently Asked Questions
Jaké rozložení bych měl použít?
Co je to bin-packing?
Mohu exportovat CSS / JSON / SCSS?
Proč používat sprite sheet?
Jsou mé obrázky nahrávány?
Related Tools
Oříznutí obrázku
Ořízněte na jakýkoli poměr stran nebo tvar – kruh, srdce, hvězda, šestiúhelník – s otáčením a narovnáním.
Měnič velikosti obrázků
Změňte velikost obrázků pro Instagram, Twitter, LinkedIn a další.
Převodník formátů
Převeďte obrázky mezi JPEG, PNG, WebP a dalšími.
Generátor favicon
Vygenerujte všechny velikosti favicon + ICO soubor + web manifest z jakéhokoli obrázku, textu nebo emoji.