Resize Image for LinkedIn Banner (1584 x 396)

The hard part of a LinkedIn banner is not the 1584 x 396 canvas, it is that three different chunks of it get hidden or cropped depending on where someone views your profile. Once you know the numbers, designing one becomes simple.

Here is what happens to the full 1584 x 396 image. On desktop, your profile photo sits over the bottom-left and covers roughly a 568 x 264 pixel block, so anything there is gone. On mobile, LinkedIn does not show the full width at all, it displays about the central 1128 x 191 and trims the left and right edges. The top of the banner also loses a sliver under the navigation on some layouts.

Stack those together and the reliable area, the part visible to everyone on every device, is a band across the upper-center of the image. Roughly: stay within the middle 1128 pixels horizontally, keep your real content in the top two-thirds vertically, and treat the bottom-left corner and the outer ~230 pixels on each side as background only. Put your headline, name, or logo in that upper-center band and it survives every crop.

A banner that looked crisp on your screen often turns soft or shows colored fringing around text once it is live. That is LinkedIn's image pipeline, not your file. LinkedIn re-encodes every upload to a compressed format and serves a smaller version than you sent. Photographs survive this well. Sharp edges, which means text and logos, take the worst of it, because compression smears the hard transitions between a letter and its background.

Three things beat it. Use PNG when your banner contains text or a logo, since it preserves those edges far better than JPG through the re-compression. Use JPG only for pure photographs. And give LinkedIn a clean, correctly sized source: export at exactly 1584 x 396 (or 3168 x 792 if you want it sharp on high-density laptop screens), in sRGB color, under the 8 MB limit. Feeding the compressor a sharp, right-sized file is the single biggest thing in your control.

A blank or default banner reads as an unfinished profile. The fix is not 'be professional', it is putting one clear message in the safe zone. Concrete versions that work:

Job seeker: your target role and a line of proof in the upper-center, for example 'Senior Data Analyst, ex-Spotify, open to remote roles'. Recruiters scan the banner before the headline. Founder or business owner: your logo plus a one-line value proposition, the same sentence you would use to explain the company in a hallway. Freelancer or creative: two or three small portfolio thumbnails or a strip of your work, with your contact or website, since the banner doubles as a mini case study. Salesperson or consultant: a single tagline and one credibility marker, like a result or a recognizable client, rather than a list.

The pattern across all of these: one message, in the center, that answers 'why should I connect with this person' in the two seconds before they scroll.

Most weak banners fail in one of a handful of predictable ways. Text crammed into the bottom-left, where the profile photo covers it. Important words running edge to edge, which get sliced off on mobile. A low-resolution image stretched up to fill 1584 x 396, which LinkedIn then compresses again into a blurry mess. A busy photograph placed directly behind a headshot, so the face and the background fight each other. And the default LinkedIn gradient, which quietly tells visitors you stopped setting up your profile halfway.

Each has a one-line fix: move text to the upper-center, keep it inside the central 1128 pixels, start from a source at least 1584 x 396, pick a calm or low-contrast background near your photo, and replace the default with anything intentional. Get those right and a plain, well-placed banner beats a flashy, badly-cropped one every time.