Combine images into a transparent CSS sprite with a ready-to-use integration package.
1
Upload and select images
2
Choose arrangement, padding and CSS sizing
3
Generate and download PNG, CSS, JSON and an HTML preview
↑Choose FileDrag & drop files here … (or click to select files)or drop an archive with filesUpload file
CSS sprite generator online
Upload several small images and combine them into one CSS sprite sheet. The generator creates the final image and CSS positions for each file, so a page can load fewer image requests.
Use it for icons, UI assets, legacy layouts, email templates and small web graphics. Add files, arrange them in the right order, build the sprite and copy the generated CSS.
✓Need a quick tool to create sprites from a set of images?
✓Are you creating a game or want to speed up the loading of your site?
✓At the output, you will receive an archive with sprite and styles for quick embedding in your application.
✓No software installation is required on the computer. All you need is a browser and Internet access.
✓Work is available both from a stationary PC, and from a tablet and laptop.
✓Your data is available only to you. After a while, they are deleted from the server. Our service does not store anything.
Supported formats
This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.
Reviews are checked before publication. We publish genuine positive feedback and specific criticism. Spam and insults without useful detail are not published; profanity and personal details are masked. Positive votes are counted immediately; negative votes are counted after review.
Reviews reflect users’ experiences, not a guarantee of results or a description of the service limits. Use the rating buttons above to leave a review.
