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
2020/09/18 12:55Rects:
2020/09/18 12:51Rects: arrow_dweb, arrow_mweb, clipboard-list_dweb, clipboard-list_mweb, icon-aptitude_course card dweb, icon-aptitude_course card mweb, icon-aptitude_session card dweb, icon-aptitude_session card mweb, icon-arabic_course card dweb, icon-arabic_course card mweb, icon-arabic_session card dweb, icon-arabic_session card mweb, icon-biology_course card dweb, icon-biology_course card mweb, icon-biology_session card dweb, icon-biology_session card mweb, icon-chemistry_course card dweb, icon-chemistry_course card mweb, icon-chemistry_session card dweb, icon-chemistry_session card mweb, icon-english_course card dweb, icon-english_course card mweb, icon-english_session card dweb, icon-english_session card mweb, icon-hindi_course card dweb, icon-hindi_course card mweb, icon-hindi_session card dweb, icon-hindi_session card mweb, icon-math_course card dweb, icon-math_course card mweb, icon-math_session card dweb, icon-math_session card mweb, icon-physics_course card dweb, icon-physics_course card mweb, icon-physics_session card dweb, Icon-physics_session card mweb, Icon-science_course card dweb, icon-science_course card mweb, icon-science_session card dweb, icon-science_session card mweb, icon-socialscience_course card dweb, icon-socialscience_course card mweb, icon-socialscience_session card dweb, icon-socialscience_session card mweb, Multisubject course_dweb, multisubject course_mweb
2020/09/18 12:50Rects: arrow_dweb, arrow_mweb, clipboard-list_dweb, clipboard-list_mweb, icon-aptitude_course card dweb, icon-aptitude_course card mweb, icon-aptitude_session card dweb, icon-aptitude_session card mweb, icon-arabic_course card dweb, icon-arabic_course card mweb, icon-arabic_session card dweb, icon-arabic_session card mweb, icon-biology_course card dweb, icon-biology_course card mweb, icon-biology_session card dweb, icon-biology_session card mweb, icon-chemistry_course card dweb, icon-chemistry_course card mweb, icon-chemistry_session card dweb, icon-chemistry_session card mweb, icon-english_course card dweb, icon-english_course card mweb, icon-english_session card dweb, icon-english_session card mweb, icon-hindi_course card dweb, icon-hindi_course card mweb, icon-hindi_session card dweb, icon-hindi_session card mweb, icon-math_course card dweb, icon-math_course card mweb, icon-math_session card dweb, icon-math_session card mweb, icon-physics_course card dweb, icon-physics_course card mweb, icon-physics_session card dweb, Icon-physics_session card mweb, Icon-science_course card dweb, icon-science_course card mweb, icon-science_session card dweb, icon-science_session card mweb, icon-socialscience_course card dweb, icon-socialscience_course card mweb, icon-socialscience_session card dweb, icon-socialscience_session card mweb, Multisubject course_dweb, multisubject course_mweb
2020/08/31 21:41Rects: Kr_108_finale_scene.0000, Kr_108_finale_scene.0001, Kr_108_finale_scene.0002, Kr_108_finale_scene.0003, Kr_108_finale_scene.0004, Kr_108_finale_scene.0005, Kr_108_finale_scene.0006, Kr_108_finale_scene.0007, Kr_108_finale_scene.0008, Kr_108_finale_scene.0009, Kr_108_finale_scene.0010, Kr_108_finale_scene.0011, Kr_108_finale_scene.0012, Kr_108_finale_scene.0013, Kr_108_finale_scene.0014, Kr_108_finale_scene.0015, Kr_108_finale_scene.0016, Kr_108_finale_scene.0017, Kr_108_finale_scene.0018, Kr_108_finale_scene.0019, Kr_108_finale_scene.0020, Kr_108_finale_scene.0021, Kr_108_finale_scene.0022, Kr_108_finale_scene.0023, Kr_108_finale_scene.0024, Kr_108_finale_scene.0025, Kr_108_finale_scene.0026, Kr_108_finale_scene.0027, Kr_108_finale_scene.0028, Kr_108_finale_scene.0029, Kr_108_finale_scene.0030, Kr_108_finale_scene.0031, Kr_108_finale_scene.0032, Kr_108_finale_scene.0033, Kr_108_finale_scene.0034, Kr_108_finale_scene.0035, Kr_108_finale_scene.0036, Kr_108_finale_scene.0037, Kr_108_finale_scene.0038, Kr_108_finale_scene.0039, Kr_108_finale_scene.0040, Kr_108_finale_scene.0041, Kr_108_finale_scene.0042, Kr_108_finale_scene.0043, Kr_108_finale_scene.0044, Kr_108_finale_scene.0045, Kr_108_finale_scene.0046, Kr_108_finale_scene.0047, Kr_108_finale_scene.0048, Kr_108_finale_scene.0049, Kr_108_finale_scene.0050, Kr_108_finale_scene.0051, Kr_108_finale_scene.0052, Kr_108_finale_scene.0053, Kr_108_finale_scene.0054, Kr_108_finale_scene.0055, Kr_108_finale_scene.0056, Kr_108_finale_scene.0057, Kr_108_finale_scene.0058, Kr_108_finale_scene.0059, Kr_108_finale_scene.0060, Kr_108_finale_scene.0061, Kr_108_finale_scene.0062, Kr_108_finale_scene.0063, Kr_108_finale_scene.0064, Kr_108_finale_scene.0065, Kr_108_finale_scene.0066, Kr_108_finale_scene.0067, Kr_108_finale_scene.0068, Kr_108_finale_scene.0069, Kr_108_finale_scene.0070, Kr_108_finale_scene.0071, Kr_108_finale_scene.0072, Kr_108_finale_scene.0073, Kr_108_finale_scene.0074, Kr_108_finale_scene.0075, Kr_108_finale_scene.0076, Kr_108_finale_scene.0077, Kr_108_finale_scene.0078, Kr_108_finale_scene.0079, Kr_108_finale_scene.0080
2020/07/20 15:29Rects: k1, k2, k3, k4, k51, k6
2020/07/16 16:23Rects: Air Products Logo (1)
2020/07/11 16:44Rects: 1
  • 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