LinkedIn Banner Size and Safe Area: Avoid Cropping with These Design Tips

You spent hours on your LinkedIn banner. The colors are on point. The layout looks clean. You hit upload, and then you open your profile on your phone and realize half your text is hiding behind your profile picture.

Sound familiar? This happens to almost everyone who designs a LinkedIn banner without knowing the safe area rules. Getting the dimensions right is only half the job. The other half of the part most guides skip is knowing where on that canvas it is actually safe to put things.

This guide covers the exact LinkedIn banner size, the safe zone breakdown by device, and the design rules that keep your banner looking sharp everywhere.

LinkedIn Banner Size: The Numbers You Actually Need

Before anything else, here are the correct specs for 2025–2026.

LinkedIn has two different banner types, and they are not interchangeable:

Page Type	Recommended Size	Aspect Ratio	Max File Size	Formats
Personal Profile Banner	1584 × 396 px	4:1	8MB	JPG, PNG
Company Page Cover	1128 × 191 px	5.91:1	3MB	JPG, PNG

The personal profile banner is wider and taller relative to the company cover, so your safe zone strategy for each one is different. Many people design one banner and use it for both; that is a mistake.

LinkedIn does allow you to upload images larger than these dimensions, as long as the file stays within the size limit. However, LinkedIn will compress and resize on its end, so starting at the recommended resolution gives you the most control.

One more thing: LinkedIn renders banners in WebP on its end regardless of what you upload, so do not stress about format; JPG and PNG both work fine.

Also read: How Much Is LinkedIn Premium Per Month

What Is the LinkedIn Banner Safe Area (And Why Should You Care)?

The safe area is the portion of your banner that will be fully visible across all devices, without any cropping, overlapping, or hiding behind UI elements.

Here is the problem: LinkedIn does not display your banner the same way on desktop, mobile, and tablet. Each device crops it differently. On top of that, your profile picture sits directly on top of the bottom-left corner of your banner on every device. If you place your logo, contact info, or CTA there, it will get covered.

Most LinkedIn image size guides give you the dimensions and stop there. That leaves you with a banner that looks great as a flat file but breaks the moment someone views it on their phone.

There are two main threats to your banner content:

1. The profile picture overlap On desktop, LinkedIn places a roughly 170×170 px circle in the bottom-left corner of your banner. On mobile, this circle shifts slightly but still sits in the lower-left zone. Anything you place in approximately the first 300 px from the left and the bottom 150 px is at risk.

2. The mobile crop LinkedIn center-crops your banner on mobile. The left and right edges get cut. How much gets cut depends on the screen size, but in most cases, the outer 15–20% on each side is gone.

Together, these two issues mean the “real” canvas you have to work with is smaller than 1584 × 396 px.

The LinkedIn Banner Safe Zone: A Pixel-Level Breakdown

For a personal profile banner (1584 × 396 px), here is how to think about the safe zone:

• Horizontal safe zone: Keep critical content within roughly pixels 300 to 1300 (the center 60–65% of the banner width). Anything outside this range may get cropped on smaller mobile screens.
• Vertical safe zone: Stay between pixels 20 and 300 from the top. The very top edge sometimes gets clipped on certain mobile views, and the bottom portion overlaps with the profile picture area.
• Bottom-left danger zone: Treat the bottom-left quadrant (roughly 350 px wide × 150 px tall) as off-limits for any important content. Your profile picture will sit here.

For a company page cover (1128 × 191 px), the safe zone is even tighter because the aspect ratio is more extreme:

• Keep text and logos within the center 50% of the width
• The banner height is only 191 px, so the mobile crop hits harder. Keep everything vertically centered with at least 20 px breathing room on top and bottom
• Company pages do not have a profile picture overlapping the banner, but the logo appears separately below the cover, so you do not need to worry about that overlap

Desktop vs. Mobile: How LinkedIn Actually Displays Your Banner

Most people design on a desktop and forget to check on mobile. That is where things fall apart.

On desktop: The banner displays at its full width. Your profile picture sits in the bottom-left corner as a circle. The rest of the banner is visible. This is the most forgiving view.

On mobile (LinkedIn app): LinkedIn center-crops the banner to fit the screen. The left and right edges are cut. The profile picture still overlaps the lower-left area, though slightly smaller in size. This is where most cropping problems show up.

