LinkedIn Banner Maker

How do I make a LinkedIn banner the right size with safe-zone guides?

This tool gives you a canvas locked to LinkedIn’s real banner sizes — a personal profile background at 1584×396 px (a 4:1 strip, exported at exactly that size) or a company page cover at 1128×191 px (exported at a crisp 2×, 2256×382). Start from a professional template or a solid / gradient / pattern / uploaded-image background, add editable text, shape and image layers, then drag them into place. Toggleable overlays mark the parts LinkedIn crops or covers: the full desktop frame, the mobile side-crop (phones shave the left & right edges), the cross-device safe area, and the lower-left profile-photo overlap — where the circular avatar and your name / headline card hide roughly the bottom-left 568×264 px on a personal profile. Everything runs in your browser — nothing is uploaded, and the guides are never baked into the export.

Two real sizes: personal 1584×396 (4:1, exported 1×) and company 1128×191 (exported a crisp 2× = 2256×382)
Safe-zone overlay: desktop frame, mobile side-crop, centre safe area, and the lower-left profile-photo / logo overlap — each toggleable and preview-only
Editable text (system fonts, weight, alignment, colour, rotation, shadow), shapes and uploaded-image layers with drag-to-move
Professional templates plus solid / gradient / pattern / photo backgrounds; images use object URLs revoked on cleanup and never leave the browser
100% client-side — no server, upload or CDN; download PNG or copy to clipboard

What is

A LinkedIn banner maker is a design tool for building the wide image that sits behind a LinkedIn profile or at the top of a Company Page. A personal profile background is 1584×396 pixels (a 4:1 strip) — LinkedIn’s recommended upload size — while a company page cover displays at 1128×191 pixels (roughly 5.9:1). The two are different: on a personal profile the circular profile photo and your name / headline card overlap the lower-left corner (about the bottom-left 568×264 px is hidden), and phones crop the left and right edges; on a company page the logo overlaps the lower-left of the cover. Unlike a plain image resizer, a good banner maker accounts for that layout so key text and logos stay in the centre / upper-right. This tool renders and exports the banner entirely on an HTML canvas in the browser and overlays those safe zones as toggleable, preview-only guides.

Social Media

Related terms

LinkedIn bannerLinkedIn cover photoprofile background1584x396company page cover1128x191safe zoneprofile photo overlapcanvas exportPNG

Frequently Asked Questions

LinkedIn uses two different banner sizes. A personal profile background is 1584×396 pixels — a 4:1 strip and LinkedIn’s recommended upload size — so this tool exports it at exactly 1584×396. A company page cover is displayed at 1128×191 pixels (about 5.9:1); because that is a small display size, this tool exports the company cover at a crisp 2× (2256×382) so it stays sharp after LinkedIn re-scales it. Keep the file under LinkedIn’s upload limit (8 MB for a profile background). These sizes are current best estimates — LinkedIn changes them without notice, so verify on your live profile or page.

A personal profile background is 1584×396 px (4:1). A company page cover displays at 1128×191 px. This tool designs at both and exports a pixel-perfect PNG.

On a personal profile LinkedIn paints your circular profile photo, and the name / headline card, over the lower-left corner of the banner, so roughly the bottom-left 568×264 pixels is hidden. Phones also crop the left and right edges of the 4:1 strip. The practical rule is to keep logos and important text in the centre or upper-right, out of the lower-left and off the sides. On a company page the logo overlaps the lower-left of the cover instead. This tool draws the desktop frame, the mobile side-crop, the cross-device safe area and the lower-left profile-photo / logo overlap as toggleable overlays so you can check your layout before you export. They are guidance, not a guarantee — the exact pixels vary by device, browser and window size.

On a personal profile the circular photo and name card overlap the lower-left — about the bottom-left 568×264 px. Phones crop the left & right edges, so keep key content centre / upper-right.

Privacy is structural. The banner is drawn on an HTML canvas in your browser, and the PNG is produced locally with <code>canvas.toBlob</code> — there is no server, upload, database or logging in the processing path, and no CDN. When you add a background or layer image, the browser creates an in-memory object URL and draws straight from it; that URL is revoked automatically when you replace the image, delete the layer, reset, or leave the page, so nothing lingers in memory or on disk. The tool works offline once cached, and closing the tab discards your design. The only optional network use anywhere on the site is consent-gated advertising, which never sees your images. The safe-zone guides are drawn only in the preview and are never included in the exported file.

No. Your banner is composited on a local canvas and any photo you add is held as an in-browser object URL revoked on cleanup. Nothing is uploaded, stored or sent to a server.

