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 & ProductivityCrop 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.
Discussion
Join the discussion
Sign in to share your thoughts and engage with the community.