SpriteMason is as simple as, well... one, two, three in fact. Follow the steps below to generate your sprite image and associated CSS.

  1. Select image files (png)
    Drop image files here
  2. Configure options
  3. Create sprite + CSS

Selected Images:

Sprite Image:

(Right-click on image to "Save Image As…")

Sprite CSS:

(Click CSS to select, then Cmd+c or Ctrl+c to copy)