Crop Image
Free Online —
Any Shape
Drag to crop in free mode, lock to a ratio (1:1, 16:9, 4:3, 9:16…), or export a perfect circle / round crop in PNG. Rotate, flip and zoom inside the cropper. All browser-local — no upload, always free.
Crop Image Free Online in 3 Steps
Drag, adjust, download. Your image never leaves your browser.
Upload Image
Drag and drop or click to select any JPG, PNG or WebP image. The image loads into the interactive crop editor immediately — no page refresh needed.
Adjust Crop
Drag the crop box handles to select the region you want. Choose an aspect ratio (Free, 1:1, 16:9, 4:3...) or switch to Circle mode for a round crop. Rotate or flip the image inside the crop editor.
Crop & Download
Click Crop & Download. For circle crops, save as PNG to preserve the transparent background. Preview the result, then download at full quality. Use Crop Again to return to the editor and adjust.
Every Crop Type — One Free Online Tool
More crop options than most desktop tools, all running in your browser.
The most requested crop type — and the hardest to do in basic tools. WebToolTrix's circle crop applies a circular mask to the 1:1 selection and exports the result as a PNG with a transparent background outside the circle. Perfect for profile pictures, avatars, logo crops and decorative round image elements for websites.
Circular PNG outputLock the crop box to a fixed ratio with a single click: Free (unconstrained), 1:1 Square, 4:3 (standard photo), 3:4 portrait, 16:9 widescreen, 9:16 story/reel, 3:2 camera, 2:3 portrait, 5:4 print, 2:1 wide banner. The crop box resizes proportionally when you drag. Switch between ratios without losing your position.
10 ratio presetsNeed to crop to an exact pixel size — say 400×300px or 1200×628px for an OG image? Enter the Width and Height in the Custom Size fields and click Apply. The crop box adjusts to that exact aspect ratio at the specified dimensions and the output will be at those exact pixel measurements.
Exact pixel outputRotate the image 90° left or right without leaving the crop editor — useful for sideways camera photos. Flip horizontally (mirror) or vertically. Zoom in and out of the image within the crop area to fine-tune your selection. The Reset button restores the original position and orientation.
Non-destructivePowered by Cropper.js — a professional-grade crop library used in real production apps. Drag the box to reposition, drag corner handles to resize, drag edge handles to extend one side. The crop box works with mouse on desktop and with touch on mobile and tablet. Crop data (position, width, height) updates live.
Touch-friendlyEverything runs in your browser using Canvas and Cropper.js. The image is never sent to any server. ID photos, personal images, business assets and sensitive documents stay completely on your device. Unlike Photoshop.com, Canva Express or iLoveIMG, there is no server-side processing at all.
Local onlyWebToolTrix vs Photoshop, GIMP, iLoveIMG, Canva
Free crop tool comparison — which one is right for your task?
| Feature | ✂️ WebToolTrix | Photoshop | GIMP (Free) | Canva | iLoveIMG |
|---|---|---|---|---|---|
| Completely Free | ✔ Always | ✘ Paid | ✔ Free | ⚠ Limited | ⚠ 30/day |
| Works in Browser (No Install) | ✔ | ✘ | ✘ | ✔ | ✔ |
| No File Upload (Private) | ✔ Local | ✔ | ✔ | ✘ | ✘ |
| Circle / Round Crop | ✔ | ✔ | ✔ | ✔ | ✘ |
| 10+ Aspect Ratio Presets | ✔ | ✔ | ⚠ | ✔ | ✘ |
| Rotate & Flip in Crop UI | ✔ | ✔ | ✔ | ✔ | ✘ |
| Custom Pixel Output Size | ✔ | ✔ | ✔ | ✘ | ✘ |
| No Account Required | ✔ | ✘ | ✔ | ✘ | ✘ |
| Mobile / Touch Friendly | ✔ | ✘ | ✘ | ✔ | ✔ |
How to Crop Image Free Online — The Complete Guide
Cropping is the simplest and most powerful image edit you can make. Remove an unwanted background, focus on the subject, fix the aspect ratio for a social platform, or export a perfect circle crop for a profile picture — cropping changes how an image reads without changing its content. WebToolTrix's crop image free online tool does all of this in your browser, with no upload and no account required.
This guide covers every crop scenario: free drag crop, fixed aspect ratios, circle and round crop, custom pixel dimensions, rotating inside the crop editor, and format choices for different output types.
What Is Image Cropping?
Cropping means selecting a rectangular (or circular) region of an image and discarding everything outside it. Unlike resizing — which changes the physical pixel dimensions — cropping removes pixels entirely from the sides, top or bottom. The result is a new, smaller image containing only the selected region at its original resolution.
Cropping is used to:
- Remove distracting elements from the edges of a photo
- Reframe a subject to improve composition
- Fit an image into a specific aspect ratio required by a platform
- Produce close-up detail shots from a high-resolution original
- Create circular profile pictures from standard rectangular photos
Circle / Round Crop — How to Crop Image in a Circle Online
"Crop image in circle" is one of the most searched image editing queries online. A circular crop removes everything outside the inscribed circle of your selected region and saves the result as a PNG with a transparent background — meaning the circle looks round on any background color or webpage, not on a white square.
Here's how to do a circular crop image on WebToolTrix:
- Upload your image
- In the Shape row, click "⭕ Circle / Round"
- The crop ratio automatically locks to 1:1 so the selection is always a perfect square (which becomes a perfect circle)
- Drag the crop selection to center on your subject's face or object
- Set output format to PNG (required for transparent background)
- Click Crop & Download
The output is a square PNG where everything outside the circle is transparent. When placed on a web page or design file, it appears as a perfect circle. This is the standard way all professional design tools (Photoshop, GIMP, Illustrator, Canva) handle circle crops — WebToolTrix does the same thing, for free, without installation.
How to Crop Image in Photoshop vs Free Online
Photoshop has the most powerful crop tool available — perspective crop, content-aware crop that fills edges, precisely controlled handles, and full non-destructive editing. But it costs around $22/month, requires a 2GB download and installation, and has a steep learning curve.
For the vast majority of crop tasks — trimming edges, fixing ratio, circle crops, resizing to social dimensions — WebToolTrix's free online crop tool produces identical results in 10 seconds without opening any app. If you need perspective correction or content-aware generative fill during the crop, Photoshop is the right tool. For everything else, WebToolTrix is faster and free.
GIMP is the most complete free desktop image editor and has an excellent crop tool with all the same ratio presets. The downside is a 200MB download, installation, and a less intuitive interface compared to WebToolTrix's browser-based tool.
Crop Image Mac — Online vs Native Tools
Mac users have two quick built-in crop options: Preview's rectangular Selection + Crop (Command+K) tool and the Photos app's Crop editor. Both are fast and require no download. However, their limitations show up quickly: Preview cannot do circle crops, cannot lock to standard social media ratios, and cannot export with a transparent background. Photos app has limited precision for custom dimensions.
For crop image mac users who need circle crops, custom pixel outputs, or specific social media ratios, WebToolTrix's online tool in Safari is the easiest option — works in any browser, touch-friendly on trackpad, and produces the same results as desktop tools like Photoshop and Illustrator.
Crop Image — Aspect Ratios Explained
Aspect ratio is the relationship between width and height, expressed as W:H. Different platforms and use cases require specific ratios:
- 1:1 Square: Instagram posts, profile photos, product thumbnails on many ecommerce platforms, avatar images
- 4:3: Standard photo (most camera default), presentation slides (1024×768), older TV format
- 3:4 Portrait (vertical): Portrait-oriented photos, Pinterest pins, mobile-first content
- 16:9 Widescreen: YouTube thumbnails, website headers, presentation slides (1920×1080), laptop wallpapers
- 9:16 Vertical: Instagram Stories, TikTok, YouTube Shorts, Reels — full-screen mobile format
- 3:2: Standard DSLR camera ratio (e.g., 1080×720, 1200×800, 6000×4000)
- 2:1 Wide Banner: Website banners, Twitter/X headers, LinkedIn post banners
- 5:4: Some medium format cameras, 8×10" print aspect ratio
WebToolTrix includes all of these as single-click presets in the Aspect Ratio row. Click a ratio, drag the selection, and every drag keeps you locked to that proportional constraint.
Crop Image in CSS — The Online Crop Tool Equivalent
CSS object-fit: cover and clip-path: circle(50%) are the developer equivalent of cropping in HTML/CSS. When a web developer needs an image to appear cropped in a specific area on a webpage, they control it through CSS rather than editing the image file itself.
However, for static images — blog post thumbnails, downloadable graphics, profile pictures — CSS alone doesn't help. You need the actual image file cropped. That's what this tool produces: a real, cropped image file ready for download, upload and use anywhere.
Crop Image vs Resize Image — Key Differences
- Crop: Removes pixels from edges. Changes canvas size. Output is smaller in pixels AND physically (fewer pixels = smaller file). The remaining pixels lose no quality.
- Resize: Changes the scale of the entire image. All pixels are recalculated. Output is the same composition, just at different dimensions. File size changes based on how much smaller/larger the resize was.
In practice, cropping and resizing are often done together: crop first to get the right composition, then resize to hit a specific pixel count or file size target. WebToolTrix's links make this workflow easy — after downloading a crop, jump to the Resize Image tool or Compress Image tool in one click.
Crop Image Square — Profile Pictures and Social Thumbnails
A square (1:1) crop is the most commonly needed crop type. Profile pictures on every major platform — LinkedIn, Twitter/X, Instagram, Facebook, Discord, Slack, GitHub — are displayed in a square or circle but must be uploaded as square images. WebToolTrix's 1:1 preset (the default when the Crop editor loads) handles this instantly: click the selection, center your face or object, crop, and download.
If you also need the profile picture to be a circle, use the Circle/Round shape toggle — which locks to 1:1 and outputs a circular PNG. Most web apps accept a square PNG and handle the circle display themselves using CSS, but some profile photo uploaders (especially older platforms) expect a pre-cropped circle PNG.
Crop Image PDF — Cropping Images From a PDF
If you need to crop an image that is inside a PDF, the workflow differs from cropping a regular image file. First, take a screenshot of the PDF page at the highest quality (or use a PDF to Image converter like WebToolTrix's PDF to JPG tool). Then upload the resulting image here and crop the region you need. This gives you a cropped image from the PDF content without requiring Acrobat or any PDF editing software.
How to Crop Image on a Mobile Phone
WebToolTrix's crop tool is fully touch-compatible. On an iPhone or Android:
- Open the tool in Safari or Chrome
- Tap "Select Image" and choose from your Photos library
- Drag the crop handles with your finger — they are large enough for comfortable touch interaction
- Tap the ratio buttons to switch aspect ratios, or tap Circle for a round crop
- Use pinch-to-zoom inside the crop area to fine-tune your selection
- Tap Crop & Download — the file saves to your Downloads folder
For circle crops on mobile, set format to PNG before downloading — otherwise the transparent background will fill with white in JPEG format.
Pro Tips for Better Crops
- Rule of thirds: Place your main subject at one of the four intersections of lines that divide the image into thirds — not dead center. The Cropper.js grid overlay in WebToolTrix helps with this automatically.
- Crop generously first, then tighten. It's easier to crop tighter later than to realize you cut off an important detail.
- For face/portrait crops: Leave breathing room above the head. A portrait with the top of the subject's head right at the edge looks cramped.
- For product images: Maintain consistent padding — if you crop product A with 20px of white space around it, crop all other products the same way for a unified catalog look.
- Circle crop transparency: Always save circle crops as PNG. Saving as JPEG fills the transparent area with white or black, ruining the circle effect.