Generate · Browser-first processing
Select icons, choose padding and layout, then export the combined PNG and a CSS file.
Select a supported file or enter the requested values, then run the tool.
Closing or refreshing this page clears the selected files and generated result. Downloaded files are created as new copies and never overwrite the source.
Common questions
CSS Sprite Sheet Generator reads the selected input into browser memory and performs its documented operation on this device. It does not submit the source file to ImgNimble while using this browser-first workspace.
A sprite PNG, CSS rules and a ZIP containing both.
This version uses a regular row or column layout rather than optimal bin packing. Keep original icons for high-density or responsive variants.
Practical checks
Select icons, choose padding and layout, then export the combined PNG and a CSS file.
Keep the source, download the CSS Sprite Sheet Generator result as a new file, and verify dimensions, transparency, colour, metadata and visual detail before replacing any production asset.
Continue the workflow
Cut a uniform sprite sheet into individual transparent PNG frames using row and column counts.
Generate common favicon, Apple touch and web-app icon sizes plus manifest and HTML snippets.
Generate several web-ready widths and a copyable srcset snippet from one source image.