This is online css sprite generator.

Generator provide next functions:

  • Open images in bmp, png, gif, jpeg formats
  • Open project file in txt or zip formats
  • Split images to any rectangles
  • Edit position and size of rectangles
  • Add rectangles to output images
  • Edit rectangles in the output images
  • Union of rectangles in the group
  • Edit css styles
  • Download the css file
  • Download the output images
  • Download the project (source images and rules for generate css and output images)
  • Download all files in zip format
  • Generate base64 data url

For start press button "+ Add files"

The result you can see in the tab "Results"

Last published sprites

DateDescription
2021/06/13 15:07Rects:
2021/06/06 10:26Rects:
2021/05/10 09:44Rects: d-default, d-hover, t-default, t-hover, v-default, v-hover
2021/04/30 11:02Rects: sprite-icons, sprite-icons-1, sprite-icons-2, sprite-icons-3
2021/04/11 08:35Rects: G093 to G106 Contract front cards-new, G092 Contract back, G093 to G106 Contract front cards-new2, G093 to G106 Contract front cards-new5, G093 to G106 Contract front cards-new6, G093 to G106 Contract front cards-new3, G093 to G106 Contract front cards-new8, G093 to G106 Contract front cards-new9, G093 to G106 Contract front cards-new4, G093 to G106 Contract front cards-new7, G093 to G106 Contract front cards-new10, G093 to G106 Contract front cards-new13, G093 to G106 Contract front cards-new14, G093 to G106 Contract front cards-new11, G093 to G106 Contract front cards-new12
2021/03/04 13:09Rects: icon-dns, icon-pc, icon-securiti, icon-transfer, icon-uptime, support
2021/02/07 15:35Rects: e8bd3c226e90465048aaf0a6c3259054--engagement-outfits-engagement-ideas, 0_1d58a1_d498fc18_orig
  • Tested
  • FireFox
  • Chrome
  • Opera

Please note, that File API supported in IE from version 10 and in Safari from version 6, so at this moment this service not support browsers IE9 and Safari 5