Crop Image

Use Crop Image to extract a rectangular area from a JPG, JPEG, PNG, or WebP image.

The tool provides a free crop mode together with Square (1:1), Landscape (16:9), and Standard (4:3) aspect-ratio presets.

The crop area is configured using percentage-based Selection Width and Selection Height controls. The resulting crop is calculated against the source image's original pixel dimensions before the selected region is drawn into the output image.

Crop Image provides four crop modes.

Free crop allows the crop width and height to be adjusted independently using the available selection controls.

Square (1:1) creates a crop region with equal width and height proportions.

Landscape (16:9) creates a wide crop region using a 16:9 aspect ratio.

Standard (4:3) creates a crop region using a 4:3 aspect ratio.

The fixed presets define geometric aspect ratios. They are not platform-specific social-media presets.

The current Crop Image workspace uses percentage-based controls to configure the crop region.

Selection Width controls the width of the crop region relative to the source image.

Selection Height controls its height when Free crop is active.

When a fixed aspect-ratio preset is selected, the crop dimensions are coordinated according to that ratio.

The visual overlay helps you review the selected crop area before processing.

The current workspace does not use direct on-image dragging or draggable resize handles to position and resize the crop box.

The crop coordinates and dimensions are stored relative to the source image and converted into pixel coordinates using the image's natural width and height.

The selected source region is then drawn into an output canvas matching the calculated crop width and height.

The crop operation extracts that selected region without intentionally scaling it to a different output resolution.

For example, if the calculated crop region is 1200 × 800 pixels, the output canvas is created at approximately 1200 × 800 pixels.

Crop Image removes areas outside a selected rectangular region and creates an image from the selected portion.

Resize Image scales the complete image to different width and height dimensions.

Use Crop Image when you want to keep only part of an image.

Use Resize Image when you want to keep the entire image but change its dimensions.

An aspect ratio describes the proportional relationship between the width and height of the crop region.

Square (1:1) uses equal width and height proportions.

Landscape (16:9) creates a wider rectangular selection.

Standard (4:3) creates a moderately wide rectangular selection.

These presets control the shape of the selected crop area. They do not guarantee suitability for a particular website, social platform, application, or submission requirement.

The selected crop region is drawn using browser canvas processing and encoded into the generated image.

The current workflow does not provide a separate output-format selector and uses the supported source image MIME format when creating the cropped output.

Formats such as PNG and WebP can support transparency. Actual output behavior can depend on the source image, selected format, and browser implementation.

Because the image is rendered and re-encoded through canvas processing, source metadata such as EXIF, GPS information, and ICC profile data should not be assumed to remain in the generated file.

Review the downloaded image when metadata, transparency, color behavior, or exact visual reproduction is important.

Crop performance can depend on the source image file size, pixel dimensions, crop dimensions, available browser memory, browser implementation, and device resources. Large or high-resolution images can require additional memory while the browser decodes the source image, displays the preview, creates the output canvas, and encodes the cropped image. Performance may vary between devices and browsers when working with very large images.