Button State Generator
Turn one button image into normal, hover, pressed, disabled and focus variants, as single PNGs and one packed strip.
How it works
- Add images
- Adjust settings and review the result
- Download a new file
Supported formats
PNG / JPG / WebP / AVIF / HEIC → PNG + JSON (ZIP) — Input decoding depends on browser support and optional engines.
What this tool does
Turn one button image into normal, hover, pressed, disabled and focus variants, as single PNGs and one packed strip.
Implementation and verified quality
advanced · brightness, contrast, saturation, overlay, offset and square outline ops / MaxRects strip. Quality qualification is in progress. Pro/Flagship quality has not been established.
Before you export
Fixed pixel operations: brightness, contrast, saturation, colour overlay, offset and outline. It does not draw artwork that is not there.