Crop Images Online with Exact Pixel Controls

An image cropper removes the parts of a picture outside a selected rectangular area. It is useful when the subject is too close to an edge, a screenshot contains extra interface space, a product photo includes distracting surroundings, or you need to isolate one section of a larger image. Instead of changing the entire picture, cropping lets you decide which part remains in the finished file.

TinyImageResizer's Crop Image tool provides a visual rectangular selection and numeric controls for the crop area. After you choose an image, a selection box appears over the picture. You can move the box, adjust its edges and corners, or enter the crop width, height and starting position in pixels. The result is a new image containing the selected region.

This tool is designed for free-form rectangular cropping. It does not currently provide a fixed aspect-ratio menu, social-media presets, rotation controls or a circle crop option. That distinction matters: use this page when you want to choose a custom rectangular area, and use a dedicated shape or platform tool when you need a predefined crop style.

Cropping follows a short workflow. You can make the selection visually or use pixel values when you need a repeatable crop.

When an image loads, the editor places a rectangular crop selection near the centre of the picture. The initial selection covers approximately 80% of the original width and 80% of the original height. It is a starting point, not a required crop size. You can reposition it to keep a face, product, document section or other important subject inside the frame.

Drag inside the rectangle to move the complete selection without changing its dimensions. The crop area has handles at the four corners and at the middle of each edge. Corner handles let you adjust two sides together; edge handles adjust one side.

The editor dims the area outside the selection so it is easier to see which pixels will be removed.

A rule-of-thirds guide is drawn inside the selection. The guide helps with composition by showing approximate horizontal and vertical thirds. It does not change the crop automatically or lock the selection to a particular ratio. Use it as a visual reference while positioning the subject.

The controls also respond to touch input. On a phone or tablet, open the settings drawer to access the numeric fields, then move or adjust the crop frame on the image. Smaller screens show the controls in a slide-in panel so the image workspace remains usable.

The Crop options panel gives you four numeric values. They describe the crop rectangle on the original image, not the size of the on-screen preview.

The editor keeps the crop rectangle within the boundaries of the source image. If a position or size would extend beyond an edge, the value is limited to the available area. Use the width and height values to set the region, then adjust X and Y to move that region to the part of the picture you want to keep.

Cropping and resizing are different operations. Cropping removes pixels outside the selected rectangle. It does not scale the remaining rectangle to a new width or height. If you select an area that is 900 × 600 pixels, the cropped canvas is created at 900 × 600 pixels.

This is useful when you need to extract a detail from a larger picture while keeping the selected region's pixel dimensions. For example, you can trim empty borders from a screenshot, isolate a product from a wider photograph, or remove unwanted space around a scanned page. If a website later requires the cropped image to be 600 pixels wide, use the Resize Image tool after cropping.

The crop frame is free-form. You can create a square by setting the width and height to the same number, such as 800 × 800, or make a wide rectangle by entering a larger width than height. However, the current editor does not lock the sides to a preset ratio while you drag. If you specifically need a locked 1:1 square, a circle, or a custom irregular shape, use the dedicated Square Crop, Circle Crop or Freehand Crop tool instead.

For reliable crop and download results, use JPG/JPEG, PNG or WebP images. The crop operation draws the selected pixels onto a browser canvas and creates a new image file. The output name is based on the original filename with “_cropped” added before the extension.

JPG and JPEG images are exported as JPEG, WebP images are exported as WebP, and PNG images are exported as PNG.

The current editor does not display an output-format selector, so it is not a general-purpose image converter. If you need a different file format, crop the image first and then use the Convert Image tool.

The file picker also lists some additional image extensions, but the current export code does not encode every accepted extension to a matching output format. For predictable results, use JPG/JPEG, PNG or WebP until that behavior is corrected.

Do not rely on the cropper to preserve animation from an animated GIF or vector data from an SVG.

The selected crop is drawn using the source image's pixel coordinates, and the crop canvas is created at the selected width and height. This means the operation does not enlarge the selected region to invent extra pixels. The exported file is still re- encoded, however, so it is not accurate to promise that every output is bit-for-bit identical to the original.

PNG output uses PNG encoding and can retain transparent pixels present in the selected area. JPG does not support transparency. JPEG and WebP exports use a high fixed canvas quality setting; the tool does not currently provide a quality slider. If a file must meet a strict upload limit in KB or MB, check the downloaded file size and use an image compressor if necessary.

Because the result is generated from the browser canvas, the download is a newly created image rather than a byte-for-byte copy of the original. Camera and other embedded metadata are not carried through as original file data. Keep the original if you need its metadata or want to make another crop later.

Choose Crop Image when you want to remove part of the picture and keep only a selected rectangular region. Choose Resize Image when the complete picture should remain visible but its pixel width and height need to change. Choose Compress Image when the dimensions are already suitable but the file takes up too much storage or exceeds an upload-size limit.

These operations solve different problems. Cropping can reduce the number of pixels because the outside area is discarded, but it does not guarantee a particular file size. Resizing can make an image smaller in dimensions, while compression changes how image data is encoded. For a form that specifies both dimensions and a maximum file size, crop or resize to the required shape first, then compress and check the final file.

The editor supports mouse and touch interactions. On a desktop computer, drag the crop rectangle to reposition it and use the corner or edge handles to adjust its boundaries. For precise work, type the width, height and X/Y position into the fields instead of relying on the pointer alone.

On a phone or tablet, the same crop selection can be moved and adjusted with touch. The Crop options panel opens as a drawer, giving access to the numeric fields without permanently taking up the image workspace. Large images may require more memory and processing time, especially on older phones or devices with many other browser tabs open. If an image does not load, try a smaller copy or close unused tabs and try again.

Imagine a 2400 × 1600 pixel product photograph with the item positioned slightly to the right. You want to remove a distracting area on the left and some empty space above the product. Start by loading the photograph, then move the selection so it frames the product. If you know the desired crop boundaries, enter the Width and Height and adjust X and Y until the box contains the whole item.

Review the crop dimensions shown on the selection and make sure labels, edges or other important details are not clipped.

Click Crop IMAGE to create the new file. Open the result to confirm that the composition is correct. If the image must fit a specific web slot, resize the cropped result to the slot's required pixel dimensions. If the upload form also imposes a file-size limit, compress the result and check its final size before submitting.

A good crop keeps the information that matters and removes only what is unnecessary. Before processing, look at all four edges of the selection and check that no part of the subject, caption, product label or document content is cut off. Use the numeric controls when you need repeatable crop boundaries, and use the visual selection when composition matters more than a particular coordinate.

After downloading, open the cropped file and check its dimensions, appearance and extension. The original image remains separate from the new cropped file, so keep it as your source for alternate crops, different layouts or later edits.