berryfy

Sprite generator

Combine icons or small images into one PNG sprite sheet, then download CSS background-position classes and JSON coordinates for implementation.

Add PNG, JPG, or WebP icons

You can select multiple files at once.

Pack small images into one sheet

Managing icons, button states, or pixel art tiles as separate files can make coordinate work tedious. The sprite generator places multiple images into same-sized cells and exports one PNG sheet.

Adjust columns, cell size, gap, and outer padding to fit a game UI or web icon set. The ZIP includes the PNG plus CSS classes and JSON coordinates you can paste into a project.

Images are read and drawn only in your browser. The output PNG is exported from a new canvas, so original metadata such as camera or location data is not included.

Related tools

Continue with tools that fit the same task flow.

DeveloperCSV to JSONConvert CSV tables into readable JSON locally, with header handling, delimiter detection, row warnings, and copy-ready outputOpenDeveloperCSV to Markdown tableConvert CSV rows into a clean Markdown table locally, with delimiter detection, header handling, alignment, and copy-ready outputOpenDeveloperJSON formatterPretty-print or minify JSON and locate parse errors by line and columnOpen

Frequently asked questions