Sprite Sheet Generator

Combine multiple images into sprite sheets with customizable grid layouts and generate CSS sprite maps for web development.

majiayu000 c4405d1 2 files · 1.8 KB Updated 567 repo stars

File contents

Sprite Sheet Generator

Combine multiple images into optimized sprite sheets with CSS generation.

Features

  • Grid Layouts: Auto or custom grid arrangements
  • Smart Packing: Optimize sprite placement
  • CSS Generation: Auto-generate sprite CSS classes
  • Transparent Backgrounds: Preserve alpha channels
  • Padding/Margins: Control spacing between sprites
  • Batch Processing: Process multiple sprite sets

Quick Start

from sprite_sheet_generator import SpriteSheetGenerator

gen = SpriteSheetGenerator()
gen.add_images_from_dir('icons/')
gen.generate(output='sprites.png', grid=(4, 4))
gen.generate_css('sprites.css', class_prefix='icon')

CLI Usage

python sprite_sheet_generator.py --input icons/ --output sprites.png --grid 4x4 --css sprites.css

Dependencies

  • pillow>=10.0.0

majiayu000/claude-skill-registry-data/tree/main/data/sprite-sheet-generator commit c4405d1944

Frequently asked questions

npx skillmds add majiayu000/sprite-sheet-generator