LinkedIn Banner Dimensions: The Exact Sizes and Safe Zones You Need

A LinkedIn profile or company page is often checked long before an email or call. The banner is the first large visual people see, and it sets the tone for everything else. When the dimensions are wrong, text gets cut off, logos look fuzzy, and a strong profile starts to feel unpolished.

This guide walks through the current LinkedIn banner dimensions, safe zones, and practical layout tips so your images look sharp on both desktop and mobile.

Key LinkedIn Banner Dimensions at a Glance

LinkedIn uses different banner dimensions for personal profiles and company pages. Getting the base size right avoids most display issues.

Personal profile banner (background photo)

For a personal profile, LinkedIn recommends:

• Banner size: 1584 × 396 pixels

• Aspect ratio: 4:1 (wide and short)

• File type: JPG, PNG, or GIF (no animation)

• File size limit: 8 MB

A simple example:

• A marketing consultant creates a 1584 × 396 image with a clean gradient background.

• The consultant places a short tagline on the right side, well away from the profile photo circle.

• On both desktop and mobile, the text remains fully visible because the image follows the exact LinkedIn banner dimensions.

If you upload a smaller file, LinkedIn stretches it, which often causes blur. If you upload a much larger file, LinkedIn compresses it, which can soften thin lines or small type. Sticking close to 1584 × 396 pixels keeps quality predictable.

Company page cover image

For a LinkedIn Company Page, the dimensions differ slightly:

• Banner size: 1128 × 191 pixels

• Aspect ratio: about 5.9:1

• File type: JPG or PNG

• File size limit: 4 MB

Example layout:

• A SaaS startup designs a 1128 × 191 banner with a deep blue background.

• The left side shows the product logo.

• The right side has a short value statement in large, bold type.

• Nothing important sits at the very top or bottom edges, so when LinkedIn crops slightly on some screens, the core message still shows.

Because the company banner is shallower than the personal one, tall logos or stacked wordmarks can feel cramped. A horizontal logo version usually works better.

Safe Zones: Where Content Will Not Get Cut Off

Knowing the official LinkedIn banner dimensions is only half the job. Profile photos, screen sizes, and interface overlays will cover parts of your image. A safe zone keeps critical content visible in most situations.

Safe zone for personal profile banners

The profile photo overlaps the left side of the banner on both desktop and mobile. Buttons and gradients may also sit on top of the image.

A practical safe zone for personal banners:

• Top and bottom margins: keep key text at least 60 px away from both the top and bottom edges.

• Left margin: leave at least 320 px from the left edge free of important content.

• Right side: place key text and logos in the rightmost 900–1000 px.

Concrete example:

• A sales leader wants a banner that says “Helping B2B teams close complex deals”.

• The sentence is placed on the right, starting around 600 px from the left edge.

• The profile photo sits on the left and covers only the background pattern, not the text.

This layout works across laptops, tablets, and phones because the main message lives in the wide, unobstructed area.

Safe zone for company page banners

Company page layouts also shift slightly between desktop and mobile. Icons, buttons, and the company avatar sit on top of the banner in different places.

For a safer design:

• Top and bottom margins: keep important text at least 40–50 px from both edges.

• Left side: avoid placing text or small icons in the first 200 px where the profile logo may overlap.

• Right side: use the central and right portions for slogans, product shots, or calls to action.

Example:

• A cybersecurity firm uses a dark 1128 × 191 banner.

• The left 220 px is a subtle pattern only.

• The center shows a lock icon and the phrase “Secure your cloud, end to end”.

• The right side has a faint gradient but no text, so minor crops on smaller screens do not affect readability.

By treating the left edge and extreme top and bottom as decorative space, the company avoids chopped-off text on mobile.

Designing a Banner That Actually Looks Good

Correct LinkedIn banner dimensions prevent technical issues, but design choices decide whether the banner feels professional.

Use large, simple text

LinkedIn is often viewed on laptops with split screens and on small phones. Small fonts vanish fast.

Practical text guidelines:

• Use bold, sans‑serif fonts for banners (for example, Inter, Open Sans, Roboto, or Montserrat).

• Keep main text lines under 8–10 words.

• Avoid more than two font sizes in the banner.

Example:

• A freelance UX designer uses a 1584 × 396 banner.

• The text reads: “UX that users understand”.

• The font size is large enough to read on a phone at arm’s length.

• A smaller subline below says “SaaS · Mobile apps · Dashboards”.

The message is short, legible, and still clear when the image shrinks.

Choose high‑contrast colors

The LinkedIn interface is mostly light gray and white, so low‑contrast banners fade into the background.

Useful contrast tips:

• Place dark text on a light background or light text on a dark background.

• Avoid busy photos behind text; if needed, add a semi‑transparent overlay.

• Test the banner on both a bright laptop and a dimmed phone screen.

A concrete example:

• A leadership coach uploads a banner showing a city skyline at dusk.

• The skyline itself has many mid‑tones, so the coach adds a dark blue overlay at 60% opacity.

• White text on top now stands out clearly, even on low brightness.

Align the banner with your profile

The banner should support the headline and About section, not fight them.

For instance:

• A data engineer’s headline mentions “Real‑time analytics and data pipelines”.

• The banner uses an abstract data‑flow pattern in the background.

• The text says “Streaming data, reliable decisions”.

The viewer immediately connects the visual with the role, which strengthens trust.

How to Create a LinkedIn Banner in Common Tools

