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/05/16 08:44Rects:
2019/05/15 03:31Rects: icon-0, icon-1, icon-2, icon-3, icon-4, icon-5, icon-6, icon-7, icon-8, icon-9, icon-10, icon-11, icon-12, icon-13, icon-14, icon-15, Accounting, Address book, Alarm clock, About
2019/05/12 00:45Rects:
2019/05/10 00:54Rects: 000_spr, 001_spr, 002_spr, 003_spr, 004_spr, 005_spr, 006_spr, 007_spr, 008_spr, 009_spr, 010_spr, 011_spr, 012_spr, 013_spr, 014_spr, 015_spr, 016_spr, 017_spr, 018_spr, 019_spr, 020_spr, 021_spr, 022_spr, 023_spr, 024_spr, 025_spr, 026_spr, 027_spr, 028_spr, 029_spr, 030_spr, 031_spr, 032_spr, 033_spr, 034_spr, 035_spr, 036_spr, 037_spr, 038_spr, 039_spr, 040_spr, 041_spr, 042_spr, 043_spr, 044_spr, 045_spr, 046_spr, 047_spr, 048_spr, 049_spr, 050_spr, 051_spr, 052_spr, 053_spr, 054_spr, 055_spr, 056_spr, 057_spr, 058_spr, 059_spr, 060_spr, 061_spr, 062_spr, 063_spr, 064_spr, 065_spr, 066_spr, 067_spr, 068_spr, 069_spr, 070_spr, 071_spr, 072_spr, 073_spr, 074_spr, 075_spr, 076_spr, 077_spr, 078_spr, 079_spr, 080_spr, 081_spr, 082_spr, 083_spr, 084_spr, 085_spr, 086_spr, 087_spr, 088_spr, 089_spr, 090_spr, 091_spr, 092_spr, 093_spr, 094_spr, 095_spr, 096_spr, 097_spr, 098_spr, 099_spr, 100_spr, 101_spr, 102_spr, 103_spr, 104_spr, 105_spr, 106_spr, 107_spr, 108_spr, 109_spr, 110_spr, 111_spr, 112_spr, 113_spr, 114_spr, 115_spr, 116_spr, 117_spr, 118_spr, 119_spr, 120_spr, 121_spr, 122_spr, 123_spr, 124_spr, 125_spr, 126_spr, 127_spr, 128_spr, 129_spr, 130_spr, 131_spr, 132_spr, 133_spr, 134_spr, 135_spr, 136_spr, 137_spr, 138_spr, 139_spr, 140_spr, 141_spr, 142_spr, 143_spr, 144_spr, 145_spr, 146_spr, 147_spr, 148_spr, 149_spr, 150_spr, 151_spr, 152_spr, 153_spr, 154_spr, 155_spr, 156_spr, 157_spr, 158_spr, 159_spr, 160_spr, 161_spr, 162_spr, 163_spr, 164_spr, 165_spr, 166_spr, 167_spr, 168_spr, 169_spr, 170_spr, 171_spr, 172_spr, 173_spr, 174_spr, 175_spr, 176_spr, 177_spr, 178_spr, 179_spr, 180_spr, 181_spr, 182_spr, 183_spr, 184_spr, 185_spr, 186_spr, 187_spr, 188_spr, 189_spr, 190_spr, 191_spr, 192_spr, 193_spr, 194_spr, 195_spr, 196_spr, 197_spr, 198_spr, 199_spr, 200_spr, 201_spr, 202_spr, 203_spr, 204_spr, 205_spr, 206_spr, 207_spr, 208_spr, 209_spr, 210_spr, 211_spr, 212_spr, 213_spr, 214_spr, 215_spr, 216_spr, 217_spr, 218_spr, 219_spr, 220_spr, 221_spr, 222_spr, 223_spr, 224_spr, 225_spr, 226_spr, 227_spr, 228_spr, 229_spr, 230_spr, 231_spr, 232_spr, 233_spr, 234_spr, 235_spr, 236_spr, 237_spr, 238_spr, 239_spr, 240_spr, 241_spr, 242_spr, 243_spr, 244_spr, 245_spr, 246_spr, 247_spr, 248_spr, 249_spr, 250_spr, 251_spr, 252_spr, 253_spr, 254_spr, 255_spr, 256_spr, 257_spr, 258_spr, 259_spr, 260_spr, 261_spr, 262_spr, 263_spr, 264_spr, 265_spr, 266_spr, 267_spr, 268_spr, 269_spr, 270_spr, 271_spr, 272_spr, 273_spr, 274_spr
2019/04/15 15:35Rects:
2019/04/11 08:54Rects: button-sheet1
2019/03/25 15:53Rects: 32px, 32px-1, 32px-2, 32px-3, 32px-4, 32px-5, 32px-6, 32px-7, 32px-8, 32px-9, 32px-10, 32px-11, 32px-12, 32px-13, 32px-14, 32px-15, 32px-16, 32px-17, 32px-18, 32px-19, 32px-20, 32px-21, 32px-22, 32px-23, 32px-24, 32px-25, 32px-26, 32px-27, 32px-28, 32px-29, 32px-30, 32px-31
  • 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