Aspect Ratio Guide for LinkedIn

Personal banner safe zone

Personal Profile Banner safe zone:

Full canvas:              1584 x 396px (4:1)
Desktop display:          1584 x 396px, full canvas
Mobile display:           About 1000 x 250px, center-cropped

Profile Photo overlap:    Bottom-left corner, about 170 x 170px circle
                          Avoid placing key content there.

Both-device safe zone:    Center-right area:
                          x=300 to x=1400, y=50 to y=300
                          About 1100 x 250px

Background:               Can extend to the full 1584 x 396px canvas
Key content rule:         Name, title, tagline, CTA stay in the safe zone.

Company page banner safe zone

Company Page Banner safe zone:

Full canvas:              1128 x 191px (~5.9:1)
Desktop display:          1128 x 191px, full canvas
Mobile display:           About 1000 x 170px, slight left/right crop

Logo position:            Below banner - no overlap with the banner itself
                          No need to reserve a profile-photo hole.

Safe zone:                Center area:
                          x=64 to x=1064, y=20 to y=171
                          About 1000 x 151px

Key content rule:         Company name, tagline, visual identity
                          stay in the center 1000 x 151px area.

B2B-first decision logic

What are you publishing?

Organic content
├── Single image post
│   ├── Desktop-first B2B audience
│   │   └── 1.91:1 (1200 x 628px) - recommended
│   ├── Mobile-first audience
│   │   └── 1:1 (1200 x 1200px)
│   └── Mobile presence priority
│       └── 4:5 (1080 x 1350px)
│
├── Multi-image post (2-9 images)
│   └── 1:1 (1200 x 1200px) for every image
│       Keep key content in the center of each slide
│
├── Video post
│   ├── Product demo / webinar / corporate story
│   │   └── 16:9 (1920 x 1080px)
│   ├── Opinion / thought leadership / reuse
│   │   └── 1:1 (1080 x 1080px)
│   └── Mobile-native / conference capture
│       └── 9:16 (1080 x 1920px)
│
└── Document Post
    ├── Reports / presentations / whitepapers
    │   └── 1.91:1 (1200 x 628px)
    └── Tips / step-by-step guides / data slides
        └── 1:1 (1080 x 1080px)

Paid ads
├── Brand awareness / content promotion
│   ├── Desktop audience
│   │   └── 1.91:1 (1200 x 628px)
│   └── Mobile audience
│       └── 4:5 (720 x 900px)
│
├── Video ads
│   ├── Landscape -> 16:9
│   ├── Cross-device -> 1:1
│   └── Mobile full-screen -> 9:16
│
├── Multi-product / feature showcase
│   └── Carousel Ad, 1:1 cards, 2-10 cards
│
└── Thought leadership / content marketing
    └── Document Ad, 1:1 or 1.91:1 PDF carousel

Rule:
Choose for professional clarity and information density first, not maximum screen coverage.

LinkedIn layout CSS

/* LinkedIn Feed Image - 1.91:1 (recommended) */
.li-feed-landscape {
  aspect-ratio: 1.91 / 1;
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}

/* LinkedIn Feed Image - 1:1 Square */
.li-feed-square {
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
  border-radius: 8px;
}

/* LinkedIn Feed Image - 4:5 Portrait */
.li-feed-portrait {
  aspect-ratio: 4 / 5;
  width: 100%;
  max-width: 1080px;
  overflow: hidden;
  border-radius: 8px;
}

/* LinkedIn Video - 16:9 */
.li-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 1920px;
  overflow: hidden;
  background: #000;
  border-radius: 8px;
  position: relative;
}

/* LinkedIn Video Safe Zone */
.li-video-safe-zone {
  position: absolute;
  top: 80px;           /* LinkedIn UI top overlay */
  bottom: 120px;       /* caption + action bar */
  left: 0;
  right: 0;
  border: 2px dashed rgba(10, 102, 194, 0.4);
  pointer-events: none;
}

/* LinkedIn Document Post - 1:1 */
.li-document-post {
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 1080px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}

/* Document Post page-count badge zone */
.li-document-badge-zone {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 40px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 0 8px 0;
}

/* LinkedIn Personal Banner - 4:1 */
.li-personal-banner {
  aspect-ratio: 4 / 1;
  width: 100%;
  max-width: 1584px;
  overflow: hidden;
  position: relative;
}

/* Personal Banner - Profile Photo overlap zone */
.li-banner-profile-overlap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 2px dashed rgba(255, 0, 0, 0.5);
  pointer-events: none;
}

/* LinkedIn Company Page Banner - ~5.9:1 */
.li-company-banner {
  aspect-ratio: 1128 / 191;
  width: 100%;
  max-width: 1128px;
  overflow: hidden;
  border-radius: 8px;
}

/* LinkedIn Single Image Ad - 1.91:1 */
.li-ad-image {
  aspect-ratio: 1.91 / 1;
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
  border-radius: 8px;
}

/* LinkedIn Carousel Ad - 1:1 */
.li-carousel-item {
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 1080px;
  overflow: hidden;
  border-radius: 8px;
}