LinkedIn banner guide
LinkedIn banner size: 1584×396px
LinkedIn publishes one number and leaves out everything that actually breaks a banner: the profile photo that lands on top of it, the headline card that covers the bottom on mobile, and how much smaller the whole thing renders on a phone. This guide covers the spec first, then the parts you have to design around.
Recommended size
1584 × 396px
Aspect ratio
4.00:1
Devices we audit
4
File requirements: JPG or PNG, under 8MB.
How LinkedIn profile crops your header
LinkedIn profile renders the same image differently across devices. We test 4 unique device profiles (2 phone) (2 desktop).
| Device | Type | Display size | Safe areas |
|---|---|---|---|
| iPhone 16 Pro | phone | 402×100 | Dynamic Island, Profile Picture |
| iPhone SE | phone | 375×94 | Status Bar, Profile Picture |
| Desktop (1440p) | desktop | 792×198 | Profile Picture |
| Desktop (1080p) | desktop | 792×198 | Profile Picture |
The spec, from LinkedIn
LinkedIn Help gives three hard requirements for a profile background photo, and only three. Everything else you read about LinkedIn banners, including everything below this section, is inference from how the page renders.
- •1584 × 396 pixels. LinkedIn's recommended size, a 4:1 frame. Design on this canvas rather than a rounded-off 1600×400, so nothing shifts when LinkedIn scales it.
- •JPG or PNG. Those are the two accepted file types for a profile background photo. GIF is not one of them, so an animated banner is not an option on a personal profile.
- •Under 8MB. The upload ceiling. It is generous enough that you never need to compress a 1584×396 image aggressively, and LinkedIn's own troubleshooting advice for a blurry background is to upload a larger file, not a smaller one.
Mobile versus desktop: what actually changes
The common claim that LinkedIn crops your banner to a different shape on mobile is mostly wrong, and it sends people chasing the wrong fix. Across the device profiles we render on this page, the banner frame stays close to the same 4:1 proportion on a phone as it does on a 1440p desktop. What changes is scale and what sits on top of it.
On desktop the banner renders at roughly half the width you uploaded, so a 1584px-wide design is displayed near 792px. On a phone it renders at the physical width of the screen, around 400 points. That is a 4x reduction from your canvas. Type set at 24px in your design file lands somewhere near 6px of rendered height on a phone, which is the single most common reason a LinkedIn banner reads fine in Figma and is illegible in the feed.
So the mobile problem is not a different crop. It is that everything is one quarter of the size, and the profile photo takes a much larger bite out of a much smaller picture.
The safe areas that matter
Three overlays cover parts of a LinkedIn banner. The device table above shows where each one lands on each profile we test; these are the rules of thumb behind those numbers.
- •Profile photo, lower left. The circular avatar overlaps the bottom-left of the banner on every surface. We model it as roughly the leftmost 20-25% of the width, anchored to the bottom edge and reaching about halfway up the banner. Treat the entire left quarter as unusable for anything you need read.
- •The bottom edge, on mobile. Your name, headline and location render below the banner on desktop but crowd up against it on a phone, and the avatar is at its largest relative size there. Keep the bottom third clear of type.
- •The status bar and Dynamic Island, in the mobile app. On a profile viewed inside the LinkedIn app the top strip of the banner sits behind the phone's status bar, and on Pro-model iPhones behind the Dynamic Island cutout in the top centre. We model that as the top third of the banner on the affected devices, so nothing you need read should live up there.
What that leaves you
Stack those three zones and the reliable area on a 1584×396 canvas is the right three quarters of the width and a band across the middle: start your content around x = 400px and keep it between y = 130px and y = 260px. That is the region that survives an iPhone 16 Pro, an iPhone SE, and a 1080p and 1440p desktop at once, which is why it is narrower than you would like.
Right-aligning the message is the single highest-leverage change most LinkedIn banners need. It moves your text away from the avatar instead of fighting it, and it reads naturally next to a left-anchored profile photo.
Export checklist
- •Export at 1584 × 396, not larger. LinkedIn scales the image down for display anyway. A larger export only helps if your source art is genuinely higher resolution, and it eats into the 8MB budget.
- •Prefer JPG for photographs, PNG for flat colour and type. Both are accepted. PNG keeps hard edges on lettering crisp; JPG is far smaller for photographic backgrounds.
- •Set your smallest type no lower than about 40px on the canvas. That is roughly 10px rendered on a phone, which is the practical floor for legibility.
- •Check it against a real phone frame before you publish. Better Header renders your file on every device profile in the table above and marks what the avatar, status bar and Dynamic Island cover.
Related guides
LinkedIn profile header FAQ
- What size should a LinkedIn banner be in 2026?
- LinkedIn recommends 1584 × 396 pixels for the profile background photo, a 4:1 frame. That is the size LinkedIn Help publishes, and designing on exactly that canvas avoids any rescaling surprises.
- What file types and file size does LinkedIn accept for a banner?
- A profile background photo must be a JPG or PNG file and must be under 8MB. Animated GIFs are not accepted for a personal profile background.
- Why does my LinkedIn banner look blurry?
- Almost always because the source image is smaller than 1584 × 396 and LinkedIn is scaling it up. LinkedIn's own advice for a blurry background photo is to upload a higher-resolution file. You have 8MB of headroom, so there is no reason to over-compress.
- Does LinkedIn crop my banner differently on mobile?
- Less than people assume. Across the device profiles we render, the banner frame stays close to the same 4:1 proportion on a phone as on desktop. What changes is scale: a 1584px-wide design renders near 792px on desktop and near 400 points on a phone, so text shrinks by about 4x from your canvas.
- Where does the profile picture cover the LinkedIn banner?
- The circular profile photo overlaps the lower-left corner of the banner on every device. Treat roughly the leftmost quarter of the width, anchored to the bottom edge and reaching about halfway up, as unusable for anything that has to be read.
- What part of a LinkedIn banner is always safe?
- On a 1584 × 396 canvas, the region from about x = 400px rightward and between y = 130px and y = 260px vertically clears the profile photo, the mobile status bar and the Dynamic Island at once. Right-aligning your message is the simplest way to stay inside it.
- Is a LinkedIn company page banner the same size as a profile banner?
- No. A LinkedIn Page cover image is a different asset with a different spec and a different maximum file size, and the logo overlays it rather than a round profile photo. See the LinkedIn company page banner guide for those numbers.
- How do I check my LinkedIn banner before publishing it?
- Upload the file to Better Header and it renders your banner on every LinkedIn device profile at once, marking exactly what the profile photo, status bar and Dynamic Island cover, with pixel coordinates for the fix.
Dimensions and file limits on this page were read from LinkedIn Help: Add or change the background photo on your profile on 2026-08-11.
Test your LinkedIn profile header
Upload your banner and Better Header will check it against every LinkedIn profile device profile. Tokens start at $3.
One token · Tokens never expire · Refund if no issues found
Other platform guides
- X (Twitter) 1500×500
- LinkedIn (Company) 1128×191
- YouTube 2560×1440
- Facebook (Personal) 851×315
- Facebook (Page) 820×312
- Twitch 1200×480
- Instagram Story / Reel cover 1080×1920
- TikTok video cover 1080×1920
- Substack publication header 1100×400
- GitHub social preview / OG card 1280×640
- Email signature banner 600×120