How to Crop Images Online (Aspect Ratios, Social Media Sizes & Export)

Multi-Toolkit Team••6 min read
Web DevelopmentImagesSocial Media
TL;DR: Cropping removes the edges of an image to change its framing or aspect ratio. Use the aspect ratio presets (1:1, 16:9, 9:16, 4:5) to hit exact social media shapes, then resize and compress afterward. Crop images free in your browser →

Cropping is the most common image edit there is — yet the terminology still trips people up. This guide explains what cropping actually does, how aspect ratios work, the right ratio for each platform, and how to crop, resize, and compress in the right order.

What cropping does (and does not do)

Cropping removes pixels outside the selected area. The remaining content is untouched at its original resolution — no scaling, no quality loss from the crop itself. What changes is the dimensions and the framing.

Cropping does not resize the image to a specific pixel size. If you crop a 4,000×3,000 photo to a 1:1 square, the result is a 3,000×3,000 image — still very large. Use the Image Resizer afterward to bring it down to your target pixel dimensions.

What is an aspect ratio?

An aspect ratio is the proportional relationship between width and height. 16:9 means the image is 16 units wide for every 9 units tall — regardless of whether that is 160×90, 1280×720, or 1920×1080 pixels. When you lock to a ratio in the cropper, the selection snaps to that proportion as you drag, so the output always matches the required shape.

Which aspect ratio for which platform

  • 1:1 Square — Instagram feed posts, Facebook posts, Twitter/X profile photos, product images. The safest universal shape.
  • 4:5 Portrait — Instagram portrait posts. Takes up more vertical feed space than square, which typically drives higher engagement.
  • 16:9 Landscape — YouTube thumbnails (1280×720), Twitter/X card images, LinkedIn posts, embedded videos, presentations.
  • 9:16 Vertical — Instagram Stories, Reels, TikTok, YouTube Shorts, Pinterest Idea Pins. Full-screen vertical on mobile.
  • 4:3 Standard — Classic photo ratio. Facebook posts, traditional digital prints, Google Business photos.
  • 3:2 DSLR — The native ratio of most DSLR and mirrorless cameras. Matches standard print sizes (4×6, 6×9 inches).
  • 1.91:1 OG Image — Open Graph images for Facebook, LinkedIn, Slack, and WhatsApp link previews. Target pixel size: 1200×628 px.

The right order: crop → resize → compress

Always work in this order for best results:

  1. Crop — get the framing and aspect ratio right using the Image Cropper. Work from the highest-quality source you have.
  2. Resize — scale the cropped image to the exact pixel dimensions required (1200×628 for OG, 1280×720 for YouTube, etc.) using the Image Resizer.
  3. Compress — reduce file size for web delivery using the Image Compressor. Convert to WebP at 75–80% quality for the best size-to-quality ratio.

Never crop a compressed image — always go back to the original source. Each time you re-encode a lossy JPEG, compression artefacts multiply.

How to use the crop tool

  1. Upload — drag and drop, click to browse, or paste from clipboard with Ctrl+V.
  2. Select an aspect ratio — choose a preset or use Free mode. The crop box appears centred on the image.
  3. Reposition — drag the crop box to change the framing. Pull the corner handles to resize while keeping the ratio.
  4. Rotate if needed — use the 90°/180°/270° buttons to fix portrait photos taken sideways.
  5. Export — choose WebP (recommended), JPEG, or PNG. Set quality for JPEG/WebP. Click Crop Image, then Download.
Crop images free — no upload, no signup →

Tips for specific platforms

Instagram: Use 4:5 for feed posts (maximises screen space), 1:1 for grid consistency, 9:16 for Stories and Reels. Instagram compresses uploads heavily — export as JPEG at 90%+ or WebP to preserve quality through their re-encoding.

YouTube: Crop to 16:9, then resize to 1280×720 minimum (1920×1080 preferred). YouTube generates its own compression, so start with the highest quality you can export.

Open Graph / link previews: Crop to 1.91:1, resize to exactly 1200×628 px. Facebook, LinkedIn, Slack, and WhatsApp all use this shape for link previews. Missing or wrong-sized OG images fall back to ugly auto-crops.

FAQ

Does cropping reduce image quality? The crop itself does not — the remaining pixels are unchanged. Quality loss only comes from lossy format encoding (JPEG/WebP) or scaling the cropped area up beyond its original size.

Are my images uploaded to a server? No — the Image Cropper runs entirely in your browser using the Canvas API. No files are sent anywhere.

What formats are supported? Input: JPEG, PNG, WebP, GIF (static frame only). Output: JPEG, PNG, WebP.

Wrapping up

Cropping is step one of the image prep workflow. Get the framing and ratio right here, then pass the result to the Image Resizer for exact pixel dimensions and the Image Compressor for web-ready file sizes. Three tools, one clean pipeline.

Related free tools: Image Cropper · Image Resizer · Image Compressor · Meta Tag Generator

← Back to all articles