Social Media Header Image Sizes for 2026

There is no single social media header size. Choose the canvas for the exact placement, keep important content inside a central safe area, and preview the upload on desktop and mobile. For the main placements in 2026, use Facebook Page covers at 851 × 315 px, LinkedIn personal profile covers at 1584 × 396 px, X headers at 1500 × 500 px, YouTube channel banners at 2560 × 1440 px, and Pinterest Business profile covers at least 800 × 450 px in a 16:9 ratio.

Platform and placement	Recommended canvas	Format or limit	Important caveat
Facebook Page cover	851 × 315 px	Minimum 400 × 150 px	Common recommendations show different desktop and phone crops. Treat 851 × 315 as a practical recommendation, not a confirmed current Meta specification.
Facebook event cover	1920 × 1005 px	Recommendation only	Meta does not publish an official pixel specification for event covers in the reviewed material.
LinkedIn personal profile cover	1584 × 396 px (4:1)	JPG or PNG, under 8 MB	LinkedIn says appearance can vary with browser-window size and screen resolution. See LinkedIn Help.
LinkedIn Company Page cover	Verify in the current Pages upload UI	Recommendations conflict	Secondary guides list 1512 × 256, 1128 × 191, and 4200 × 700 px. Do not combine these figures or present one as definitive without checking LinkedIn.
X profile header	1500 × 500 px	JPG, GIF, or PNG; animated GIFs are not supported	Preview the crop around the profile photo and controls. See X Help.
YouTube channel banner	2560 × 1440 px recommended	Minimum 2048 × 1152 px; maximum 6 MB	The safe area depends on the canvas. Common secondary guidance lists a centered safe area, so verify the current YouTube upload guidance before production.
Pinterest Business profile cover	At least 800 × 450 px	Horizontal 16:9 recommended	Only Business accounts have this cover feature, and Pinterest may crop the image during upload. See Pinterest Business Help.

Why one header cannot fit every platform

Platforms use different aspect ratios, responsive layouts, profile-photo overlays, and control areas. A design that fits a desktop banner can lose its headline on a phone. Matching the ratio is only the first check.

Placement changes the specification: a personal profile, Company Page, event, and channel banner are separate products.
Device crops change the visible area: desktop and mobile layouts can expose different portions of the same file.
Overlays hide artwork: profile photos, buttons, and navigation can cover corners or edges.
Platform requirements change: label secondary-guide figures as recommendations and recheck the upload screen before a campaign launch.

Safe-area workflow for text and logos

Create the file at the platform’s recommended canvas size.
Draw a temporary inner rectangle around the central area. Keep logos, faces, headlines, prices, and calls to action inside it.
Place decorative backgrounds and gradients toward the outer edges, where cropping is least harmful.
Export in the accepted format and under the stated file-size limit.
Upload a draft and inspect the actual result on a wide desktop window and a narrow phone viewport.
Remove the temporary guides, export again, and repeat the preview after any major text or logo change.

Practical design rules

Use high contrast between essential text and its background.
Do not put small type near the top, bottom, or sides.
Keep faces and product marks away from likely profile-photo overlays.
Design the background so a crop still looks intentional.
Keep a layered source file so each platform can receive a tailored composition.

Generating each canvas with CSS

The following standalone HTML creates a safe-area guide for any target size. Replace the values, open the file in a browser, and export your artwork from your design tool using the same dimensions.

