Create sprite sheets from multiple images with JSON metadata, or slice existing sprite sheets into individual frames. Perfect for game development.
Combine multiple individual images into a single sprite sheet with corresponding CSS coordinate data. Upload your icons or animation frames, and the tool packs them into one image file with a JSON or CSS mapping for each sprite's position.
Initializing in your browser…
Generate seamless tileable textures using Perlin noise, Simplex noise, Voronoi cells, and FBM. Customize colors with gradient editor. Export at multiple resolutions.
Create memes with customizable text overlays. Add multiple text layers, adjust fonts, colors, and positions.
Create chord diagrams for guitar, ukulele, and bass. Choose from chord library or build custom fingerings. Export as PNG or SVG.
A game needs 16 animation frames packed into one sheet with coordinates for the engine.
Input
16 frames (64×64) · 4×4 grid · 2 px padding
Output
sprite.png + a JSON atlas of each frame’s x/y/w/h
Packing frames into one image plus a coordinate atlas means the engine loads a single texture and slices it, cutting draw calls and load time. The generated JSON removes the error-prone job of writing frame rectangles by hand.
Combine multiple individual images into a single sprite sheet with corresponding CSS coordinate data. Upload your icons or animation frames, and the tool packs them into one image file with a JSON or CSS mapping for each sprite's position.
Combining many small images into one file reduces the number of HTTP requests, which can improve page load performance.
Consistent sizes work best, but the packer handles mixed dimensions too. Icons in the 16-64px range are the most common use case.
Images are decoded, edited, and exported entirely inside this browser tab. No originals, exports, or metadata are uploaded.