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
2016/11/28 20:35Rects: brushed_metal_platform, brushed_metal_platform@2x, container_with_thing, container_with_thing@2x, container_with_thing@3x, container_with_uranium, container_with_uranium@2x, container_with_uranium@3x, crate, crate@2x, crate@3x, crate2, crate2@2x, crate2@3x, crate3, crate3@2x, crate3@3x, crate4, crate4@2x, crate4@3x, crate5, crate5@2x, crate5@3x, fence, fence@2x, fence@3x, fence_base, fence_base@2x, fence_base@3x, fence_box, fence_box@2x, fence_box@3x, fence_box2, fence_box2@2x, fence_box2@3x, ground, ground@2x, ground_gun, ground_gun@2x, ground_gun@3x, ground_under_lava, ground_under_lava@2x, ground_under_lava@3x, ground2, ground2@2x, key_card_needed_box, key_card_needed_box@2x, key_card_needed_box@3x, ladder, ladder@2x, ladder@3x, ladder2, ladder2@2x, ladder2@3x, light_hanging, light_hanging@2x, light_hanging@3x, light2, light2@2x, pipe_curve1, pipe_curve1@2x, pipe_curve1@3x, pipe_curve2, pipe_curve2@2x, pipe_curve2@3x, pipe_foreground, pipe_foreground@2x, pipe_foreground@3x, pipe_long, pipe_long@2x, pipe_long@3x, pipe_mid, brushed_metal_platform@3x, building, building@2x, ground@3x, ground2@3x, light2@3x, background_rounded, building@3x, cavern_background, brick_wall, brick_wall2, brick_wall@2x, brick_wall2@2x, background_descending, ground_extended@2x, background_rounded@2x, ground_extended, ground2_extended@2x, cavern_background@2x, ground2_extended, pipe_mid@2x, pipe_mid@3x, brick_wall@3x, brick_wall2@3x, ground_extended@3x, ground2_extended@3x, cavern_background@3x, background_rounded@3x, background_descending@2x, platform, platform@2x, platform@3x, platform_rail, platform_rail@2x, platform_rail@3x, platform_rail_horizontal, platform_rail_horizontal@2x, platform_rail_horizontal@3x, platform_rail2, platform_rail2@2x, platform_rail2@3x, platform_rail3, platform_rail3@2x, platform_rail3@3x, platform_simple, platform_simple@2x, platform_simple@3x, platform_wide, platform_wide@2x, platform_wide@3x, platform1, platform1@2x, platform1@3x, platform2, platform2@2x, platform2@3x, platform2_extension, platform2_extension@2x, platform2_extension@3x, platform3, platform3@2x, platform3@3x, platform3_extension, platform3_extension@2x, platform3_extension@3x, platform4, platform4@2x, platform4@3x, platform4_extension, platform4_extension@2x, platform4_extension@3x, railing, railing@2x, railing@3x, resupply1, resupply1@2x, resupply1@3x, resupply2, resupply2@2x, resupply2@3x, resupply3, resupply3@2x, resupply3@3x, resupply4, resupply4@2x, resupply4@3x, rock_wall1, rock_wall1@2x, rock_wall1@3x, rock_wall2, rock_wall2@2x, rock_wall3, rock_wall2@3x, rock_wall3@2x, rock_wall3@3x, rock_wall4, rock_wall4@2x, rock_wall4@3x, sandbags, sandbags@2x, sandbags@3x, spike1, spike1@2x, spike1@3x, spike2, spike2@2x, spike2@3x, spike3, spike3@2x, spike3@3x, spikes_down, spikes_down@2x, spikes_down@3x, switch_off, switch_off@2x, switch_off@3x, switch_on, switch_on@2x, switch_on@3x, tile_brushed_metal, tile_brushed_metal@2x, tile_brushed_metal@3x, tile_brushed_metal_reflective, tile_brushed_metal_reflective@2x, background_descending@3x, tile_brushed_metal_reflective@3x, tile_dark_window, tile_dark_window@2x, tile_dark_window@3x, tile_rock, tile_rock@2x, tile_rock@3x, tile_rock_brown, tile_rock_brown@2x, tile_rock_brown@3x, tile_rock_tint1, tile_rock_tint1@2x, tile_rock_tint1@3x, tile_rock_tint2, tile_rock_tint2@2x, tile_rock_tint2@3x, tile_rock_tint3, tile_rock_tint3@2x, tile_rock_tint3@3x, tile_rock_tint4, tile_rock_tint4@2x, tile_rock_tint4@3x, tile_slate, tile_slate@2x, tile_slate@3x, tile_slate2, tile_slate2@2x, tile_slate2@3x, tile_wall, tile_wall@2x, tile_wall@3x, tile_wall2, tile_wall2@2x, tile_wall2@3x, tile_wall3, tile_wall3@2x, tile_wall3@3x, tile_wall4, tile_wall4@2x, tile_wall4@3x, tile_wall5, tile_wall5@2x, tile_wall5@3x, tile_window, tile_window@2x, tile_window@3x, tile1, tile1@2x, tile1@3x, uranium1, uranium1@2x, uranium1@3x, uranium2, uranium2@2x, uranium2@3x, uranium3, uranium3@2x, uranium3@3x, uranium4, uranium4@2x, uranium4@3x, wall_with_window, wall_with_window@2x, wall_with_window@3x, wall_with_window2, wall_with_window2@2x, wall_with_window2@3x, wall_with_window3, wall_with_window3@2x, wall_with_window3@3x, wall_with_window4, wall_with_window4@2x, wall_with_window4@3x, wall1, wall1@2x, wall1@3x, wall1_darker, wall1_darker@2x, wall1_darker@3x, wall2, wall2@2x, wall2@3x, wall2_darker, wall2_darker@2x, wall2_darker@3x
2016/11/28 16:38Rects: 35d17a77f20a4bb076ca2c8adcfe2fcf
2016/11/28 13:08Rects:
2016/11/23 16:58Rects: 14, 17, 18, 19, 20, 42, 43, 44, 46, 47, 49, 50, 51, 52, 53, 54, 55, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 83, 84, 85, 86, 87, 89, 90, 91, 93, 105, 107, 119, 121, 127, 145, 151, 153, 155, 157, 159, 163, 165, 167, 169, 171, 173, 175, 177, 179, 181, 183, 185, 187, 195, 197, 199, 201, 203, 205, 207, 209, 92, 95, 99, 109, 111, 113, 115, 117, 123, 125, 129, 131, 133, 135, 137, 139, 141, 143, 147, 149, 189, 191, 193, 13
2016/11/08 14:36Rects: Entypo_23f3(4)_24, Entypo_d83d(1)_64, Entypo_d83d(2)_24, Entypo_d83d(14)_48, Entypo_e720(15)_48, Entypo_e771(1)_48, FontAwesome_f0a3(0)_48, FontAwesome_f014(1)_24, FontAwesome_f046(13)_48, FontAwesome_f064(0)_24, FontAwesome_f086(12)_48, FontAwesome_f091(10)_48, FontAwesome_f098(11)_48, FontAwesome_f108(0)_48, linecons_e020(0)_64, Material Icons_e8b5(2)_64, Material Icons_e8e8(3)_64, octicons_f0d2(0)_48, octicons_f0d2(3)_24, octicons_f037(0)_48
2016/11/08 14:35Rects: Entypo_23f3(4)_24, Entypo_d83d(1)_64, Entypo_d83d(2)_24, Entypo_d83d(14)_48, Entypo_e720(15)_48, Entypo_e771(1)_48, FontAwesome_f0a3(0)_48, FontAwesome_f014(1)_24, FontAwesome_f046(13)_48, FontAwesome_f064(0)_24, FontAwesome_f086(12)_48, FontAwesome_f091(10)_48, FontAwesome_f098(11)_48, FontAwesome_f108(0)_48, linecons_e020(0)_64, Material Icons_e8b5(2)_64, Material Icons_e8e8(3)_64, octicons_f0d2(0)_48, octicons_f0d2(3)_24, octicons_f037(0)_48
2016/10/21 23:34Rects:

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