Banners
Guides show what every device keeps — they never appear in the downloaded PNG.
What size is a Facebook cover photo?
820×312 pixels on desktop — but phones crop the sides and show only the center 640 pixels, which is where most “my cover looks wrong on mobile” complaints come from. This facebook cover maker draws the mobile-visible band live on the canvas and anchors your text inside it, so the desktop version gets the full wide artwork while the phone version still reads perfectly. One design, both layouts correct.
How to make your banner
- Type your name or title in the Text drawer — it renders live inside the safe area.
- Pick a layout template and shuffle the backdrop (mesh, pattern, or texture) until it fits your brand.
- Drop a logo if you want one — it is processed locally and never uploaded.
- Check the guides: everything essential should sit inside the dashed zone.
- Download the PNG — exact platform size, no watermark — and upload it to Facebook.
Where your profile photo sits
On today’s Facebook layout your circular profile photo sits below the cover rather than on top of it, so unlike LinkedIn or X there is no overlap zone to dodge — but the page title and action buttons render directly under the cover’s bottom edge. Designs with a calm lower third read best; the layout templates here keep text in the vertical center for exactly that reason, clear of both the mobile crop and the page UI beneath.
One cover, two crops — designing for both
Treat the center band as the message and the outer thirds as atmosphere: name and tagline inside the mobile-safe zone, the generated backdrop flowing to the desktop edges. Avoid putting anything critical in the outer 90 pixels each side — phones never see them. The seeded backdrops here make the two-crop discipline easy because they look composed at any slice, unlike photos whose subjects land half-cropped.
Frequently asked questions
Is this Facebook cover maker free and watermark-free?
Yes — free, no signup, no watermark. The exported PNG is 820×312, the desktop display size, and the design keeps your text inside the region phones display.
What size should a Facebook cover be?
Facebook displays covers at 820×312 on computers and about 640×360 on phones — the same image, cropped differently. Design to 820×312 with the essentials in the center 640 (exactly what the guide here marks) and both versions look right.
Why is my cover cropped on mobile?
Phones show a narrower, slightly taller slice of the same image — the sides get cut. It cannot be turned off, so the fix is layout: keep text and logos inside the mobile band, which this tool’s templates do by default.
Does this work for a Facebook Page cover too?
Yes — personal profiles and Pages use the same cover display sizes, so the exported file works for both. (Facebook groups use a different, wider cover — that one is on our watch list.)
Is my design uploaded anywhere while I make it?
No — everything renders in your browser. The finished PNG only goes to Facebook when you upload it yourself.
YouTube banner → Twitch banner → LinkedIn banner → X / Twitter banner → OG image maker →