Guide · Branding
LinkedIn Banner Best Practices
How to design a profile banner that reads clearly on every screen, with the crop behaviour that trips most people up explained up front.
A banner has one job: make it obvious, in about two seconds, what you do and who you do it for. It is not a mood board and it is not a place for a paragraph. The constraint that shapes every decision is that the visible area changes with the screen — so the design has to work at its most cropped, not at its widest.
Start from the safe area, not the canvas
Design at the full recommended banner dimensions, but treat a narrower central band as the only reliable space. On a phone, the sides of the banner are cropped away and the profile photo overlaps the lower-left corner. Anything you place in those zones will disappear for a large share of visitors.
In practice: headline in the upper-middle, supporting line beneath it, logo or mark on the right of centre rather than at the far edge, and nothing important in the bottom-left quarter.
Text sizing that survives mobile
| Element | Approach | Common mistake |
|---|---|---|
| Headline | Five to eight words, largest type on the canvas | A full sentence at body size |
| Supporting line | One short clause, clearly smaller | Three stacked lines of detail |
| Contact details | Leave them off — they are unreadable when scaled | Email and phone in small type |
| Logo | Simple mark, generous padding | Full lockup with a tagline |
Contrast does more than colour
Text placed over a photograph is the single most common failure. The photo compresses, the type sits on a mid-tone area, and legibility collapses. If you want imagery behind text, put the text on a solid or heavily darkened panel, or use a flat background and let type carry the design.
Check the banner in both light and dark interface themes. A design that relies on a near-white background can visually merge with the page in one theme and float awkwardly in the other.
Before you upload
- Exported at the recommended banner dimensions
- Headline and logo inside the central safe area
- Nothing important in the lower-left corner
- Text readable when the image is shrunk to phone width
- Checked against both light and dark interface themes
- No email addresses or phone numbers in small type
Frequently asked questions
- What is the best size for a LinkedIn banner?
- Use the current recommended personal banner dimensions and design inside a narrower central safe area, because the sides are cropped on smaller screens. The Image Center lists the exact pixel values.
- Should I put my contact details in my banner?
- No. They render too small to read on mobile and cannot be copied. Put them in your About section or contact info instead.
- Why does my banner text get cut off?
- Because it sits outside the safe area. LinkedIn crops inward from the left and right edges as the viewport narrows, and the profile photo covers the lower-left corner.
Related tools
Related reading
- How LinkedIn Displays Images
Every surface on LinkedIn crops and compresses differently. Here is what actually happens to an image between upload and feed, and how to upload so nothing important is lost.
Guide · 8 min read
- How to Build a Company Page
A company page is judged in seconds, mostly on things you set up once. The order to build it in, the images it needs, and what to publish first.
Guide · 9 min read