What does Image Crop do?
It frames a rectangular region of one JPG, PNG, or WebP with Cropper.js and exports that area as a newly encoded image.
Drag and resize the crop box, pick a ratio or exact pixels, choose Original/JPG/PNG/WebP, then export the framed area.
Preparing the editor...
The guide and instructions on this page are available while the tool loads.
Image Crop selects a rectangular region from one supported JPG, PNG, or WebP and exports that area as a newly encoded image. Pixels outside the crop are omitted from the download. It is a framing tool—not a resizer, rotator, background remover, or subject-detection editor.
Upload one image up to 20 MB. Move and resize the crop box (minimum about 20×20 px), use Free or the 1:1, 4:3, 16:9, and 9:16 presets, scroll the mouse wheel to zoom (wheel ratio 0.08), and optionally enter width, height, X, and Y in source pixels. Reset crop area re-fits the current ratio and base zoom. There is no in-tool rotation control and no batch queue.
Export uses Cropper.js getCroppedCanvas, then canvas.toBlob. Output can stay Original or switch to JPG, PNG, or WebP. JPG and WebP quality runs from 60 to 100 (default 90); PNG ignores quality. JPG fills transparent areas with white (#ffffff). Output pixel size follows the rounded crop rectangle in natural image coordinates—not a separate upscale control. Cropper checkOrientation may apply source orientation on load; EXIF, GPS, ICC, DPI, and animation are not deliberately copied. Animated WebP becomes a still crop.
All crop math and encoding stay in the browser. Image bytes are not posted to a crop API. Ordinary website assets may still load. Identified analytics may include sizes, output format, quality, cropped dimensions, and error codes—not filenames, raw pixels, or typed X/Y values.
AVIF, GIF, BMP, HEIC/HEIF, SVG, and TIFF are rejected. Sources above 12,000 px on an edge show a performance warning but can continue. Zooming into a small region can look soft when displayed larger; it does not add true resolution. The interactive Cropper preview can differ slightly from the encoded result—inspect the after-export comparison. Download is {base}-cropped.{ext} with automatic and manual download. Reset clears the workspace and is not a dedicated mid-export cancel control.
Typical tasks this tool is built for.
Decoding, crop selection, and canvas export run locally with Cropper.js. The image file is not uploaded for cropping. DevToolKit may receive usage or diagnostic metadata such as input/output bytes, output format, quality, cropped width and height, page context, and result codes. Identified analytics do not include the filename, crop X/Y coordinates, or raw image bytes.
Practical tips before you download or share the output.
One JPG/PNG/WebP up to 20 MB. Cropper.js: movable/resizable box, Free/1:1/4:3/16:9/9:16, wheel zoom, W/H/X/Y pixels, Reset crop area. Output Original/JPG/PNG/WebP; quality 60–100 (default 90) for JPG/WebP. JPG white fill. Filename {base}-cropped.{ext}. No rotation, batch, ZIP, or subject detection. >12,000 px warns. Analytics may include bytes, format, quality, cropped size, codes—not filename, X/Y, or raw bytes.
Longer reads that pair well with this tool.
Image guide
A practical image-preparation workflow: choose the required format, set dimensions, review processing labels, and inspect the exported file before sharing.
Image guide
Use DevToolKit's server-backed, AI-assisted Background Remover with supported files, subject presets, browser-side export controls, and clear review steps.
Common next steps after using this tool.
Compress a JPG, PNG, WebP, or AVIF image with format, quality, and optional resize controls.
Build one ordered PDF from mixed supported image formats, with one ready image on each page.
Remove an image background, review the cutout, refine its edge softness, and export it with transparency or a new background.
Turn one or more JPG and JPEG photos into a single ordered PDF with one image per page.
Rotate one JPG, PNG, or WebP in 90° steps or mirror it horizontally and vertically, then export a new copy in the source format.
Resize a JPG, PNG, or WebP image by exact dimensions, percentage, or common web and social presets.
Situations where this workflow saves time.
It frames a rectangular region of one JPG, PNG, or WebP with Cropper.js and exports that area as a newly encoded image.
JPG, JPEG, PNG, and WebP. AVIF, GIF, BMP, HEIC/HEIF, SVG, and TIFF are rejected.
Original (matching the source MIME), JPG, PNG, or WebP.
One image per run. There is no batch queue and no ZIP packaging.
20 MB. Sources wider or taller than 12,000 pixels show a performance warning but can still be cropped.
Yes. The crop box is movable and resizable, with a practical minimum near 20×20 pixels. viewMode keeps the box within the image canvas.
Free, 1:1, 4:3, 16:9, and 9:16. Default is Free. There is no separate Original-ratio or custom-ratio field beyond Free and pixel inputs.
Free unlocks the aspect lock so you can drag the box to arbitrary width and height within the image.
Mouse-wheel zoom is enabled (wheelZoomRatio 0.08). There is no zoom slider. Initial fit uses a computed base zoom. Zoom selects framing; it does not invent higher resolution.
No rotation control is provided here. Use Image Rotate & Flip first if you need quarter-turns or flips, then crop.
Yes. Width, height, X, and Y inputs update the crop rectangle in rounded source pixels via Cropper setData.
Export uses getCroppedCanvas without a forced upscale size, so canvas width/height follow the selected crop region in natural image coordinates.
No. Cropping omits pixels outside the rectangle. It does not provide a separate target canvas size like Image Resizer.
The export path draws the selected region without a forced stretch-to-size step. Locked ratios change shape by changing which pixels are kept.
PNG and WebP can keep decoded alpha when you export those formats. JPG fills transparent areas with white.
For JPG and WebP, quality is 60–100 with default 90. PNG ignores the quality argument.
checkOrientation is enabled, so Cropper may apply orientation when loading. The tool does not rewrite orientation tags into the export and is not an EXIF-repair utility.
They are not deliberately copied. Canvas export typically leaves EXIF, GPS, ICC, DPI, and related data behind.
No. Animated WebP is cropped as a still image from the decoded frame.
Locally in the browser. Image bytes are not uploaded for cropping.
Downloads use {base}-cropped.jpg, .png, or .webp according to the chosen output format.
Identified events may include engine, input/output bytes, outputFormat, quality, croppedWidth, croppedHeight, and error codes. They do not include the filename, crop X/Y, or raw image bytes.
Browse related tools or open the full workspace.