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
2019/01/14 19:54Rects: calendar-black, background photo, calendar-blue, calendar-grei, fb-icon, icon, icon-2, icon-3, Layer 21, Layer 10, Layer 22, Layer 89 copy, logo, logo-htmlacademy, logo-htmlacademy_blue, logo-htmlacademy_grei, Shape , t-icon, youtube-icon, Layer 5, background photo-1
2018/12/28 21:28Rects: The Wedding Car Hire People Logo, Austin Logo, Daimler Logo, Bentley Logo, Jaguar Logo, VW Logo, Mercedes Logo, Rolls Royce Logo, Chrysler Logo, Beauford Logo, Range Rover Logo
2018/12/18 22:20Rects:
2018/12/18 22:18Rects:
2018/12/18 22:14Rects:
2018/10/27 10:53Rects: logo, icon-pdf, icon-print, icon-mail, li-1, li-2, li-3, background
2018/10/21 16:51Rects: rating
  • 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