Image Cropper
Keep the part of an image you need without resizing it. Move a visual selection or enter exact pixel coordinates, then generate and download a new cropped image.
Crop one image
- Choose one local JPG, PNG or WebP. The tool reads an oriented still snapshot and starts with the full image selected; it does not preserve animation.
- Move or resize the selection, type into the labelled pixel fields, or use their decrease and increase buttons without dragging. Choose Free for arbitrary integer dimensions, or a fixed aspect preset for a centered starting crop.
- Choose PNG or JPEG and select Crop image. Check the actual result dimensions and preview, then download the generated file. Changing a crop or format removes the previous download.
Understand the selected pixels
Cropping removes pixels outside a rectangle; resizing changes how many pixels represent the image. This tool does not enlarge or shrink the selected region. A crop that is 600 pixels wide downloads at 600 pixels wide, even if its on-page preview looks smaller.
Left and Top count pixels from the top-left corner of the image after its stored orientation has been applied. Both start at zero. Width and Height must be positive, and the complete rectangle must fit inside the source image.
Selecting a fixed preset creates the largest centered crop made of exact ratio-sized pixel blocks. For 4:3, widths are multiples of four and heights are the matching multiples of three. Odd unused pixels remain on the right or bottom; choose Free when you need another exact size.
PNG retains available transparency. JPEG places transparent areas on white and uses the browser's 0.92 quality hint, which is not a 92 percent file-size reduction. Browser color handling and re-encoding can change file size, metadata or pixel representation.
Check an ordinary crop
An 800 by 600 image becomes a centered 600 by 600 square with Left 100 and Top 0. Its output is still 600 by 600 pixels; no automatic resizing is added.
A 16:9 crop of the same image uses Left 0, Top 75, Width 800 and Height 450. A 3:2 preset uses Left 1, Top 34, Width 798 and Height 532 so that the ratio is exact in whole pixels.
Use Load example to try a local four-color image. Move the crop to different quadrants, or edit the pixel fields to see how the visible selection and the generated result correspond. No example image is fetched from another site.
Formats, capacity and preservation limits
One nonempty JPEG, PNG or WebP up to 20,000,000 source bytes is supported. After native decoding, each oriented dimension must be at most 16,384 pixels and the total at most 40,000,000 pixels. These are admission bounds, not a pre-decode memory guarantee; a browser can still fail on a complex image below them.
The output must be a verified PNG or JPEG no larger than 40,000,000 bytes. A large PNG can be bigger than the original. If generation fails, choose a smaller crop or another available format; the tool does not silently shrink the image or substitute a different file.
This is not a batch editor, animation-frame selector, circular crop, background remover, rotator or secure-redaction service. Re-encoding does not deliberately copy the original metadata container, but it is not a metadata-removal or forensic-sanitization guarantee.
Local files and explicit download
Tool processing uses your selected image in this browser without tool-added uploads, saved input history or file data in page URLs. Download creates a local file only when requested. Normal site services and consent settings remain separate.
Image cropping questions
Sources
These original English references describe native drawing and encoding, viewport geometry, and a non-drag alternative. Browser capacity and encoding results vary; crop rounding and presets are this tool's own policies.
- html.spec.whatwg.orgWHATWG HTML: drawing images to canvas
- html.spec.whatwg.orgWHATWG HTML: canvas image serialization
- html.spec.whatwg.orgWHATWG HTML: ImageBitmap decoding and orientation
- drafts.csswg.orgCSSOM View editors' draft: bounding client rectangles (work in progress)
- w3.orgWCAG 2.2: understanding dragging movements
Editorial review: 4 November 2026. References do not certify this implementation.
Related tools
SVG to PNG
Convert a local SVG file or pasted markup into PNG, with explicit dimensions, transparency and bundled fonts.
Open tool — SVG to PNGCSS Filter Generator
Order and repeat CSS effects, compare a specimen and copy the exact filter declaration.
Open tool — CSS Filter GeneratorFluid Font Size Calculator
Create root-relative CSS from viewport endpoints and inspect the copied size model.
Open tool — Fluid Font Size CalculatorCSS Button Generator
Style native button states, inspect keyboard focus and copy HTML and CSS.
Open tool — CSS Button GeneratorCSS Border Radius Generator
Edit eight corner radii, preview a box and copy CSS in pixels or percentages.
Open tool — CSS Border Radius GeneratorCSS Grid Generator
Build a bounded CSS Grid example with editable tracks, placement and named areas. Preview it, copy CSS or HTML and download the same standalone example.
Open tool — CSS Grid GeneratorCSS Flexbox Generator
Build a Flexbox example with container and item controls, explicit layout axes, matching CSS and HTML, and a local complete-example download.
Open tool — CSS Flexbox GeneratorCSS Text Shadow Generator
Build ordered text shadows, preview plain text and copy exact CSS.
Open tool — CSS Text Shadow GeneratorCSS Transform Generator
Compose repeatable 2D CSS transforms, edit px or percentage translation and origin, inspect a reference box and copy the exact current declarations.
Open tool — CSS Transform GeneratorCSS Box Shadow Generator
Create ordered CSS box-shadow layers with a live preview and copyable code.
Open tool — CSS Box Shadow GeneratorImage Watermark
Add a text or logo watermark to a batch of images, review each result and download individual files or a ZIP.
Open tool — Image WatermarkCSS Gradient Generator
Create linear or radial CSS gradients with editable colors, opacity and stops.
Open tool — CSS Gradient GeneratorColor Converter
Convert supported sRGB HEX, RGB and HSL literals with alpha, explicit precision and current code Copy.
Open tool — Color ConverterImage to Text (OCR)
Recognize printed text in local PNG or JPEG images, choose a language and review or correct the result before copying or downloading.
Open tool — Image to Text (OCR)QR Code Reader
Read one QR code from a local PNG or JPEG and inspect its text or content bytes without opening links.
Open tool — QR Code ReaderColor Contrast Checker
Compare foreground and background colors, adjust opacity and check WCAG numerical contrast thresholds for text and essential interface details.
Open tool — Color Contrast CheckerPrint Size & Resolution Calculator
Calculate print dimensions, required pixels and effective PPI with fit or crop.
Open tool — Print Size & Resolution CalculatorAspect Ratio Calculator
Find a width-to-height ratio or calculate a matching pixel size from one target dimension.
Open tool — Aspect Ratio CalculatorImage Compressor
Try to fit a JPEG, PNG or WebP within a target file size, with measured results and optional smaller dimensions.
Open tool — Image CompressorHEIC to JPG
Convert supported HEIC photos locally into full-size JPG copies, with quality and background controls and verified individual or ZIP downloads.
Open tool — HEIC to JPGImage Converter
Convert supported PNG, JPEG and WebP images locally with batch targets, transparency, background and quality controls, then review and download the encoded files.
Open tool — Image ConverterPhoto Collage Maker
Arrange local photos in a grid, adjust crops and spacing, and download PNG or JPEG.
Open tool — Photo Collage MakerRotate & Flip Images
Rotate or mirror a local batch of static PNG, JPEG and WebP images, then review and download the processed results.
Open tool — Rotate & Flip ImagesImage Resizer
Resize a JPG, PNG or WebP image by pixels or percentage, preview the result and download it.
Open tool — Image Resizer