One cover, two different crops
Desktop is wide and short while mobile is narrower and taller, so the platform crops rather than shrinks. Design for the centre and keep the edges quiet.
Facebook Cover Resizer
A Facebook cover is drawn at roughly 820 × 312 on a desktop and 640 × 360 on a phone, both cropped from the same source file. That makes the useful area a centre strip: size the image here, then confirm the words and faces still sit inside that band.
Upload the artwork for your Facebook cover
or click the button below to browse · paste an image with Ctrl+V
Selected Images (0)
Frequently Asked Questions About Facebook Cover Resizer
What size should I upload for a Facebook cover?
Use an 820 × 312 desktop cover frame and keep important content near the centre, because phones show a different crop of the same source.
Why is my Facebook cover text cut off?
It sits outside the area both crops keep. Move the text toward the vertical centre of the image and download again.
Will my original file be changed?
The result is downloaded as a separate file. Keep your original until you have checked the Facebook cover frame.
What should I check before using the result?
Open the Facebook cover frame in the application that consumes it and spot-check the parts that matter to you; the original file stays untouched if you need to re-run with different options.
About this workflow
Before downloading the result
Compare the Facebook cover frame with the original while both are fresh; destinations differ, and a quick check here saves a re-upload later.
The Center Strip Problem in Facebook Cover Images
A Facebook cover is drawn at roughly 820 × 312 pixels on a desktop and 640 × 360 pixels on a phone, but both views are cropped from the same source file. This creates a "center strip" constraint: if your text or face is near the top or bottom edge, it may be cut off on one device or the other. The Facebook Cover Resizer solves this by allowing you to pre-size and crop your image so the critical content remains visible on both screen sizes before you upload.
The tool processes files locally in your browser, meaning your images never leave your device. You can upload an original file, apply the Facebook cover presets, verify the center strip alignment, and download the result without creating an account or hitting a daily quota. Supported input formats typically include JPG, PNG, and WEBP, as indicated in the upload control.
How the Facebook Cover Crop Works
One Image, Two Different Crops
Desktop displays are wide and short, while mobile displays are narrower and taller. Facebook does not shrink the image to fit; it crops it. This means the left and right edges of your image will be cut off on mobile, and the top and bottom may be cut off on desktop if they extend beyond the central safe zone. Design for the center and keep the edges quiet to avoid losing important visual elements.
Presizing Before Upload
Instead of relying on Facebook’s automatic compression, which can degrade quality unpredictably, you use the resizer to export a file with dimensions that match Facebook’s recommended specs. Start with the highest-resolution source available; downscaling a large file preserves more detail than upscaling a small one. The output quality slider allows you to balance file size against sharpness before you download.
Step-by-Step Workflow for Best Results
- Upload your artwork — Drag a supported image file (JPG, PNG, or WEBP) onto the page. The upload control displays the specific formats accepted by this route. If you have multiple drafts, batch mode may allow processing multiple files at once.
- Apply the Facebook Cover Preset — Select the preset for Facebook covers. This automatically sets the dimensions to the recommended 820 × 312 or 640 × 360 ranges. You can manually adjust pixel values if you have a specific style guide requirement.
- Verify the Center Strip — Use the on-screen preview to check that your text and faces sit within the vertical center. If elements are cut off in the mobile view, move them toward the center of the original image and re-export.
- Download and Compare — Save the resized file. Before uploading to Facebook, compare the new file with your original to ensure no critical details were lost. The original file remains untouched on your device, so you can always re-run the process with different options if needed.
Pro Tip: For repeated tasks, bookmark this page. Settings often stay visible between uploads, allowing you to quickly process the next file without re-entering dimensions.
Practical Use Cases and Limitations
- Profile and Cover Images: Prevents automatic platform cropping from hiding your brand logo or call-to-action text.
- Ad Creatives: Ensures fixed placement dimensions are met without manual editing in desktop software.
- Thumbnail Overlays: Creates appropriately sized images for video or live-stream overlays that maintain aspect ratio.
Important Limitations:
- Upscaling Issues: If your source file is smaller than the required Facebook cover dimensions, the tool will upscale it, which may result in soft or blurry images. Always start with a high-resolution original.
- Recipient App Compression: When sharing the resized image via email or chat, be aware that the receiving app may apply another compression pass. Check the final dimensions and file size before sending.
- Format Specifics: The available output formats (JPG, PNG, WEBP) and quality controls depend on the specific page instance you are using. Confirm the output format matches your needs before downloading.
Frequently Asked Questions
Why is my Facebook cover text cut off on mobile?
It likely sits outside the area that both desktop and mobile crops keep visible. Move the text toward the vertical center of the image so it falls within the shared safe zone, then download and upload again.
What is the exact pixel size I should upload?
Use a frame that accommodates the 820 × 312 desktop requirement. Keep important content near the center because phones display a different, narrower crop of the same source file. The tool’s preset helps you visualize this alignment.
Will my original file be modified?
No. The processing happens locally, and the result is saved as a separate file. Your original image remains unchanged on your device, allowing you to keep it for future re-edits or higher-quality exports.
Can I use this tool without uploading my data to a server?
Yes. All processing occurs in your browser using client-side JavaScript. No files are stored on remote servers, which makes it suitable for confidential designs or unreleased products.
How do I recover if I cropped too much?
Since the original file is never altered, simply go back to the upload step, select your original high-resolution file again, and adjust the crop or zoom settings. You can run multiple sessions without needing to restore from a backup.