Chrome

Install Our Chrome Extension

Use TunerPage tools instantly from your browser

Install Now

Image Cropper

Crop images with drag handles, aspect presets, rotate/flip, and export to modern formats — all in your browser.

Upload image

Usage tips

  • Drag the corners to adjust the crop area precisely.
  • Use presets like 1:1 (square) or 16:9 for banners.
  • Rotate or flip the image before cropping.
  • Choose WebP or AVIF for smaller files.

How to Crop an Image Online (Step‑by‑Step)

Why Cropping Matters

Cropping is one of the most overlooked yet impactful adjustments you can make to a photo. Whether you are preparing a social media post, trimming an image for your website, or focusing attention on a subject, removing unwanted edges can dramatically improve composition. A clean crop simplifies the story that a picture tells and ensures the main subject commands the viewer’s eye. It also helps tailor images to the varying aspect ratios demanded by different platforms so that nothing important gets cut off when shared. With the TunerPage Image Cropper you can complete all of these tasks in your browser without uploading files to a server. The tool is fast, private, and flexible enough for both casual users and professionals.

Upload and Set Up

Start by clicking the Upload button or dragging a file onto the dropzone. The cropper accepts any common image type and immediately renders it to an interactive canvas. The full image is shown with a resizable crop box in the center. You can drag inside the box to reposition it or pull the handles on the edges to resize. The live readout beneath the canvas shows the original width and height of your file along with the current crop dimensions and X/Y position. This makes it easy to dial in precise values, especially when you need consistent sizes across multiple images. If you make a mistake you can press Esc to reset the crop box or click the trash icon to remove the image and start over.

Use Aspect Presets or Freeform

Aspect ratio presets speed up common tasks. Select Free for unrestricted cropping, or choose one of the built‑in ratios like 1:1, 4:5, 3:2, 16:9, 9:16, 2:3, or 4:3. When a preset is active the crop box will maintain that proportion while you resize. You can also lock or unlock the ratio at any time using the padlock button. This is useful when you want to begin with a preset but then make a small adjustment without constraints. Presets are especially handy for matching the requirements of various apps and banners without memorizing exact pixel dimensions.

Rotate, Flip, Zoom & Pan

Once the crop area is roughly in place, you can fine‑tune the image underneath. The cropper supports 90° rotation for quickly switching between portrait and landscape orientations. Use the flip horizontal or flip vertical buttons to mirror the picture, a simple trick that can correct the direction of an object or create artistic symmetry. Zooming is available through the plus and minus buttons, the mouse wheel, or pinch gestures on touch devices. After zooming you can pan by dragging outside the crop box, allowing you to position the subject perfectly inside the frame. All of these transformations occur on the client side with GPU acceleration for smooth, stutter‑free adjustments.

Choose Format and Quality

When the preview looks right it is time to choose an output format. By default the cropper keeps the same format as the original file, but you can switch to JPG, PNG, WebP, or AVIF using the dropdown. Lossy formats such as JPG, WebP, and AVIF expose a quality slider that ranges from 0 to 100. Lower values produce smaller files at the cost of detail, while higher values keep more information but result in larger downloads. PNG is lossless and therefore does not use the quality setting. As you adjust the quality the estimated file size updates so you can balance fidelity against performance needs.

Crop & Download

With format and quality decided, click Crop & Download. The tool creates a new image from the selected region using high‑quality resampling and infers a sensible filename based on the original. For example, if you upload photo.png and crop a 400×300 rectangle to WebP, the downloaded file will be namedphoto_crop_400x300.webp. This consistent naming pattern makes it easy to organize edited assets. Because the entire process happens in your browser, the file never leaves your device. Sensitive photos remain private, and the whole operation completes almost instantly even on a slow connection.

Best Aspect Ratios for Common Platforms

  • 1:1 — 1080×1080 (Instagram profile/posts)
  • 4:5 — 1080×1350 (Instagram portrait)
  • 16:9 — 1280×720 (YouTube thumbnail), 1920×1080 (HD)
  • 9:16 — 1080×1920 (Stories/Reels/Shorts)

While these are popular examples, remember that resolution requirements often vary between platforms and even between features within the same app. The presets in this cropper provide a quick starting point, and the dimension readouts let you match any custom size you need. You can always unlock the ratio and enter a bespoke width and height if a project calls for something unconventional.

JPG vs PNG vs WebP vs AVIF

Choosing the right format can be confusing. JPG uses lossy compression and is ideal for photographs and complex scenes where small file sizes matter more than perfect fidelity. PNG is lossless, preserving every pixel exactly as captured, which makes it the preferred choice for graphics, logos, or images that require transparency. WebP and AVIF are modern formats that often achieve much smaller sizes than JPG at similar visual quality. WebP enjoys wide browser support, while AVIF pushes efficiency further and supports features like HDR, though it is slightly less compatible. The cropper lets you experiment by exporting the same crop to multiple formats so you can compare results and pick the best balance for your use case.

Privacy & Performance

Many online image editors send your files to remote servers for processing. That introduces privacy concerns and slows things down, especially with large photos. The TunerPage Image Cropper performs every step locally using modern browser APIs such ascreateImageBitmap and OffscreenCanvas. Your pictures never leave your computer, and the tool remains responsive even when editing high‑resolution images. Thanks to caching with localStorage, the cropper also remembers your last used settings so you can pick up where you left off on your next visit.

Related Tools

HEX ↔ RGB Converter

Convert between HEX and RGB/RGBA, validate formats, copy values, and check WCAG contrast — all in your browser.

Try it out

CSS Blob Generator

Create organic SVG blobs with adjustable points, smoothness, size, and color. Copy the SVG code or download the file instantly.

Try it out

SVG Pattern Generator

Generate seamless SVG patterns like dots, lines, grids, and zigzags with customizable spacing, size, rotation, and colors.

Try it out

SVG Stroke to Fill Converter

Convert SVG strokes into filled paths. Upload an SVG, preview changes, then copy or download the converted file.

Try it out

Image Resizer

Resize multiple images by pixels or percentage, keep aspect ratio, and export as JPG, PNG, WebP, or AVIF.

Try it out