You do not need advanced design skills to match LinkedIn banner dimensions. Popular tools already include presets or let you set custom sizes.

Using Canva

Canva offers ready‑made LinkedIn banner templates.

Step‑by‑step example for a personal banner:

1. Open Canva and search for “LinkedIn banner” or “LinkedIn background photo”.

2. Pick a template with a simple layout and room on the right side.

3. Change the size to 1584 × 396 px if it is not already set.

4. Replace the sample text with your own short headline.

5. Move the main text area to the right half to avoid the profile photo.

6. Download as PNG at “high” quality.

7. Upload to LinkedIn and adjust the crop only if needed.

Using Figma or Adobe XD

For people comfortable with design tools, a reusable frame speeds up future updates.

Example workflow in Figma:

1. Create a new frame sized 1584 × 396 px for personal or 1128 × 191 px for company.

2. Draw a rectangle for the safe zone, leaving margins based on the earlier guidelines.

3. Add your logo and text inside the safe zone rectangle only.

4. Export as PNG at 1x resolution.

5. Keep the file as a template so future banner changes remain aligned.

Using Photoshop

In Photoshop, a basic grid helps keep elements centered and within safe boundaries.

Practical setup:

1. Create a new document at the exact LinkedIn banner dimensions.

2. Add guides at 60 px from the top and bottom and around 320 px from the left.

3. Place text and logos between those guides.

4. Save as a high‑quality JPG or PNG.

This structure prevents accidental placement of text under the profile photo.

Uploading and Testing Your LinkedIn Banner

Even with correct LinkedIn banner dimensions, small differences in zoom level or device can change how your banner appears. Testing is essential.

Uploading to a personal profile

Example process:

1. Go to your LinkedIn profile.

2. Click the pencil icon on the top banner area.

3. Choose “Change photo” and upload your 1584 × 396 image.

4. Use the reposition tool, but avoid zooming in if possible.

5. Save and refresh the page.

After uploading, check three views:

• Desktop full screen

• Desktop with a narrow window

• Mobile app

Look for cut‑off text, hidden logos, or strange cropping on the left and right edges.

Uploading to a company page

For a company page:

1. Open your LinkedIn Company Page as an admin.

2. Click the pencil icon in the cover image area.

3. Upload the 1128 × 191 banner.

4. Adjust the crop only if absolutely necessary.

5. Save and then view the page as a visitor.

Check that the company logo badge does not cover any words and that the call to action, if used, stays clear.

Quick visual checklist

Before settling on a final banner, confirm the following:

• No important text sits behind the profile or company logo.

• Text remains readable on a phone without zooming.

• Colors stand out against LinkedIn’s light interface.

• The design still works if LinkedIn crops a few pixels from the top or bottom.

If any item fails, adjust the layout within the same LinkedIn banner dimensions rather than changing the image size.

Common Mistakes to Avoid

Even experienced users run into a few recurring problems. Knowing them helps avoid extra rework.

Using the wrong aspect ratio

Uploading a square or 16:9 image forces LinkedIn to crop aggressively. Faces, logos, or key phrases often end up off‑screen.

Example mistake:

• A photographer uploads a 1920 × 1080 landscape shot as a banner.

• LinkedIn crops it to the 4:1 area, cutting off the subject’s face.

Fixing this requires cropping the image manually to 1584 × 396 and repositioning the subject before uploading.

Filling the banner with tiny details

Complex collages, dense charts, or long paragraphs of text do not survive LinkedIn’s scaling.

Example:

• A consultant includes a full framework diagram with small labels.

• On mobile, the labels are unreadable, and the banner looks cluttered.

A better approach is to show a simple icon or a short phrase, then place the full diagram as an image in a featured post or article instead.

Ignoring file compression

Very sharp gradients, thin lines, or subtle textures can show banding or noise after LinkedIn compresses the file.

To reduce this:

• Use gentle gradients rather than extreme ones.

• Avoid very thin lines; use slightly thicker strokes.

• Export at high quality from your design tool.

A simple test is to upload the banner, take a screenshot of your profile, and compare it to the original file. If the difference is large, adjust the design or export settings and try again.

FAQ: LinkedIn Banner Dimensions

What are the current LinkedIn banner dimensions for a personal profile?

The recommended LinkedIn banner dimensions for a personal profile background photo are 1584 × 396 pixels with a 4:1 aspect ratio.

What size should a LinkedIn Company Page banner be?

For a LinkedIn Company Page, the cover image should be 1128 × 191 pixels. Staying close to this size helps avoid unexpected cropping.

Do LinkedIn banner dimensions differ on mobile and desktop?

The base dimensions stay the same, but LinkedIn crops and scales the banner differently on various devices. That is why using safe zones away from the edges is important.

What file format works best for LinkedIn banners?

High‑quality PNG files usually look the cleanest, especially for text and logos. High‑quality JPG files are also acceptable if file size is a concern.

Why does my LinkedIn banner look blurry?

Blurriness often comes from uploading images smaller than the recommended LinkedIn banner dimensions or from heavy compression. Export at the exact pixel size and high quality, then reupload.

Can I use the same banner for personal and company pages?

The aspect ratios differ, so a single image rarely fits both without adjustment. It is better to create two versions, each tailored to the correct LinkedIn banner dimensions.

Where should I place text on my banner?

Keep main text away from the left side where the profile or company logo appears. Place key content in the center and right areas, within the safe zones described earlier.