Sprite Sheet Generator
Combine multiple images into a CSS sprite sheet online for free. Auto-generate CSS with background positions.
Drop images or click to upload
PNG, JPEG, WebP, SVG, GIF
Layout
Upload images to build your sprite
حول هذه الأداة
Upload multiple images and combine them into a single CSS sprite sheet. Configure layout (horizontal, vertical, or grid), spacing, and padding. Automatically generates the CSS rules with correct background-position values for each sprite.
كيفية الاستخدام
Upload Images
Upload the images to combine into a sprite.
Configure Layout
Choose horizontal, vertical, or grid layout with custom spacing.
Download
Download the sprite PNG and copy the generated CSS.
حالات الاستخدام
Performance Optimization
Reduce HTTP requests by combining icons into a single sprite sheet.
الأسئلة الشائعة
What formats can I upload?
PNG, JPEG, WebP, GIF, SVG, and BMP. The sprite is always exported as PNG to preserve transparency.