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

2018/09/13 13:43Rects: utka-duck-polet-ptica, 20130711232541991
2018/09/06 12:41Rects: анимация_00101, анимация_00079, анимация_00078, анимация_00077, анимация_00076, анимация_00075, анимация_00074, анимация_00073, анимация_00072, анимация_00071, анимация_00070, анимация_00069, анимация_00068, анимация_00067, анимация_00066, анимация_00065, анимация_00064, анимация_00063, анимация_00062, анимация_00061, анимация_00060, анимация_00059, анимация_00058, анимация_00057, анимация_00056, анимация_00055, анимация_00054, анимация_00053, анимация_00052, анимация_00051, анимация_00050, анимация_00049, анимация_00048, анимация_00047, анимация_00046, анимация_00045, анимация_00044, анимация_00043, анимация_00042, анимация_00041, анимация_00040, анимация_00039, анимация_00038, анимация_00037, анимация_00036, анимация_00035, анимация_00034, анимация_00033, анимация_00032, анимация_00031, анимация_00030, анимация_00029, анимация_00028, анимация_00027, анимация_00026, анимация_00025, анимация_00024, анимация_00023, анимация_00022, анимация_00021, анимация_00020, анимация_00019, анимация_00018, анимация_00017, анимация_00016, анимация_00015, анимация_00014, анимация_00013, анимация_00012, анимация_00011, анимация_00010, анимация_00009, анимация_00008, анимация_00007, анимация_00006, анимация_00005, анимация_00004, анимация_00003, анимация_00002, анимация_00001, анимация_00000, анимация_00100, анимация_00099, анимация_00098, анимация_00097, анимация_00096, анимация_00095, анимация_00094, анимация_00093, анимация_00092, анимация_00091, анимация_00090, анимация_00089, анимация_00088, анимация_00087, анимация_00086, анимация_00085, анимация_00084, анимация_00083, анимация_00082, анимация_00081, анимация_00080
2018/08/03 15:46Rects: icon1, icon2, icon3, icon4, logo, rocket, vk
2018/07/31 08:12Rects: pink_basket_3 (Другой), bomb (Другой), blue_basket_3 (Другой), chane_1 (Другой), chane_0 (Другой), chane_00 (Другой), pages_icon (Другой), yellow_basket_3 (Другой), brown_basket_3 (Другой), page_mean (Другой), green_basket_3 (Другой), page_litl (Другой), cookie3 (Другой), empty (Другой), cookie2 (Другой), dough (Другой), page_big (Другой), turquoise_basket_3 (Другой), cup (Другой), cookie (Другой), color_purple (Другой), colorfull_jelly (Другой), color_pink (Другой), orange_basket_3 (Другой), tag (Другой), color_orange (Другой), red_basket_3 (Другой), color_yellow (Другой), color_green (Другой), color_brown (Другой), color_turquoise (Другой), mouse (Другой), color_blue (Другой), purple_basket_3 (Другой), chane_33 (Другой), lightning_vertical (Другой), chane_22 (Другой), lightning_horizontal (Другой), chane_11 (Другой), lightning_cros (Другой), color_red (Другой), honey (Другой), chane_3 (Другой), chane_2 (Другой)
2018/07/30 20:00Rects: addi, alize, bbb, colorcity, gazzal, himalaya, kamteks, kartopu, kirova, kutnor, logo, pehorka, yarnart, seam, troitskaya, vita, visamastercard-1, sberbank, search2, insta, vk, fb
2018/07/26 13:40Rects: s
2018/06/14 11:44Rects:

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