How to use
- Drop a picture onto the box, or choose a file. iPhone HEIC photos work too.
- Drag the frame to move it and its edges to resize it. Choose a shape such as 1:1 for a profile picture or 16:9 for a video thumbnail, or leave it free. Use the turn and flip buttons if needed.
- Choose the format and press Crop and download. The size of the saved picture is shown.
Examples
A 4000×3000 photo, shape 1:1
→ A square crop such as 3000×3000 pixelsThe frame covers the largest part of the picture that has that shape, and you can move it.
photo.JPG, cropped and saved as PNG
→ photo-cropped.pngThe name of the saved file is the original name with -cropped added.
A picture stored sideways, Rotate right
→ The picture stands upright in the crop
How it works
The frame, its handles and the moving of the picture come from the open-source Cropper.js library. When you save, the selected area is drawn from the original picture at its natural size, not at the size shown on the screen, and then encoded by MozJPEG, libwebp or a PNG encoder, all compiled to WebAssembly. Rotating and flipping are applied to the picture before the crop is taken, so the saved file matches what you see in the frame.
Sources
- Cropper.js, the open-source library behind the frame
- jSquash (MozJPEG, libwebp, PNG encoder)
- MDN: Canvas API
Frequently asked questions
- Is the cropped picture full resolution?
- Yes. The crop is taken from the original pixels, so a 4000-pixel-wide photo gives a crop at its true size, not at the size shown on the screen. The size of the selection is shown under the picture.
- Which shapes can I choose?
- Free, 1:1 (square), 4:3, 3:2, 16:9, 3:4, 2:3 and 9:16 (a tall phone screen). With a shape chosen, the frame keeps that shape while you resize it.
- Are my pictures uploaded?
- No. The picture is cropped in your browser, and only the file you save leaves the page.
- Does cropping change the quality?
- A PNG crop is lossless. A JPG or WebP crop is saved again at the quality you choose, so keep it high (90 or more) if you will edit the picture further.
- What happens to the transparent areas?
- PNG and WebP keep them. JPG has no transparency, so they are filled with white.
- How do I resize the picture after cropping?
- Use the image resizer on this site: open the cropped file there and set the width or height.
Related tools
Version history
- 1.0.1 — Makes the search title and description state the supported task, key formats and privacy benefit more clearly.
- 1.0.0 — First release.