Crop image online instantly. Choose 1:1, 16:9, 9:16, or custom size. No upload, no signup.
Image Crop Online – And Why "Custom Dimensions" Isn't Exactly What It Sounds Like
By the CSC Tool Hub editorial team · Last reviewed September 2026
CSC Tool Hub's Image Crop Online tool lets you select and crop any region of a photo, with preset ratios or custom width/height fields, entirely in your browser. There's one detail worth understanding before you rely on the width/height fields for an exact pixel requirement: they control the size of the on-screen crop selection box, not necessarily the exact pixel dimensions of your final downloaded image. Here's why, and how to get an exact size when you need one.
Important: The Width/Height fields resize the crop box as displayed on your screen. The actual downloaded image resolution is derived from your original photo's native resolution in that selected area, which is often higher (or occasionally lower) than the number you typed, depending on how much the browser scaled the image down for display. If you need an exact pixel output — e.g. "800×600 for a form upload" — crop first, then pass the result through the
Image Resizer to lock in the precise final size.
Why the Crop Box Number Doesn't Equal Your Final Pixel Count
Large photos are shown scaled down to fit inside the crop editor's display area. When you type "800" into the Width field, that sets the crop selection box to roughly 800 CSS pixels on your screen — but the tool exports the crop using the original photo's actual resolution in that region, which could be much higher (if your source photo was large) or capped lower (if you're zoomed in past the original resolution).
| Scenario | What actually happens |
| Source photo is 4000px wide, displayed scaled down | Downloaded crop can be much larger than the number typed in the Width field |
| Source photo is small (e.g. 600px wide) and you zoom in heavily | Downloaded crop may look soft/pixelated since it can't exceed the source's real detail |
| You need an exact pixel count for a form | Crop roughly here, then use the Image Resizer afterward to set the precise final size |
How This Tool Works
The tool loads your image into the browser, lets you drag a crop box over the area to keep, and exports that selection as a new PNG using CropperJS and HTML5 Canvas — entirely client-side, with nothing uploaded to a server.
How to Use This Image Crop Tool
- Upload Image: Click "Select Image" or drag & drop your photo.
- Choose an aspect ratio (1:1, 4:3, 16:9, 9:16) that matches your platform's requirement.
- Drag the crop box to frame the area you want to keep, and use the zoom slider for fine control.
- Crop and download.
- If you need an exact pixel size, run the downloaded crop through the Image Resizer afterward — don't rely on the Width/Height fields alone for that.
Tip: Use 1:1 for Instagram profile pictures, 16:9 for YouTube thumbnails, and 9:16 for Reels/TikTok/Stories.
Key Features
📐 Preset Ratios 1:1, 4:3, 16:9, 9:16 for social media
✏️ Adjustable Crop Box Drag, resize, and zoom for precise framing
🔒 100% Private Client-side processing, no uploads
💾 Lossless PNG Output Preserves original quality of the cropped region
Common Mistakes
- Assuming the Width/Height fields lock the exact output pixel size — they control the on-screen crop box, not the final resolution. Use the Image Resizer afterward for exact sizing.
- Zooming in far past the source image's native resolution — this produces a soft, pixelated crop since no new detail is created.
- Cropping an animated GIF — only the currently-visible frame is captured; animation isn't preserved in the exported PNG.
Who Can Use This Tool
- Social Media Managers: Crop images for Instagram, Facebook, Twitter, and LinkedIn.
- Content Creators: Create YouTube thumbnails and video thumbnails.
- E-commerce Sellers: Crop product photos for online stores.
- Students and professionals: Crop images for projects, presentations, and documents.
Common Use Cases
- Social Media Posts: Crop for Instagram, Facebook, Twitter, and Pinterest.
- YouTube Thumbnails: Use 16:9 ratio.
- Profile Pictures: Use 1:1 ratio.
- Product Photos: Crop for e-commerce platforms.
Troubleshooting
- Downloaded image isn't exactly the pixel size I typed: expected — see the explanation above. Resize afterward for an exact size.
- Crop box not showing: wait for the image to fully load after upload.
- Cropped image looks soft: you may have zoomed in past the source photo's native resolution.
- Download not working: check your browser's download settings.
Privacy and Security
All processing happens locally using CropperJS and HTML5 Canvas. Your images are never uploaded to any server.
About CSC Tool Hub
CSC Tool Hub builds free browser-based tools — this crop tool, an image resizer, a JPG-to-PDF converter and more.
Frequently Asked Questions
Why isn't my downloaded image exactly the width/height I typed?
Those fields set the crop box size on your screen, not the final export resolution. The download uses your source photo's native resolution in that area. Use the Image Resizer afterward for an exact pixel size.
Is this image crop online tool free?
Yes, completely free to use. No signup, no watermark.
Can I crop image online circle?
Currently, rectangular cropping is supported. Circular cropping requires additional image editing tools.
What formats are supported?
Input formats: JPEG, PNG, WebP, BMP, GIF. Output is in PNG format. Note that animated GIFs will only export a single frame.
Do you store my images?
No. All processing is client-side. Your images never leave your device.
Can I use this for YouTube thumbnails?
Yes, use the 16:9 aspect ratio, then resize to exactly 1280x720 afterward if the exact pixel count matters.
Does it work on mobile?
Yes, fully responsive and works on all smartphones and tablets.
Is there a watermark?
No watermark. Clean output with no branding.
👉 Crop your image now – and use the Image Resizer afterward if you need an exact pixel size.
More Tools from CSC Tool Hub