Skip to main content

Sprite Sheet Generator

v1.0.3

Pack multiple images into a sprite sheet with automatic layout and CSS position export.

Packs multiple images into a CSS sprite sheet with automatic layout (horizontal, vertical, or packed), outputting the combined image and a CSS class map with background-position values.

How to use
  • →Upload the images to include and choose a layout direction.
  • →Download the sprite sheet image and copy the generated CSS classes.
  • →Use sprites to reduce HTTP requests for icon sets in production.

Click to add sprite images (PNG, JPEG, WebP)