This tool has no access to your LinkedIn account and cannot upload, post or set your banner — that would require a server and permissions, which would break the privacy promise. Instead it produces a pixel-perfect PNG (1584×396 for a personal profile, or 2256×382 for a company cover) that you download and upload to LinkedIn through the normal edit flow. It renders text with system font stacks only, so exotic web fonts from other apps are not available, and colours can shift slightly after LinkedIn re-compresses your upload. Preview the final PNG on a real phone before relying on it, since the mobile side-crop and the lower-left profile-photo overlap are the most common ways a banner loses content.

No — it is a design tool, not a LinkedIn integration. It exports a PNG at the correct size that you then upload to LinkedIn yourself.

LinkedIn Banner Maker

A 100% client-side LinkedIn banner maker with a canvas locked to LinkedIn’s real sizes: a personal profile background at 1584×396 (4:1, exported 1×) or a company page cover at 1128×191 (exported a crisp 2× = 2256×382). Build a banner from professional templates and solid / gradient / pattern / uploaded-image backgrounds, add editable text, shape and image layers, drag them into place, and export a pixel-perfect PNG via canvas.toBlob. Toggleable, preview-only safe-zone guides mark the desktop frame, the mobile side-crop, the centre safe area and the lower-left profile-photo / logo overlap. Nothing is uploaded.

Features

Two real sizes: personal profile background 1584×396 (4:1, exported 1×) and company page cover 1128×191 (exported a crisp 2× = 2256×382)
Toggleable safe-zone overlay: full desktop frame, mobile side-crop, centre safe area, and the lower-left profile-photo (personal) / logo (company) overlap
Editable text (system font stacks, weight, alignment, colour, rotation, shadow, uppercase), shapes and uploaded-image layers with drag-to-move and reorder
Professional, creator, open-to-work, brand, quote, developer and minimal templates, plus solid / gradient / pattern / photo backgrounds
100% client-side — images use object URLs revoked on cleanup; download PNG or copy to clipboard

PriceFree

CategorySocial Media

PlatformAll (any modern browser)

PrivacyYour design and images stay on your device. The banner is composited on an HTML canvas and the PNG is written locally with canvas.toBlob — no server, upload, database or logging, and no CDN in the processing path. Background and layer images are held as in-memory object URLs revoked when you replace, delete, reset or leave the page. Safe-zone guides are preview-only and never exported. The tool works offline once cached, and the only optional network use is consent-gated ads that never see your images.

Input: Optional background photo (JPG, PNG, GIF, WebP) from your device, Optional layer images, Text you type into layers

Output: A live 1584×396 (or 1128×191) banner preview with toggleable safe-zone guides, A downloadable PNG at exactly 1584×396 px (personal) or 2256×382 px (company 2×), Copy-to-clipboard PNG (where the browser supports it)

Detailed Explanation

How It Works

What the LinkedIn Banner Maker Does

The LinkedIn Banner Maker is a 100% client-side design tool for the wide image behind a LinkedIn profile or at the top of a Company Page. It locks the editing canvas to LinkedIn’s real sizes — a personal profile background at 1584×396 px (a 4:1 strip) or a company page cover at 1128×191 px (≈5.9:1) — and lets you build a banner from professional templates and solid / gradient / pattern / uploaded-image backgrounds, then add editable text, shape and image layers, drag them into place, reorder them, and export a pixel-perfect PNG. Toggleable safe-zone overlays show where LinkedIn crops or covers the banner so your key content survives. Nothing is uploaded — the banner is composited and exported entirely in the browser.

Personal profile background: 1584×396 px (4:1), exported at exactly that size
Company page cover: 1128×191 px, exported at a crisp 2× (2256×382)
Editable text / shape / image layers over solid, gradient, pattern or photo backgrounds
Nothing uploaded — composited and exported on a local canvas

Methodology

How Rendering and the Safe Zones Work

The tool reuses the shared web-banner engine (webBannerEngine.ts): layers store normalised geometry (x, y, w, h as fractions of the banner, font size as a fraction of the shorter side), and a single drawBanner() routine paints both the live preview and the export, so what you see is what you download — and the same layout re-renders correctly when you switch between the personal and company sizes. A thin LinkedIn engine (linkedinBannerEngine.ts) adds the two mode sizes, the exact PNG export per mode, and the safe-zone geometry with its overlay renderer (drawGuides): the recommended centre safe area, the mobile side-crop (the shaded left/right bands phones cut off), the full desktop frame, and the lower-left overlap — a dashed circle plus a light wash over the ~568×264 name / headline card on a personal profile, or a rounded logo square on a company page. Those guides are drawn onto the preview canvas only — the export path calls drawBanner without them — and every zone can be toggled independently.

