Crop Image for Facebook Cover Photo

Facebook cover photos display at 820×312px on desktop and 640×360px on mobile. The safe zone — the area visible on both — is roughly the central 640×312px. Crop your image to the correct proportions below so it looks great on every device without important elements getting cut off.

Tips

Desktop vs mobile display sizes
On desktop, Facebook shows cover photos at 820×312px. On mobile, the sides are cropped to 640×360px, cutting approximately 90px from each side. Keep logos, text, and key visuals within the central 640px width to ensure they appear on all devices.
Recommended upload size: 820×312px
Upload your cover photo at exactly 820×312px for the cleanest result. Facebook compresses images on upload — exporting at JPEG quality 85–90 before uploading minimizes double-compression artifacts.
Profile picture overlap
On personal profiles, Facebook overlays your profile picture in the bottom-left corner of the cover photo (roughly a 168px circle). Avoid placing important content in the bottom-left quadrant if you want it visible on personal profile pages.
Business pages have more flexibility
Facebook Pages display the cover photo slightly differently from personal profiles — there is no profile picture overlay in the cover area on some layouts. Check how your specific page type renders the cover before finalizing the crop.

Image Cropper

AI & Productivity

Crop images with drag handles, fixed aspect ratios, or social media presets. Export as JPEG, PNG, or WebP — free, browser-based.

About this tool

What is the Image Cropper?

The Image Cropper lets you cut out any region of an image and save it as a new file. Upload a photo, drag the crop handles to select the area you want to keep, and download the result as a JPEG, PNG, or WebP. Everything runs in your browser — no files are uploaded to any server.

How to Crop an Image

Upload your image. Drag and drop a file onto the upload area, or click to browse. JPEG, PNG, and WebP are supported.
Set a crop mode. Choose Free crop to drag any shape, pick an aspect ratio to constrain proportions, or select a social media preset to lock in an exact platform dimension.
Drag the crop overlay. Click and drag inside the crop box to move it, or drag the corner and edge handles to resize it. A rule-of-thirds grid appears inside the selection to help with composition.
Fine-tune with numeric inputs. The X, Y, Width, and Height fields stay in sync with the crop overlay. Type exact pixel values to set a precise crop region.
Choose output format and quality. Select JPEG, PNG, or WebP. Adjust the quality slider for JPEG and WebP to balance file size and visual fidelity.
Download. Click Crop Image, then download the result.

Crop Modes

Free crop

No constraints. Drag any corner or edge handle to set any width and height independently. Use this when you need a specific shape that does not match a standard ratio.

Fixed aspect ratio

Lock the width-to-height ratio while keeping dimensions flexible. Dragging any handle adjusts the crop box while maintaining the chosen ratio. Available ratios include 1:1, 4:3, 3:4, 16:9, 9:16, 3:2, and 2:3.

Social media presets

Select a platform preset to instantly apply the exact aspect ratio for that platform's image format. Presets include:

Instagram Post — 1080 × 1080px (square)
Instagram Story — 1080 × 1920px (9:16 portrait)
Twitter/X Post — 1200 × 675px
Twitter/X Header — 1500 × 500px
Facebook Cover — 820 × 312px
LinkedIn Cover — 1584 × 396px
YouTube Thumbnail — 1280 × 720px
OG Image — 1200 × 630px

The preset sets the crop aspect ratio and positions the crop box centered on the image. You can then drag to reposition it before cropping.

Output Formats

JPEG — Best for photographs. Uses lossy compression to produce small files. Does not preserve transparency.

PNG — Best for screenshots, graphics, and images with transparent backgrounds. Lossless — quality is always fully preserved. Files are typically larger than JPEG for photographic content.

WebP — A modern format that combines the best of JPEG and PNG. Supports both lossy compression and transparency, with file sizes typically 25–35% smaller than JPEG at equivalent visual quality. Supported by all major browsers.

Rule-of-Thirds Grid

The crop overlay displays a faint rule-of-thirds grid — two horizontal and two vertical lines that divide the crop region into nine equal sections. Placing the main subject at one of the four intersections is a classic composition technique that tends to produce more visually engaging results than center-cropping.

Privacy

Your images are processed entirely within your browser using the HTML5 Canvas API. Nothing is uploaded to any server. Your files are never stored, logged, or transmitted.