On tablet: Somewhere between the two, less aggressive cropping than mobile, but not as full as desktop. The outer edges on both sides still lose some visibility.

The practical takeaway: design your banner assuming the mobile view is the primary experience. If it looks right on mobile, it will almost certainly look fine on desktop too. The reverse is not true.

Also read: How to Convert YouTube to MP3 Legally

5 Design Tips to Keep Your LinkedIn Banner Cropping-Free

1. Put your main message in the center third

If you have a headline, tagline, or CTA, it belongs in the horizontal center of your banner. Not the left. Not the right. Center. This is the safest spot across all devices and screen sizes.

2. Leave the bottom-left corner alone

This is where new designers almost always go wrong. They put their website URL, phone number, or logo in the lower-left corner, not realizing the profile picture will cover it entirely. Use that area as background texture only.

3. Maintain at least 100–150 px of margin on all edges

Think of it like setting up bleed and margin zones in a print layout. Everything important should be pulled inward. Edges are for decoration, not information.

4. Use a safe zone template when designing

Canva, Figma, and Adobe Express all allow you to add overlay guides. Before you start designing, drop a rectangle overlay on your canvas that represents the safe zone (roughly 984 × 250 px centered in a 1584 × 396 canvas). Design within that box. Then remove the overlay before exporting.

5. Preview on mobile before publishing

LinkedIn has a mobile app. Use it. After uploading your banner, open your profile on your phone and look at it before announcing anything. This takes 30 seconds and saves significant embarrassment.

LinkedIn Cover Size Safe Area for Company Pages

Company pages have a different safe zone logic, so they deserve their own section.

The company page cover (1128 × 191 px) is much shorter relative to its width than a personal banner. This narrow height means you have very little vertical room to work with. Any text or logo you place near the top or bottom edges risks getting cropped on mobile.

The safe approach for the company page covers:

• Place your logo and headline in the horizontal center, not left-aligned
• Keep all content within the middle 50% of the width (roughly pixels 280 to 848)
• Vertically, stay within the middle 50% of the height (roughly pixels 48 to 143)
• Use full-bleed background visuals freely — just keep the actual message content tightly centered

Unlike personal profiles, company page covers do not have a profile picture sitting on top of the banner. However, on mobile, the crop is aggressive because the viewport is narrow and the banner is already short. Testing on mobile is just as important here.

Also read: UGE Schedule Source

Quick-Reference: LinkedIn Banner Safe Zone Cheat Sheet

Element	Personal Profile Banner	Company Page Cover
Full canvas size	1584 × 396 px	1128 × 191 px
Safe horizontal zone	~pixels 300–1300 (center 60%)	~pixels 280–848 (center 50%)
Safe vertical zone	~pixels 20–300	~pixels 48–143
Profile picture overlap	Yes, bottom-left corner	No
Mobile crop risk	Left + right edges	Left + right edges (more aggressive)
Max file size	8MB	3MB
Supported formats	JPG, PNG	JPG, PNG

Save this table. It answers 90% of the questions you will have when sitting down to design.

Frequently Asked Questions

What is the LinkedIn banner safe area in pixels?

For a personal profile banner (1584 × 396 px), the safe area runs roughly from pixel 300 to 1300 horizontally and pixel 20 to 300 vertically. Avoid the bottom-left corner where the profile picture overlaps. For company pages (1128 × 191 px), keep content within the center 50% horizontally and center 50% vertically to avoid mobile cropping.

Why does my LinkedIn banner look different on mobile?

LinkedIn center-crops your banner on mobile devices, cutting off the left and right edges. On top of that, your profile picture covers the bottom-left area. This is why content placed near the edges or in the lower-left corner disappears or gets hidden — even though the full image is technically there.

Can I use the same banner for my personal profile and LinkedIn company page?

No, and this is a common mistake. Personal profile banners are 1584 × 396 px (4:1 ratio) while company page covers are 1128 × 191 px (roughly 5.91:1 ratio). If you use a personal banner on a company page, it will be stretched, cropped, or distorted. Design a separate asset for each.

Getting the LinkedIn banner size right takes five minutes. Getting the safe area right takes knowing what most guides never tell you. Now you know both, so the next banner you upload should look exactly the way you intended it to, on every device, every time.