Image Cropper

How to Use the Image Cropper

This free online image cropper lets you trim and cut images directly in your browser using the HTML5 Canvas API. Upload any image, specify the crop region using exact pixel coordinates (X offset, Y offset, width, and height), then download the cropped result as a PNG file. All processing happens entirely client-side, meaning your images never leave your device, ensuring complete privacy and instant results regardless of internet speed.

Setting the Crop Area

The crop area is defined by four values: X and Y offsets specify the top-left corner of the crop region relative to the original image, while width and height define the size of the area to extract. By default, the crop area covers the entire image. Adjust these values to select the exact portion you need. The tool validates that the crop area stays within the image boundaries to prevent errors.

Common Cropping Scenarios

Image cropping is useful for removing unwanted borders, focusing on specific subjects, creating profile pictures from larger photos, and preparing images for specific aspect ratios. For social media thumbnails, crop to square dimensions. For website hero images, use wide landscape crops. Product photography often benefits from tight cropping around the subject to remove distracting backgrounds and create a clean, professional look.

Tips for Best Results

Note the original image dimensions shown after upload, then calculate your desired crop coordinates accordingly. For centering a crop, set X to (imageWidth - cropWidth) / 2 and Y to (imageHeight - cropHeight) / 2. The output is PNG format which preserves quality without compression artifacts. If you need to resize the cropped image afterwards, use the Image Resizer tool for further dimension adjustments.

Image Cropperの使い方

このツールはブラウザ上で動作する無料の画像トリミングツールです。画像をアップロードし、X/Yオフセットと幅・高さをピクセル単位で指定して正確にトリミングできます。すべての処理はクライアントサイドで完結し、画像がサーバーに送信されることはありません。トリミング結果はPNG形式でダウンロード可能です。