Advertisement Top Banner - Replace with AdSense
✂️

Image Cropper & Resizer

Crop, rotate and resize images with precision. Includes presets for Instagram, Twitter, YouTube, Facebook and more. Export as JPG or PNG. 100% private - your images never leave your browser.

📁

Drag & drop an image here, or click to select

Advertisement In-Content - Replace with AdSense

Free Online Image Cropper & Resizer

Our Image Cropper uses Cropper.js, a powerful open-source JavaScript library, to give you professional-grade image editing directly in your browser. Unlike online image editors that upload your photos to a server, this tool processes everything locally - your images never leave your device. You can crop to any aspect ratio, rotate, flip, resize to specific dimensions, and export as JPEG, PNG, or WebP. The tool includes presets for common social media sizes so you don't have to remember them.

Why Crop Images?

Cropping serves several purposes in image editing:

  • Remove unwanted elements: Cut out distracting backgrounds, photobombers, or empty space around your subject.
  • Change aspect ratio: Convert a landscape photo to a square for Instagram, or to a vertical story format for TikTok and Instagram Stories.
  • Improve composition: Apply the rule of thirds by repositioning your subject after the photo is taken.
  • Focus attention: Zoom in on the most important part of the image, like a face in a group photo.
  • Optimize for platform: Each social network has recommended dimensions. Cropping to spec prevents the platform from auto-cropping and ruining your composition.

Social Media Image Size Guide (2024)

Different platforms have different optimal sizes. Using the right size ensures your image displays correctly without being cropped or stretched:

  • Instagram Feed (square): 1080 × 1080 (1:1)
  • Instagram Feed (portrait): 1080 × 1350 (4:5) - takes more screen space, higher engagement
  • Instagram Feed (landscape): 1080 × 566 (1.91:1)
  • Instagram Stories / Reels: 1080 × 1920 (9:16)
  • Instagram Profile Photo: 320 × 320 (1:1)
  • Twitter Post: 1200 × 675 (16:9)
  • Twitter Header: 1500 × 500 (3:1)
  • Facebook Post: 1200 × 630 (1.91:1)
  • Facebook Cover: 820 × 312 (820×412 on mobile)
  • LinkedIn Post: 1200 × 627 (1.91:1)
  • LinkedIn Cover: 1584 × 396 (4:1)
  • YouTube Thumbnail: 1280 × 720 (16:9)
  • YouTube Channel Art: 2560 × 1440 (16:9, with safe area)
  • Pinterest Pin: 1000 × 1500 (2:3)
  • TikTok Video Cover: 1080 × 1920 (9:16)
  • WhatsApp Status: 1080 × 1920 (9:16)

JPG vs PNG vs WebP - Which to Choose?

  • JPEG: Best for photos. Lossy compression, smaller files, no transparency. Use 80-90% quality for the best balance.
  • PNG: Best for graphics with text, logos, or transparency. Lossless, larger files. Use for screenshots or graphics with sharp edges.
  • WebP: Modern format with better compression than JPEG and support for transparency like PNG. Use if your target platform supports it (all modern browsers do).

Tips for Better Cropping

  • Use the rule of thirds: Imagine a 3×3 grid over your image. Place your subject at one of the four intersections for a more dynamic composition.
  • Leave headroom: For portraits, leave space above the subject's head. Tight crops can feel claustrophobic.
  • Watch the eyes: In portrait crops, the eyes should be in the upper third of the frame.
  • Avoid cutting at joints: Don't crop at the wrist, elbow, knee, or neck. Crop mid-limb instead for a more natural look.
  • Check the corners: After cropping, scan the corners of the new frame for distracting elements.
  • Crop slightly larger than needed: You can always crop more, but you can't add back what you've cut.
  • Test on the target platform: Some platforms (like Facebook) apply their own compression. Preview your crop on the actual platform before publishing.

Privacy

This cropper runs entirely in your browser using Cropper.js and the HTML5 Canvas API. Your image is loaded into memory, edited locally, and offered as a download. No image data is ever transmitted over the network. You can verify this by opening Developer Tools (F12) → Network tab while editing - you'll see no upload requests.

Advertisement Bottom - Replace with AdSense