Responsive image generator
Crop a photo to any shape, then export resized WebP, AVIF, JPEG or PNG files at once with ready-to-paste<picture>/srcset HTML - nothing is uploaded, it all runs on your device.
Choose a photo
Click here or drop an image in. Nothing is uploaded - it stays in your browser.
Source
Crop shape
The photo keeps this shape at every width. Drag and scroll/pinch to zoom in the frame - with the frame focused, arrow keys nudge and +/- zoom.
Output widths
Formats
Quantises to a small colour palette with dithering before compressing - typically 70-90% smaller on a photo, but no longer pixel-exact.
Nothing is uploaded - compression happens on your device, and the first time you use a format it loads a small one-off component. The slider is set up so the same number gives roughly the same visual quality across every format, including AVIF.
Markup
Advanced options
:
Overrides the shape buttons above with any ratio you need. For an exact width and height, use "One exact size" at the top of Crop shape instead - it's built for that directly.
Choose a photo above, then click Generate images and code.
Your picture/srcset code will appear here