Cropping cuts away the parts of a picture you do not need, whether that is a stray edge, empty background or the wrong shape for a profile photo. Kwebby's Image Crop Tool works with numbers instead of drag handles. You load an image, pick a ratio button or type the position and size of the area to keep, and download the result as a full-resolution PNG. An orange box on the preview shows the area you selected.
Key Takeaways
- Kwebby's Image Crop Tool crops one image at a time using four number boxes: X offset, Y offset, Width and Height. All four are measured in pixels of the original image, not the on-screen preview.
- The ratio buttons Free, 1:1, 4:3, 16:9, 3:2 and 2:3 select the largest centred area of that shape. While a ratio is selected, changing Width updates Height and changing Height updates Width.
- An orange box on the preview marks the selected area, and the caption shows the original size and the selected size.
- Click Crop Image to see the result and Download PNG to save
cropped.png. The output is a PNG at the exact pixel size you selected. - Values that run past the edge of the image are pulled back inside it, so the result never contains empty transparent space.
- Everything runs in your browser. Your image is not uploaded.
What Is the Kwebby Image Crop Tool?
Kwebby's Image Crop Tool is a free online tool that cuts an image down to the area you choose. Load an image, pick a ratio button or type X offset, Y offset, Width and Height in pixels, then click Crop Image. The result appears below as a PNG you can download. It runs in your browser.
Cropping keeps one rectangle of the picture and discards everything outside it. The tool copies the kept pixels from the original file at full resolution, so a 4000×3000 photo cropped to 16:9 gives a 4000×2250 PNG with no scaling.
Key Features and How It Works
Ratio buttons
Six buttons sit above the image: Free, 1:1, 4:3, 16:9, 3:2 and 2:3. The selected one turns orange. Once an image is loaded, clicking a ratio sets Width and Height to the largest rectangle of that shape that fits the image and centres it. Free leaves the numbers as they are and lets Width and Height change independently.
| Ratio | A common use |
|---|---|
| 1:1 | Square profile pictures and grid posts |
| 4:3 | A classic photo and screen shape |
| 16:9 | Widescreen images and video thumbnails |
| 3:2 | Many camera photos and 4 by 6 inch prints |
| 2:3 | The upright version of 3:2 |
YouTube's thumbnail guidance asks for a 16:9 aspect ratio for video thumbnails, with a minimum width of 640 pixels, so 16:9 is the button for that job.
While a ratio other than Free is selected, the shape stays locked: type a new Width and the tool works out the matching Height, or the other way round.
Loading an image
The drop area reads "Click or drag an image here". It takes one image at a time and accepts any file your browser treats as an image. After loading, the image appears as a preview with a caption such as "Original: 1600×900px. Selected area: 1600×900px." and a "Change image" link that clears it.
X offset, Y offset, Width and Height
Four number boxes appear under the preview. X offset is the distance from the left edge, Y offset is the distance from the top edge, and Width and Height give the size of the area to keep. All four use the pixels of the original image, whatever size the preview shows on screen. They start at 0, 0, the full width and the full height.
Crop area preview
The preview is at most 300 pixels tall, but the orange box on it is scaled to match your numbers. Everything outside the box is darkened, so you can see what the crop keeps before you click anything.
Edge checks
If X offset plus Width, or Y offset plus Height, runs past the edge of the image, the tool trims the area to fit when you leave the box or click Crop Image. Width and Height are at least 1 pixel.
Crop Image and Download PNG
Crop Image draws the chosen area from the original file and shows the result under the button with its size. Download PNG saves it as cropped.png. There is no JPEG option, and PNG files can be larger than JPEGs for photographs, so run big results through the Image Optimizer afterwards.
Why Cropping Matters
Cropping changes what a picture says. Removing empty edges puts the subject in focus, and trimming to a standard shape stops a platform from cutting off the part you care about. It also reduces size. Lighthouse's Properly size images audit says a page should never serve images larger than the version shown on screen, because anything bigger wastes bytes and slows the load. A crop that removes unused area helps with that.
For social profiles, thumbnails and shop images, the shape matters before the size does. Pick the ratio first, then worry about the pixel count.
How to Use the Image Crop Tool
- Add an image. Click "Click or drag an image here" or drag a file onto it. The caption shows the original size.
- Pick a ratio. Click 1:1, 4:3, 16:9, 3:2 or 2:3, or stay on Free.
- Set the size. Type Width or Height in original image pixels. With a ratio selected, the other value follows.
- Move the area. Change X offset and Y offset to slide the orange box across the image.
- Click Crop Image. Check the result and its size below the button.
- Click Download PNG. The file saves as
cropped.png. - Start over if needed. Click "Change image" to load a different file.
Best Practices for Cropping Images
Work in original pixels
The numbers always refer to the original file. To keep the centre half of a 1600×900 image, enter X 400, Y 225, Width 800 and Height 450. The result is an 800×450 PNG.
Use the ratio buttons as a starting point
Click a ratio to get the largest centred area, then reduce Width and move X offset and Y offset to frame the subject. The shape stays the same while the ratio is selected.
Check the orange box before you crop
The darkened area shows what will be removed. If the box is in the wrong place, adjust the offsets before you click Crop Image.
Keep the original file
The tool never changes your original file. Keep it anyway, in case you need a different crop later.
Compress when you are done
A cropped PNG of a photograph can be large. If you plan to use it on a web page, pass it through the Image Optimizer and choose JPEG or WebP.
Common mistakes to avoid
- Typing preview sizes instead of original pixel sizes.
- Forgetting to switch to Free before typing a Width and Height with a different shape.
- Uploading a cropped PNG photo to a website without compressing it.
Common Use Cases
- Profile pictures. Cut a square from a portrait or logo.
- Video thumbnails. Trim a graphic to 16:9.
- Screenshots. Remove browser borders from a capture.
- Product images. Trim a product photo to a 4:3 or 1:1 frame.
- Exact sizes. Cut a banner to a precise pixel size for a template.
Related Kwebby Tools
- Image Optimizer compresses the cropped file and converts it to JPEG or WebP.
- Online Image Editor adds drag handles, resizing and filters.
- Image to Base64 turns a small cropped image into a string for code.
- Favicon Generator makes simple site icons.
- Page Speed Checker tests a page after you swap in the smaller image.
- Free Image Tools Online lists the other image utilities on Kwebby.
Frequently Asked Questions (FAQs)
How do I crop an image online?
Load your image in Kwebby's Image Crop Tool, choose a ratio or type X offset, Y offset, Width and Height, click Crop Image and then click Download PNG. The orange box on the preview shows the area you are keeping.
Which aspect ratios does the tool offer?
It has six buttons: Free, 1:1, 4:3, 16:9, 3:2 and 2:3. Each ratio button selects the largest centred area of that shape and keeps the shape when you change Width or Height. Free lets you type any size. There is no custom ratio field.
Are the numbers in preview pixels or original pixels?
Original pixels. The preview is scaled down to fit the screen, but X offset, Y offset, Width and Height always refer to the original file, and the output PNG is exactly Width by Height pixels.
Does cropping reduce image quality?
No. The tool copies the selected pixels from the original image without scaling and saves them as a lossless PNG. The file may be larger than a JPEG original, because PNG does not use lossy compression.
What format does the cropped image download in?
PNG, saved as cropped.png. Use the Image Optimizer if you need a JPEG or WebP.
Is my image uploaded?
No. The tool reads the file in your browser, draws the crop on a canvas and gives you the result there. Nothing is sent to Kwebby, and no account is needed.
Final Thoughts
The Image Crop Tool trims images by the numbers at full resolution. Load your image, pick a ratio, check the orange box and download the PNG. For your next step, use the Image Optimizer to shrink the cropped file for the web.