Sprite Sheet CSS Generator

Upload a sprite sheet to preview the grid

Sprite image
Columns
Rows
Class prefix
CSS output

Sprite Sheet CSS Generator

Upload a sprite sheet, split by columns/rows and generate background-position CSS for each tile. Great for icon sets and game frames.

  • Upload common image formats such as PNG / JPG locally
  • Configure columns, rows and CSS class prefix (e.g. icon)
  • Dashed grid overlay on the preview shows each slice clearly
  • Outputs a class per cell with width, height and background-position