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/10/01 16:19Rects: rings, rings-1, rings-2, rings-3, rings-4, rings-5, rings-6, rings-7, rings-8, rings-9, rings-10, rings-11, rings-12, rings-13, rings-14, rings-15, rings-16, rings-17, rings-18, rings-19, rings-20, rings-21, rings-22, rings-23, rings-24, rings-25, rings-26, rings-27
2019/10/01 05:43Rects: 1, 2, 4, 5, 6, before_after-halfsize-mz75, eyes1, eyes2, eyes3, k1, k2, k4, k6, k7, k8, k9, k10
2019/09/02 22:02Rects: Masonry.Stone.Rubble.Taliesin.West.bump, Masonry.Stone.Slate.Green.Bump, Masonry.Stone.Slate.bump, Masonry.Stone.Slate.Green, Masonry.Stone.Slate, Masonry.Stone.Slate.Mottled.1, Masonry.Stone.Slate.Mottled.2, Masonry.Stone.Soapstone.BlueGreen.Bump, Masonry.Stone.Soapstone.BlueGreen, Masonry.Stone.Soapstone.DarkGrey.Bump, Masonry.Stone.Unfinished.bump, Masonry.Stone.Rubble.Taliesin.West, Masonry.Stone.Travertine.Rectangular.bump, Masonry.Stone.Travertine.Rectangular, Masonry.Stone.Travertine.DarkRed, Masonry.Stone.Travertine.Cream.bump, Masonry.Stone.Soapstone.DarkGrey, Masonry.Stone.Travertine.DarkBrown, Masonry.Stone.Travertine.DarkRed.Bump, Masonry.Stone.Travertine.Cream, Masonry.Stone.Travertine.DarkBrown.Bump, Masonry.Stone.Travertine.Mauve.Rectangular, Masonry.Stone.Travertine.Mauve.Square, Masonry.Stone.Travertine.Burgundy
2019/09/02 21:38Rects: 00217, 00217bump, 00359, 01107, coated tarp, knitted fabric, linen book cover, 00783, 01247, 01107bump, images%2Fproducts%2F44SpringGreenLgBP, 01692, 02000, cloth-grey, cotton plaid flanel, PB261185, PB261209, plaid2, plastic tarp, terrycloth dish towel, textures4ever_vol4_bump, textures4ever_vol4_sample2, textures4ever_vol4_sample2 -bump, PB261229, PB261305, plaid, Plaid_t, terrycloth towel, PB261261, PB261231, plaid bump
2019/09/02 21:34Rects: steklo_matovoe_satin_bescv, steklo_matovoe_satin_bronze
2019/09/02 21:32Rects: steklo_matovoe_satin_bronze
2019/09/02 21:12Rects: modern-nav, klassika-1-nav, klassika-2-nav, prjamougolnik-nav, arka-nav, bristol-nav, duet-nav, trio-nav, tehno-nav, prestizh-nav, vertikal-nav, dvojnoj-prjamougolnik-nav, lzhevyborka-nav, lzhevyborka-so-stupenkoj-nav, viktorija-nav, sofija-nav, atlanta-nav, atlanta-trio-nav, kvadro-nav, verona-nav, afina-nav, barselona-nav, chester-nav, romans-nav, klassika-3-nav, valensiya-nav, korsika-nav, nika-nav, jaluzi-nav, volna-nav, geometriya-nav, vena-nav, integral-nav, integralsviletom-nav, garvard-nav, romb-nav
  • 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