How to crop an image — step by step

Cropping an image removes unwanted areas around the edges of a photo or graphic, letting you focus on the most important part of the frame. Our free online image cropper accepts JPG, PNG, WebP, GIF, AVIF, BMP, TIFF, ICO, and HEIC/HEIF. Cropping and download run entirely in your browser — files are never uploaded unless you choose Save to history.

Follow these steps to crop any supported image in seconds:

  1. Select your image. Click the Select image button or drag and drop a file from your desktop directly onto the upload area. Files up to 20 MB are supported (JPG, PNG, WebP, GIF, AVIF, BMP, TIFF, ICO, or HEIC/HEIF). The image loads into the crop canvas immediately — no upload.
  2. Choose an aspect ratio. Use the aspect ratio buttons in the sidebar to lock the crop box to a specific proportion. Freeform lets you drag any rectangle you like. 1:1 is perfect for square profile photos and social media thumbnails. 16:9 suits YouTube thumbnails and widescreen banners. 4:3 matches traditional photo prints and presentations, while 9:16 is ideal for mobile stories and vertical video covers. 3:2 is the classic 35 mm film ratio used by most DSLR cameras.
  3. Adjust the crop box. Drag the corner and edge handles on the canvas to resize the selection, or drag from inside the box to reposition it without changing its size. For pixel-perfect results, type exact values into the Width, Height, X, and Y fields in the sidebar. The crop box updates instantly.
  4. Remove metadata (optional). The Remove metadata checkbox strips EXIF data, GPS coordinates, camera model information, and other embedded metadata from the exported file. This is recommended whenever you are sharing images publicly, both for privacy and to reduce file size slightly.
  5. Download your crop. Click Download to save the cropped image directly to your device (no upload). JPG, PNG, and WebP keep their type; HEIC/HEIF exports as JPG; GIF, AVIF, BMP, TIFF, and ICO export as PNG.
  6. Save to history (optional). Click Save to history to upload both the original and your crop and store them for seven days. You can re-open any saved crop, adjust the box, and download a new version at any time. History items are tied to your session by default and are claimed to your account once you sign in.

There is no server-side render for cropping — work is done locally with the HTML5 Canvas API, so even large, high-resolution images process instantly with no intermediate upload.

Common use cases for image cropping

Image cropping is one of the most frequently performed tasks in digital media. Whether you are a professional designer, a small business owner updating a product catalogue, or someone managing a social media presence, having a fast and reliable cropping tool at hand saves significant time. Here are some of the most common scenarios where this tool is genuinely useful:

  • Social media profile pictures and avatars. Most platforms require a square (1:1) profile image. Uploading a portrait or landscape photo and cropping to a precise square ensures faces are centred and nothing important is cut off by the platform's own auto-crop.
  • Instagram, Facebook, and Twitter post images. Each platform has preferred aspect ratios for feed posts and cover photos. Instagram favours 1:1 for square posts and 4:5 for portrait posts; Facebook cover photos work best at 16:9; Twitter cards use 2:1. Using our locked aspect ratio buttons makes hitting these targets effortless.
  • YouTube thumbnails. YouTube displays thumbnails at 16:9. Crop any screenshot or photo to that ratio before uploading to prevent YouTube from auto-cropping your carefully composed frame.
  • Product photography for e-commerce. Online shop listings commonly require product images at specific dimensions or ratios. Cropping out backgrounds, props, or distracting edges in-browser before uploading to a product catalogue is faster than running images through Photoshop.
  • Removing distracting backgrounds and edges. A photo may have an untidy corner, a passerby, a timestamp overlay, or an accidental thumb in the frame. A quick freeform crop fixes these issues in moments.
  • Preparing images for blog posts and articles. Blog header images typically need a consistent wide aspect ratio (commonly 16:9 or 3:1). Cropping your photos to a uniform ratio before inserting them into a CMS keeps your article layout looking polished across every device.
  • Printing at specific paper sizes. Standard print sizes such as 6×4 inch (3:2) or A4 (roughly 1.41:1) have fixed aspect ratios. Cropping in advance means the printer or print service will not make unexpected cuts to your image.
  • Mobile wallpapers and lock screens. Smartphone wallpapers are almost always portrait 9:16. A landscape photo cropped to 9:16 fills the screen properly without letterboxing or distortion.
  • Removing EXIF metadata before sharing. Photographs taken on smartphones embed GPS location, device model, and sometimes even the photographer's name in the file's EXIF data. Enabling Remove metadata before downloading ensures none of this sensitive information leaves your device with the exported image.
  • Game assets and UI graphics. Sprite sheets, button icons, and interface assets often need to be cropped to exact pixel dimensions. Entering specific Width and Height values in the sidebar gives pixel-perfect control without needing a desktop editor.

The history of image cropping tools on the web

Image cropping has been a fundamental part of photography and print layout since long before computers existed. Darkroom technicians used physical masks and enlargers to frame selected portions of a negative, and layout artists used cropping marks on print-ready photographs to instruct press operators on exactly which portion of an image should appear on the page. The concept of removing unwanted edges to improve composition is, in other words, as old as photography itself.

When personal computing began to include graphical interfaces in the 1980s, dedicated image editing software brought these techniques to the desktop. MacPaint (1984) was among the first consumer applications to let users select and cut rectangular regions of a bitmap. Adobe Photoshop, first released in 1990, made the crop tool a staple of professional image editing and introduced the idea of constrained aspect ratios — a feature that remains central to every cropping tool built since.

Through the 1990s and early 2000s, image cropping on the web was essentially server-side. Users would upload an image to a platform — an early photo-sharing site, a bulletin board, or a news CMS — and the server would run a PHP or Perl script using the GD library or ImageMagick to perform the crop, then return the result. This meant every crop operation required a round trip to the server, slow internet connections made it painful, and the original image was often discarded after processing.

The introduction of the HTML5 Canvas API in 2010 and the subsequent maturation of JavaScript performance fundamentally changed what was possible in the browser. For the first time, developers could draw, manipulate, and export pixel data directly on the client, without any server involvement. Early browser-based crop tools started appearing around 2012–2013, leveraging Canvas to perform crops locally. Libraries like Cropper.js — which powers this very tool — emerged around 2014 to abstract the complexity of initialising a canvas crop region, handling touch events on mobile, and exporting the result as a downloadable blob.

By the mid-2010s, cloud storage and social media platforms began incorporating in-browser cropping directly into their upload flows. Facebook, Twitter, and Google Photos all added browser-based crop and zoom controls so users could adjust profile pictures and cover photos without downloading a separate application. These implementations used the same Canvas-based techniques that open-source libraries had pioneered.

Today, browser-based image cropping is entirely taken for granted — but the underlying technology is genuinely sophisticated. Modern implementations use CSS transforms for smooth drag interactions, ResizeObserver for responsive canvas reflow, and Web Workers in some advanced tools to move pixel processing off the main thread. The tools you use here reflect that full evolution: client-side, instant, privacy-respecting, and capable of handling images at full print resolution without a single byte leaving your device until you choose to share it.