Images to PDF
Combine ordered images into a PDF with page size, orientation, and margin controls for scans, receipts, assignments, and portfolios.
Sprite sheet maker
Arrange images · Set spacing · CSS and coordinates
Images stay on your device
Files
0 · 0 selected
No images selected yet.
Drop images or a ZIP file here
You can also paste an image or select several at once.
JPEG · PNG · WEBP · AVIF
Settings
Advanced settings
Export settings
ID photo compositionOn-device detection only suggests a crop; you can still adjust it before export.
This image’s crop has not been confirmed.
ID photo backgroundOptional on-device portrait cut-out; the original never leaves your device.
Dimensions
Preset sizeCommon platform sizes
Select one or more sizes; each image is exported in every selected size.
Icon safe area
One composition generates favicon, PWA and common app sizes, plus a manifest.
Crop areaDrag the box to resize or reposition it
Rotation0°
Quality
Padding on each sidepx
Upscale imageReal-ESRGAN · 2×
Pick a colour from the image
Frame rangeLeave the last frame blank to use the rest.
Base64 increases data size. This tool limits input to protect browser memory.
About this tool
Put icons or small game assets in one image and address each region by coordinates. The layout uses regular cells sized for the largest source, so smaller images may leave unused space.
How to use
Sprite sheet maker
What this tool is for
Pack small images into a sprite sheet with configurable columns and gaps, and export JSON coordinates plus CSS background positions.
How to use it
Arrange images and set columns and spacing. Each image keeps its dimensions at the top left of a cell sized for the largest image. Export includes the sheet, JSON coordinates, and CSS positions.
Results and next steps
The main image is accompanied by coordinate data, manifests, or helper code. Download the full ZIP to preserve the relationships between those files.
Privacy and local processing
Processing runs in your browser. Source images are not uploaded by this tool.
Common questions
Are different source sizes stretched to match?
No. Images keep their dimensions at the top left of cells sized for the largest source, so unused space is possible. Export includes PNG, JSON coordinates and CSS positions. This is a grid, not tight packing with transparent-edge trimming.
Why does the exported CSS not display sprites by itself?
It supplies sprite dimensions and background positions. Add the sheet’s background-image URL and an appropriate display mode in your page. Keep PNG, JSON and CSS from the same export; replace them together after changing columns or gaps.
How do I avoid mismatched coordinates after rebuilding a sheet?
Set the queue order before choosing columns and gaps. Positions are numbered from that current order, so adding, removing or moving images can shift later coordinates. Never pair an old map with a newly generated sheet.
Related tools
Opens in a new tab
Comments
0