스프라이트 시트 생성기
여러 이미지를 단일 스프라이트 시트로 결합합니다. 웹 및 게임 개발을 위한 CSS 및 JSON 출력을 얻습니다.
Drop images or click to upload
Add multiple images to combine
About Sprite Sheets
- • Combine multiple images into a single file to reduce HTTP requests
- • CSS background-position is used to display individual sprites
- • JSON format can be used with game engines and animation libraries
- • Add padding to prevent edge bleeding when scaling
Sprite Sheets - 기술 세부 정보
Sprite sheets combine multiple images into one file, reducing HTTP requests and improving load times. CSS uses background-position to display individual sprites. Game engines use texture atlases (JSON format) for efficient rendering.
명령줄 대안
# Generate with spritesmith (Node.js)\nnpm install spritesmith\n\n# Or use TexturePacker CLI\nTexturePacker --format json --data sprites.json --sheet sprite.png *.png