One drawBanner() renders preview and export — WYSIWYG
Normalised layer geometry adapts when you switch personal ↔ company
Safe-zone geometry differs per mode (avatar circle vs logo square)
Guides are preview-only and never baked into the PNG

Technical Details

LinkedIn Banner Facts (2026)

A personal profile background is 1584×396 pixels — a 4:1 strip and LinkedIn’s recommended upload size (max 8 MB, PNG or JPG). On a personal profile the circular profile photo and the name / headline card overlap the lower-left corner, hiding roughly the bottom-left 568×264 px, and phones crop the left and right edges, so the reliably-visible area is the centre / upper-right. A company page cover is displayed at 1128×191 pixels (about 5.9:1); because that is a small display size, this tool exports the company cover at a crisp 2× (2256×382) so it stays sharp after LinkedIn re-scales it, and the company logo overlaps the lower-left of the cover. These are current best estimates; LinkedIn changes them without notice and they differ by device.

Personal: 1584×396 px (4:1); keep key content centre / upper-right
Personal: lower-left ~568×264 hidden by the profile photo + name card
Company: displays 1128×191; export at 2× (2256×382) for sharpness
Phones crop the left & right edges — keep logos off the sides

Limitations

Honest Limitations

This is a design and layout tool, not a LinkedIn integration: it cannot upload, post or set your banner for you, and it has no access to your account — you export a PNG and upload it through LinkedIn’s normal edit flow. The safe-zone guides are guidance, not a spec — LinkedIn’s exact crop and the profile-photo / logo overlap change without notice and vary by device, browser and window size, so the overlay approximates the current layout rather than guaranteeing it. Colours can shift slightly after LinkedIn re-compresses your upload. It renders text with system font stacks only (no web fonts or CDN), so exotic typefaces from other apps are not available. Always preview the final PNG on a real phone before relying on it, since the mobile side-crop and the lower-left overlap are the most common ways a banner loses content.

Cannot upload or set your banner — export a PNG and upload it yourself
Guides approximate LinkedIn’s 2026 layout; exact pixels vary and change
LinkedIn re-compresses uploads — colours may shift
System fonts only (no external web fonts or CDN)

Privacy & Security

Private by Design

Everything happens on your device. The banner is composited on an HTML canvas and the PNG is written locally with canvas.toBlob — there is no server, upload, database or logging in the processing path, and no CDN. Any background or layer image you add is held as an in-memory object URL and drawn straight from it; that URL is revoked automatically when you replace the image, delete the layer, reset, or leave the page, so nothing lingers. The tool works offline once cached, closing the tab discards your design, and the only optional network use anywhere on the site is consent-gated advertising, which never sees your images or your banner.

Banner composited on a local canvas; PNG via canvas.toBlob
Images use object URLs revoked on replace / delete / reset / unmount
No server, upload, database, logging or CDN in the processing path
Works offline once cached; closing the tab discards everything

LinkedIn banner zones (2026, current best estimates)
Zone	Where	Approx size	Keep clear?
Personal design	Whole banner	1584×396 px (4:1)	—
Personal export	Whole banner	1584×396 px (1×)	—
Company design	Whole cover	1128×191 px (≈5.9:1)	—
Company export	Whole cover	2256×382 px (2×)	—
Safe area	Centre / upper-right	inset from edges	Put key content here
Mobile crop	Left & right sides	~96 px each (personal)	Yes — cut on phones
Profile photo + card	Lower-left (personal)	~568×264 px	Yes — avatar overlap
Logo	Lower-left (company)	~120 px square	Yes — logo overlap

A personal profile background is 1584×396 (4:1) with the profile photo and name card over the lower-left; a company page cover displays 1128×191 with the logo over the lower-left. Keep logos and text in the centre / upper-right and preview on a real phone. Sizes are current best estimates and change without notice.

Cite This Page

Title: LinkedIn Banner Maker
Author: AnyTool
Published: January 1, 2026
Modified: February 8, 2026
Section: Social Media
URL: https://www.anytool.tech/linkedin-banner-maker

Formatted Citation

AnyTool. "LinkedIn Banner Maker." AnyTool, January 1, 2026. https://www.anytool.tech/linkedin-banner-maker