<!doctype html>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
  :root { --w: 1500; --h: 500; }
  .canvas {
    width: min(100vw, 1200px);
    aspect-ratio: var(--w) / var(--h);
    margin: 2rem auto;
    position: relative;
    background: linear-gradient(110deg, #172554, #0f766e);
    overflow: hidden;
  }
  .safe {
    position: absolute;
    inset: 12% 18%;
    border: 2px dashed #fff;
    display: grid;
    place-items: center;
    color: #fff;
    font: 700 clamp(1rem, 3vw, 2.5rem)/1.1 system-ui;
    text-align: center;
  }
</style>
<div class="canvas" aria-label="Header preview">
  <div class="safe">Keep essential content here</div>
</div>

For a 4:1 LinkedIn personal cover, set --w: 1584 and --h: 396. For X, use 1500 and 500. For a YouTube banner, use 2560 and 1440, then replace the generic safe rectangle with the current YouTube safe-area guidance.

Previewing desktop and mobile crops

A local browser preview catches layout mistakes before publishing. Add two containers with different aspect ratios and place the same image in both:

<style>
.preview { display: grid; gap: 1rem; grid-template-columns: 2fr 1fr; }
.frame { overflow: hidden; background: #ddd; }
.frame img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.desktop { aspect-ratio: 3 / 1; }
.mobile { aspect-ratio: 4 / 3; }
</style>
<div class="preview">
  <div class="frame desktop"><img src="header.jpg" alt="Desktop crop"></div>
  <div class="frame mobile"><img src="header.jpg" alt="Mobile crop"></div>
</div>

File formats, resolution, and compression

Use JPG for photographic backgrounds when a smaller file is more important than transparency.
Use PNG for sharp text, flat graphics, or transparency when the platform accepts it.
Do not upscale a small source and expect crisp type; start at the recommended canvas.
Check the platform’s current upload limit. LinkedIn personal covers are listed as under 8 MB; YouTube channel banners are listed as up to 6 MB.
Keep an untouched master and export a platform-specific copy so repeated compression does not degrade the source.

Platform-by-platform guidance

Facebook Page and event covers

Use 851 × 315 px for a Page cover, with a minimum recommendation of 400 × 150 px. Desktop and smartphone layouts can show different crops, so keep the critical message central. Treat 1920 × 1005 px for event covers as a commonly used recommendation rather than an official Meta requirement.

LinkedIn personal and Company Page covers

For a personal profile, use LinkedIn’s 1584 × 396 px recommendation in JPG or PNG under 8 MB. LinkedIn notes that appearance varies by browser-window size and screen resolution. Company Page figures in secondary guides conflict, so verify the current Pages upload specification instead of reusing the personal-profile canvas.

X headers

X recommends 1500 × 500 px and accepts JPG, GIF, or PNG for static uploads. Animated GIFs are not supported. Keep the focal point clear of the profile-photo region and preview the final header after upload.

YouTube channel banners

Use 2560 × 1440 px as the recommended canvas, with 2048 × 1152 px as the listed minimum and a 6 MB maximum. The visible safe area changes with device and canvas dimensions. Confirm the current YouTube guidance before locking a template.

Pinterest Business profile covers

Use at least 800 × 450 px in a horizontal 16:9 layout. Pinterest can crop during upload, and the feature is for Business accounts. Keep the subject centered and avoid placing necessary text at the edges.

Platforms without a matching header

The reviewed 2026 guide does not list a dedicated Instagram profile cover. Instagram’s 320 × 320 px recommendation is for a profile picture, not a wide header. Do not force a header template onto a placement the service does not provide.

Automated screenshot checks

For a repeatable review, render the uploaded or staging page at representative viewport sizes and compare the crops. A browser automation script can capture each viewport:

import asyncio
from pathlib import Path
from playwright.async_api import async_playwright

async def main():
    async with async_playwright() as p:
        browser = await p.chromium.launch()
        page = await browser.new_page(viewport={"width": 1440, "height": 500}, device_scale_factor=1)
        await page.goto("https://example.com/header-preview", wait_until="networkidle")
        await page.screenshot(path="desktop-header.png", full_page=False)
        await page.set_viewport_size({"width": 390, "height": 300})
        await page.screenshot(path="mobile-header.png", full_page=False)
        await browser.close()

asyncio.run(main())

Replace the example URL with a staging page that contains the real artwork. If the page is private, use an authenticated test environment rather than publishing unfinished assets.

Or skip the browser setup

ScreenshotNeo provides a website screenshot API when you need a clean preview image from a URL. Cookie and consent banners, newsletter popups, and chat widgets are removed before the shot. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed, and response headers identify the page verdict and billing result. An MCP server lets Claude, Cursor, and other MCP clients call screenshot tools. There are 1,000 free screenshots each month with no card; paid plans start at $5 for 3,000 shots.

See the ScreenshotNeo API documentation for all options.

cURL

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Python

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Node.js

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

Create a free ScreenshotNeo account to get 1,000 screenshots per month with no card.

Troubleshooting

Symptom	Likely cause	Fix
Headline disappears on mobile	Text is outside the shared safe area	Move essential content toward the center and preview a narrow viewport.
Logo is covered	Profile photo or controls overlap the artwork	Shift the logo away from corners and overlay zones.
Upload is rejected	Wrong format, dimensions, or file size	Export the platform-specific canvas and check its current limit.
Image looks blurry	Source is undersized or repeatedly compressed	Start from the recommended canvas and export once from the master.
Desktop and phone feel unrelated	The design depends on content that one crop removes	Use a background that survives cropping and keep the message central.
Screenshot preview is blank	The page failed to load, is blocked, or needs more wait time	Check the URL, wait for the required selector or network idle, and inspect response verdict headers.

Performance, reliability, and cost notes

For manual work, save platform templates so only the crop and safe-area guides change.
For automated previews, capture only the representative viewport sizes needed for a decision; full-page captures add work without improving a header crop.
Cache unchanged staging pages when your screenshot workflow supports a chosen TTL.
When using ScreenshotNeo, only clean shots are billed; failed loads, bot checks, blank pages, timeouts, and cache hits are not billed. Check the X-Page-Verdict and X-Billed response headers.
ScreenshotNeo supports custom CSS and JavaScript, waits, headers, cookies, user agents, device presets, viewport sizes, retina scale, and bulk capture when your preview needs them.

Checklist before publishing

Correct placement selected: profile, Page, event, or channel.
Canvas matches the current recommendation or verified upload requirement.
Essential text and logos sit inside the safe area.
Desktop and mobile crops have been inspected.
Format and file size meet the platform limit.
Source file is archived for future platform changes.
Final uploaded result, not only the local export, has been checked.

FAQ

None. Use the exact placement’s canvas and design a safe central area that survives responsive crops.

Can I use one image everywhere?

You can reuse the concept, colors, and background, but platform-specific exports are safer because the aspect ratios and overlays differ.

Is a LinkedIn Company Page cover the same size as a personal cover?

No. The personal recommendation is 1584 × 396 px. Company Page recommendations conflict in secondary guides, so verify the current Pages upload UI.

Does Instagram have a profile header?

The reviewed guide does not list a dedicated Instagram profile cover. Its 320 × 320 px figure refers to a profile picture.

How do I know whether a recommendation is official?

Check whether the number comes from the platform’s own help documentation. In this guide, LinkedIn, X, and Pinterest figures are directly supported by their help pages; several Facebook and YouTube details are secondary recommendations.