September 5, 2026 · 10 min read
LinkedIn Banner Size 2026: Specs & Safe Zones
The real LinkedIn banner size 2026 guide: exact 1584x396 specs, the profile-photo dead zone, mobile cropping on new phones, and a safe-zone map that survives every crop.
By Alexander Willard, Founder of Linvi
Most "LinkedIn banner size" guides hand you one number and walk away. 1584 x 396. Done. Go design something.
Then you upload it, open LinkedIn on your phone, and your headline is sitting on top of your logo, your tagline is sliced off on the right, and the whole thing looks like you guessed. Because you did. The number isn't wrong. It's just not enough.
Here's the full picture for linkedin banner size 2026 — the exact dimensions, the parts of the image that get covered or cropped on different devices, and how to design a banner that holds up everywhere AND actually matches the rest of your profile instead of looking bolted on.
The short answer (and why it's not the whole answer)
The LinkedIn banner — also called the cover photo, background photo, or header image — is 1584 x 396 pixels. That's a 4:1 aspect ratio.
- Recommended size: 1584 x 396 px
- File format: PNG or JPG (PNG for crisp text and logos, JPG for photo-heavy designs)
- Max file size: 8 MB
- Color: RGB, not CMYK
If you only take one thing: design at 1584 x 396, export as PNG if there's any text, keep it under 8 MB. That covers the linkedin cover photo size and linkedin background photo dimensions questions in one shot.
But the canvas and the visible canvas are two different things. LinkedIn covers part of it, crops part of it, and does both differently on desktop versus mobile. If you don't design around that, you lose the parts that matter.
The dead zone: where your profile photo eats the banner
On desktop, your profile photo and name sit on the lower-left of the banner, overlapping it. This is the single most common banner mistake — people center their logo or put their tagline bottom-left, then it disappears behind a circular headshot.
Think of the bottom-left quadrant as a no-go area. Roughly the left 25% and bottom 45% of the banner gets covered by your avatar and name block on desktop. Anything important there is gone.
What that means in practice:
- Don't put text, logos, or your face (in the banner art) in the bottom-left corner.
- Keep your key message in the upper-right two-thirds of the image.
- Treat the bottom-left as background texture or empty color, not content.
If you've ever seen a banner where a beautiful logo is half-hidden behind someone's headshot, that's the dead zone winning.
The 1584x396 safe zone, mapped
Here's the part the spec tables skip. The 1584x396 banner has a single zone that survives desktop overlap, mobile cropping, and tablet rendering. Build inside it and your banner works everywhere.
Think in thirds across the 1584px width:
- Left third (0–528px): risky. Bottom portion gets covered by your photo on desktop. Safe only for background, not content.
- Middle third (528–1056px): your sweet spot. Visible on desktop, survives most mobile crops, never hidden by the avatar.
- Right third (1056–1584px): visible on desktop, but the outer edges get trimmed on mobile (more on that below). Good for secondary elements, risky for your one critical line.
Vertically, the middle 60% of the 396px height is your reliable band. Top and bottom edges get nibbled depending on device.
So the linkedin banner safe zone — the rectangle that's visible on every device and never covered — is roughly the center, slightly right of middle, in the vertical middle band. Put your headline phrase, your one proof point, or your call to action there. Everything else is decoration.
Worked example. Say you're a fractional CFO and you want your banner to say "Fractional CFO for Series A–B SaaS" plus a small website URL.
- Wrong: logo bottom-left (hidden by avatar), tagline spanning full width (right edge clipped on mobile), URL in the bottom-right corner (clipped on mobile).
- Right: tagline centered, sitting in the vertical middle, kept within the center 60% horizontally. URL just below it, same center band. Bottom-left left as clean brand color so the avatar overlaps cleanly. Right third holds a subtle graphic element you won't miss if it gets cropped.
Same information. One version survives. One falls apart the second someone opens your profile on a phone.
2026 mobile cropping is tighter than you think
Here's what changed and why it matters. On newer phones — iPhone 16 and 17 Pro, recent Pixels — the LinkedIn app renders profiles taller and narrower, and the banner gets a more aggressive center crop than it did a couple of years ago.
The practical effect: linkedin banner mobile cropping shaves more off the left and right edges than desktop does. On a tall phone screen, you're often seeing roughly the center 60–70% of that 1584px width, not the full thing.
So a banner that looks balanced on your laptop can lose its left logo and right URL entirely on mobile. And most people are checking you on mobile.
Two rules that handle this:
- Critical content lives in the center 60%. Horizontally, that's roughly 320px to 1264px. If your message survives there, it survives the mobile crop.
- Test on an actual phone before you commit. Upload, then open your own profile on your phone. If you can't read it or your logo's gone, move it inward and re-upload. Takes five minutes.
Don't design two banners. Design one that's content-safe in the middle, with edges you're happy to lose.
File format, resolution, and the blurry-banner problem
You did everything right and your banner still looks soft. Almost always one of these:
- You designed below 1584 x 396 and let it upscale. Always design at full size or larger (e.g. 3168 x 792, then export down). Never up.
- You used JPG for sharp text. JPG compression mangles crisp edges. For any banner with text or a logo, use PNG. Reserve JPG for pure photography with no fine type.
- Your file got crushed by re-saving. Each time you re-export a JPG, it loses quality. Edit from the source file, export once.
The linkedin banner file format sweet spot for the typical personal-brand banner — some text, maybe a logo, a clean background — is PNG at exactly 1584 x 396, under 8 MB. You'll basically never hit the size cap with that.
For the record, the linkedin header image size is the same 1584 x 396 — "header image," "cover photo," "background photo," and "banner" all mean the same strip. Different name, same spec.
The part nobody designs for: matching your headshot
Here's where most banners technically pass and still fail. The dimensions are perfect. The safe zone is respected. And the profile still looks like three strangers built it — a stock-photo banner, a selfie headshot, and a headline written at midnight.
Your banner doesn't live alone. It sits two inches above your profile photo. Your eye reads them together, instantly, as one unit. If the banner is cool-toned blue and your headshot has a warm yellow background, the clash registers before anyone reads a word. It reads as "pieced together."
The fix is boring and powerful: color-match your banner to your headshot, or your headshot to your banner. Pull one or two colors from your photo's background and use them in the banner. Or shoot/edit your headshot against a background that picks up your banner's palette. When they share a color story, the whole top of your profile reads as deliberate.
This is the core idea behind building a LinkedIn banner and profile photo that match — they're not two decisions, they're one. If you want a full visual system behind it (colors, fonts, the logic of why they work together), a personal brand style guide for individuals keeps every piece consistent so you're not re-guessing the palette every time you update something.
And if you're staring at a blank canvas wondering what to even put up there, the roundup of LinkedIn banner ideas gives you formats that work for different goals without the buzzword-salad approach.
A 6-point pre-upload checklist
Before you hit save, run this:
- Dimensions: exactly 1584 x 396 px, designed at full size or larger.
- Format: PNG if there's text or a logo; JPG only for pure photo.
- Safe zone: key message lives in the center 60%, vertical middle band.
- Dead zone: bottom-left is clean — no text, logo, or face there.
- Color match: banner shares a color or two with your headshot.
- Mobile test: opened your own profile on a phone, message is readable, nothing critical clipped.
Miss the last one and you'll find out the hard way when a prospect sees a cropped mess.
What a banner is actually for
Quick reframe, because dimensions are the easy part. A banner isn't decoration. It's the one piece of real estate on LinkedIn you fully control, above the fold, on every profile view.
For founders especially, it's a free ad slot you're probably wasting on a stock skyline. A founder LinkedIn banner that drives leads uses that space to say who you help and what they get — not "passion, results, innovation," which says nothing. The specs in this guide just make sure the message you choose actually shows up.
Get the size right, respect the safe zone, match your headshot. That's a profile that looks like one person made one decision — which is exactly the impression you want.
FAQ
What is the correct LinkedIn banner size in 2026?
1584 x 396 pixels, a 4:1 ratio. Design at that exact size or a larger multiple of it (like 3168 x 792) and export down so it stays sharp. Keep the file under 8 MB. The dimension hasn't changed in years — what's changed is how aggressively mobile crops it, so keep your important content in the center.
Why does my LinkedIn banner look cropped on my phone?
Because it is. The mobile app shows roughly the center 60–70% of the 1584px width on newer tall-screen phones, cutting off the left and right edges. If your logo or text sits near the edges, it disappears. Move anything critical into the center 60% and test on an actual phone before you commit.
Should I use PNG or JPG for my LinkedIn banner?
PNG if your banner has text, a logo, or sharp graphics — JPG compression blurs crisp edges. JPG is fine for pure photography with no fine type. For most personal-brand banners, PNG at 1584 x 396 is the safe call, and you'll stay well under the 8 MB limit either way.
Where does the profile photo cover the banner?
Lower-left on desktop. Your avatar and name block sit over roughly the left 25% and bottom 45% of the banner. Treat that corner as a dead zone — keep it as clean background color and put nothing important there, or it gets hidden behind your headshot.
How do I make my banner and headshot look like one brand?
Share a color story. Pull one or two colors from your headshot's background into the banner, or shoot your headshot against a background that echoes the banner palette. They sit inches apart and the eye reads them together, so a matched palette makes the whole profile look intentional instead of assembled from random parts.
If doing all this by hand sounds like a Saturday you'd rather not lose, that's the gap Linvi closes. In one sitting it builds three banner concepts sized and safe-zoned correctly, professional headshots from your own photos that color-match the banner, plus a research-grounded headline, About section, and a brand guide — a $5,000 designer-photographer-copywriter package for a one-time $99. Start at linvi.ai.
← All articles