A 100% client-side LinkedIn Banner Maker — the /linkedin-banner-maker route in the AnyTool Social Media category — that designs and exports the wide banner behind a LinkedIn profile or at the top of a Company Page entirely in the browser, with nothing uploaded and no server, network call or CDN in the processing path. It supports LinkedIn’s two real, different banner surfaces via a mode switch: a PERSONAL profile background at 1584×396 pixels (a 4:1 strip, which is LinkedIn’s own recommended upload size, so it is exported at exactly 1584×396), and a COMPANY page cover displayed at 1128×191 pixels (roughly 5.9:1) that is exported at a crisp 2× (2256×382) so it stays sharp after LinkedIn re-scales it. The tool reuses the shared Design-category web-banner engine (webBannerEngine.ts) — a normalised layer model where text, shape, image and button layers store x/y/w/h as fractions of the banner and font size as a fraction of the shorter side, and a single drawBanner() routine paints both the live preview and the export so the result is truly WYSIWYG, with optional per-layer rotation about the layer centre; because geometry is normalised, a layout keeps its composition when the user switches between the personal and company sizes. A thin LinkedIn-specific engine (linkedinBannerEngine.ts) contributes the two mode definitions (design size, export size and ratio), the per-mode PNG export (exportBannerBlob), and the safe-zone geometry and its overlay renderer (drawGuides): a recommended centre / upper-right safe area, a mobile side-crop that shades the left and right bands phones cut off (about 96 px each side on the personal 4:1 strip and more on the very wide company cover), the full desktop-visible frame, and the lower-left overlap — drawn as a dashed circle for the personal profile photo plus a light wash over the roughly 568×264 px name / headline card, or as a rounded logo square for a company page; it also defines seven professional starter templates (professional, creator, open-to-work, brand, quote, developer and minimal) built from the engine’s factories and tuned to keep essential content out of the lower-left and off the cropped sides, plus solid and gradient background presets in the brand palette (including LinkedIn blue #0a66c2). The React page follows the golden design system with a custom LinkedInBannerMakerIcon (a wide 4:1 teal banner with a gold light sweep and coral accent block, white headline lines in the centre / upper-right safe zone, and a white circular profile photo overlapping the lower-left corner with coral/gold name lines beside it — the circular avatar matching LinkedIn’s personal profile), an H1 and subtitle, exactly four trust badges (100% client-side, nothing uploaded, personal + company, exact-size PNG), three feature cards, and a two-column layout: a controls column (a banner-type switch between personal and company; a template picker; a background section with solid / gradient / pattern / image modes, colour pickers, swatch and gradient presets, pattern and darken-overlay controls; a layer list with add-text / add-shape / add-image buttons, per-layer select, bring-forward / send-backward reorder and delete; and a selected-layer editor with type-specific controls — text content, system font stack, weight, alignment, colour, shadow, uppercase and italic; shape kind, fill and corner radius; image fit and radius with replace — plus shared X/Y/width/height, rotation and opacity sliders) and a sticky preview column (a canvas that renders live at the current mode size, supports click-to-select and pointer drag-to-move directly on the banner, a four-item mode-aware safe-zone guide legend — safe area, mobile crop, desktop view and profile photo/logo — whose chips toggle each zone independently, a master show/hide-guides button, Download-PNG / Copy / Reset actions, and a mobile-crop reminder). There are exactly three horizontal ad slots (linkedin-banner-maker-top, linkedin-banner-maker-mid, linkedin-banner-maker-bottom) and a sticky mobile action bar (Download / Copy / Reset), all with full dark mode and mobile-first responsiveness. The tool is emphatically honest: it is a design tool, not a LinkedIn integration — it cannot upload, post or set your banner and has no account access, so you export a PNG and upload it through LinkedIn’s normal edit flow; the safe-zone guides approximate LinkedIn’s current desktop and mobile layout, which changes without notice and differs by device, browser and window size, so they are guidance rather than a guarantee; LinkedIn re-compresses uploads so colours may shift; it uses system font stacks only, with no external web fonts, CDN or stock imagery; and users are advised to keep essential text and logos in the centre / upper-right, clear of the lower-left profile-photo (personal) or logo (company) overlap and off the cropped sides, and to preview the final PNG on a real phone. Privacy is structural: the banner is composited on a local canvas, the PNG is produced with canvas.toBlob, background and layer images are held as in-memory object URLs revoked when replaced, deleted, reset or on unmount, there is no upload, server, database, logging or CDN in the processing path, the safe-zone guides are preview-only and never exported, the tool works offline once cached, closing the tab discards the design, and the only optional network use anywhere on the site is consent-gated advertising that never sees the images.