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/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
2019/08/28 18:55Rects:
2019/08/25 22:27Rects: genesys, agent-notification-icon, agent-notification-inverted, agent-notification-selected, agent-notification-white, agent-notification, agent-notifiction, agent-response-icon, agent-response-inverted, agent-response-selected, agent-response-white, agent-response, alarm, Amazon-Connect, api-inverted, api-selected, api-white, api, avalanche-icon, aws-logo-icon, aws-logo, bin, brightness, change, close, cisco, clipboard, cloud, currency, dashboard-selected, dashboard-icon, dashboard-white, dashboard, decisions-inverted, decisions-selected, decisions-white, decisions, deployment-icon, deployment-inverted, deployment-white, deployment, depolyment-selected, discussion-icon, discussion, email-inverted, email-selected, email-icon, email-white, fello-colour-icon, email, fello-white, fello-colour, full-load-icon, graph, group, group-icon, groups-inverted, graph2, groups-white, groups-selected, groups, history-icon, history-inverted, history-selected, history-white, history, info, jitter-icon, jitter-inverted, jitter-selected, jitter-white, jitter, latency-icon, latency-inverted, latency-selected, latency-white, latency, lightning, login-image, logo, logout-icon, logout-inverted, logout-selected, logout-white, logout, low-audio-input-output-inverted, low-audio-input-output-selected, low-audio-input-output-white, low-audio-input-output, mini-messaging-icon, mini-soak-icon, mos-icon, mos-inverted, mos-selected, mos-white, mos, no-icon, no, packet-loss-icon, packet-loss-inverted, packet-loss-selected, packet-loss-white, packet-loss, plus-icon, polqa-icon, polqa-inverted, polqa-selected, polqa-white, polqa, ramp-icon, sand, select-icon, selected-inverted, settings-icon, settings-inverted, settings-selected, settings-white, settings, slack-icon, slack-inverted, slack-selected, slack-white, slack, soak-icon, switch-groups-icon, switch-groups-inverted, switch-groups-selected, switch-groups-white, switch-groups, tag, teammates-icon, teammates-inverted, teammates-selected, teammates-white, teammates, test-fail-icon, test-fail-inverted, test-fail-selected, test-fail-white, test-fail, test-pass-icon, test-pass-inverted, test-pass-selected, test-pass-white, test-pass, twillio-icon, twillio, webhook-icon, webhook-inverted, webhook-selected, webhook-white, webhook, workflow-icon, workflow-inverted, workflow-selected, workflow-white, workflow, yes-icon, yes
  • 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