This tool packs images into a single horizontal strip — it lays each uploaded image side by side in the order you selected them, left to right, in one row. It doesn't currently do grid packing (multiple rows/columns), padding between sprites, or an optimized bin-packing layout that minimizes wasted space; the strip's width is simply the sum of every image's width, and its height matches the tallest image.
What you get
A single PNG containing all your images side by side, plus matching CSS: one .sprite base rule and one positioned rule per image, using background-position offsets calculated from where each image landed in the strip.
When a simple strip is genuinely enough
For a small icon set (a handful of UI icons, a short animation sequence), a horizontal strip works exactly like a grid-packed sheet from the browser's perspective — one image request instead of many, addressed via CSS background-position. The generated CSS is standard and drops straight into a stylesheet.
When you need a different tool
For a large icon set or a sprite sheet where minimizing file size and dimensions matters (many icons of varying sizes, where a horizontal strip would be unnecessarily wide), a bin-packing sprite tool that arranges images into a compact grid will produce a smaller, more efficient output than this strip layout.
Common uses
- Combining a handful of UI icons into one image to cut down on HTTP requests
- Packing a short animation frame sequence into a single strip for CSS
background-positionstepping - Bundling a small set of related icons for a quick prototype
FAQ
What image formats can I upload?
Any format your browser can decode as an image (PNG, JPEG, WebP, etc.) — the output sprite sheet itself is always PNG.
Can I arrange sprites into a grid instead of one row?
Not currently — every export is a single horizontal row, sized to fit all the uploaded images side by side.
Does it generate a JSON manifest in addition to CSS?
Not yet — the current output is a CSS file with background-position rules per sprite, not a separate JSON coordinate manifest.
Is there a limit on how many sprites I can pack?
No hard limit is enforced, but a horizontal strip gets proportionally wider with each image added — for a large number of images, a grid-packing tool will produce a more practical result.