Make a Facebook Cover Photo

How it works

Your reference image goes to an image-editing model with an instruction describing a wide cover composition: the subject positioned safely away from profile and interface overlays, with clean space left for branding text you add later. A second instruction rules out distorted subjects, unreadable text, watermarks, bad crops, and clutter.

A new picture is generated at exactly 1640 by 856 pixels. Both numbers divide by eight, so the generator returns them without any correction pass. Because the image is composed rather than cropped, your reference guides it rather than being trimmed into it, and a second run gives a different cover.

One file, two pictures

This is the constraint that makes covers harder than they look.

Every other banner format on this site has a single shape. You design for it, you check it, you are done. A Facebook cover does not work that way: the same file is rendered at one aspect ratio in a desktop browser and a noticeably different one on a phone, and the platform produces each by cropping your upload rather than by letterboxing it.

Desktop takes a wide, shallow strip. Mobile takes something narrower and relatively taller. Neither is the file you made. The area that appears in both is the intersection of the two crops — a region in the middle, smaller than either — and that intersection is the only part of your cover with a guarantee.

The failure this produces is quiet. You upload, you look at your page on the machine you uploaded from, it looks correct, and you stop. Meanwhile the crop most of your visitors are seeing has your logo half off the left edge.

Check both, from an actual phone rather than a resized browser window.

Design from the middle outwards

The practical technique follows directly.

Place whatever matters in the central region and let the outer areas be material rather than content. A pattern, a gradient, a continuation of the landscape, a color field — something that can be cut at any point without anybody noticing where.

This is why textures and wide scenes work so consistently in this format and why a carefully balanced composition does not. A balanced picture has its meaning distributed across the whole frame, so removing a third of it removes a third of the meaning. A texture has no such structure to break.

If you need a focal subject, keep it central and give it more room than looks necessary. Generous framing looks slightly empty in the file and correct on the page.

The overlays move

There is one more variable, and it is the reason no fixed safe zone can be given here.

Your profile picture sits on top of the cover, and so do page controls, buttons, and the page name. Where those things land is not constant — it differs between the desktop layout and the mobile one, and Facebook has changed it more than once over the years.

So a rule like keep the lower left clear is only true until the layout shifts. The durable version is simpler: keep the bottom band of the image free of anything load bearing, keep the middle for your subject, and accept that the top corners are the safest real estate you have.

Anything that depends on a specific overlay position is a design that expires.

Publication gate

This page ships once the workflow has been run against a texture, a wide landscape, and a centerd subject, with each output measured at 1640 by 856 and viewed on a live page in a desktop browser and on a phone to compare the two crops.