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.
This browser tool does not upload the selected source to ImgNimble. Closing or refreshing clears the selected files and generated result from the page.
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.
CSS Sprite Sheet Generator validates the selected file before processing. Use JPG, JPEG, PNG, WEBP, GIF, HEIC, HEIF, SVG within the 40 MB per-file limit. Keep an untouched original for comparison.
The CSS Sprite Sheet Generator workflow runs in browser memory. ImgNimble does not receive the source file for this local operation; refreshing or closing the page clears the selected input and generated in-page result.
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.