LinkedIn Banner Maker — Free 1584 × 396 Designer in Your Browser

What is the LinkedIn Banner Maker - 1584×396?

The LinkedIn Banner Maker is a single-purpose designer locked at LinkedIn's recommended 1584 × 396 pixel personal profile banner size. Upload a background photo or pick a brand colour, write a one-line value proposition, add a role or credentials subline, tune typography, and export. The whole pipeline runs in your browser on the HTML5 Canvas API — your photo, your text and your exported banner never leave your device.

Key features

• Exactly 1584 × 396 px canvas — LinkedIn's recommended personal banner size
• Mobile-safe centred layout — headlines stay visible after every LinkedIn crop
• Background photo upload with automatic cover-cropping and overlay tinting
• Adjustable colour overlay to dim photos for instant text contrast
• Headline and subtext with independent font size, colour and shadow
• Top / middle / bottom positioning plus left / centre / right alignment
• Optional accent bar at the bottom for instant brand recognition
• PNG or JPG export at exact 1584 × 396 resolution
• 100% client-side — your design never leaves your browser
• No signup, no watermark, no daily limit, no premium tier

How it works

An HTML5 Canvas is created at 1584 × 396 pixels — LinkedIn's recommended personal banner size at a 4:1 aspect ratio. Every change you make re-renders the canvas in real time: background colour first, then the optional uploaded photo with cover-cropped fit, then a colour overlay multiplied at your chosen opacity, then the headline and subtext typeset in Space Grotesk and DM Sans with margin-aware word-wrap. When you export, the canvas is rendered at full 1584 × 396 resolution and serialised to a PNG or JPG blob via toBlob(). PNG keeps text edges crisp before LinkedIn's compression pass; JPG at 92% quality is significantly smaller and ideal for photo-backed banners. The blob downloads directly to your device with a filename derived from your headline so it's easy to find later. Everything happens in your browser. The Canvas API processes the design locally, the photo upload stays in memory as a Blob URL, and the export blob downloads directly to your device. There is no server round-trip, no telemetry and no third-party CDN involved.

Why use this tool

Most banner designers either watermark your export, force a paid plan, or upload your photo to their servers. PikDraw is none of those: the canvas is locked at exactly LinkedIn's recommended size, every feature is free, every export is unwatermarked, and your design never leaves your browser. The mobile-safe centred layout is baked into the defaults so your headline survives every LinkedIn crop.

Common use cases

• Personal profile banners for job seekers signalling current role and value prop
• Consultant and freelancer banners with service categories and credentials
• Founder banners with company tagline and current focus
• Author and creator banners with upcoming book, course or product launch
• Speaker banners with topic areas and upcoming events
• Recruiter banners with role specialty and active hiring focus
• Sales banners with target industry and value prop
• Career-transition banners with new direction and supporting credentials

How to use this tool

1. Start at 1584 × 396 — LinkedIn's recommended banner size is 1584 × 396 pixels at a 4:1 ratio. PikDraw locks the canvas at exactly that resolution so your export drops into the LinkedIn profile editor without any cropping surprises.
2. Pick a background — Upload a brand photo, a textured background or skip it for a flat brand colour. Flat colours consistently outperform busy photos for legibility — and LinkedIn's compression is kinder to them.
3. Write a one-line value prop — The banner is prime real estate above your name. A single sentence that answers 'what do you help people do?' converts profile visits into connection requests far better than abstract job titles.
4. Add a role or credentials subline — Use the subtext field for credentials, services or your current focus. Keep it under eight words — anything longer competes with your name and headline below.
5. Avoid the profile photo zone — Your circular profile photo overlaps the bottom-left ~10–15% of the banner. Leave that quadrant empty or use it for background texture only.
6. Export and upload — Download as PNG for crisp typography or JPG for photo backgrounds. Upload through Edit profile → Background image inside LinkedIn.

Who should use this

Job seekers refreshing their profiles for an active search, consultants and freelancers signalling their service, founders building in public, sales and recruiting teams maintaining a polished funnel-of-one, and anyone in career transition who needs the banner to do real positioning work.

How to get started

Type a one-line value proposition (under twelve words), add a role or credentials subline, pick a brand background colour or upload a banner photo, hit Download PNG, and upload it through LinkedIn's Edit profile → Background image flow. The whole workflow takes under two minutes.

Best practices

• Centre the headline vertically — mobile and tablet crops shrink the top and bottom margins
• Avoid the bottom-left quadrant where the profile photo overlaps the banner on desktop
• Use your brand primary colour as the background for instant visual recognition
• Prefer flat colour or geometric backgrounds over stock photography — they compress better and feel more intentional
• Export at the full 1584 × 396 — LinkedIn will downscale; starting smaller looks soft
• Refresh the banner whenever your role, focus or company changes

Pro tips

• LinkedIn crops the banner aggressively on mobile — keep the headline vertically centred so it stays visible at every breakpoint.
• Use your brand primary colour as the background. It creates an instant visual link between your banner, website and posts.
• Avoid stock 'business handshake' photography. Recruiters and decision-makers scroll past generic banners in milliseconds.
• Refresh the banner when your role or focus changes — it signals an active, evolving professional.
• If you sell a service or run a SaaS, put your one-line value prop in the banner and let the headline below show the credentials.

Expert insights

Limitations to be aware of

• Single text block — no multi-line bullet lists, stickers or icons
• No built-in logo placement — composite the logo into the background image first
• Single font pair (Space Grotesk + DM Sans) chosen for LinkedIn legibility
• Output locked at 1584 × 396 — use Social Media Resizer or design natively for Company Pages (1128 × 191) or Groups (1776 × 444)

Frequently asked questions

What is the correct LinkedIn banner size?

1584 × 396 pixels at a 4:1 aspect ratio. LinkedIn renders the full banner on desktop, crops the top and bottom slightly on tablet, and crops more aggressively on mobile. PikDraw locks the canvas at exactly 1584 × 396 so your design starts from the recommended source size.

Is the LinkedIn personal banner size the same as the Company Page banner?

No. Personal profile banners are 1584 × 396; Company Page cover images are 1128 × 191; LinkedIn Group banners are 1776 × 444. This tool covers the personal profile size — use the Social Media Resizer for Pages and Groups, or design natively at each size.

PNG or JPG for LinkedIn banners?

PNG for typography-heavy or flat-colour designs, JPG for photo backgrounds. LinkedIn compresses everything, but PNG keeps text edges crisp before the compression pass. Most professional banners are 200–600 KB after export.

Where does my profile photo overlap the banner?

The circular profile photo sits over roughly the bottom-left 10–15% of the banner on desktop and centre-left on mobile. Avoid placing the headline, logo or any critical content in the bottom-left quadrant.

Does PikDraw upload my banner anywhere?

No. The entire designer runs in your browser using the HTML5 Canvas API. Your photo, text and exported banner never leave your device — there's no server, no signup, no watermark.

Can I add my logo to the banner?

Yes — composite the logo into the background image you upload, or use a solid brand colour and let the headline carry the brand cue. PikDraw is intentionally focused on type + colour to keep the workflow under two minutes.

What fonts does the LinkedIn Banner Maker use?

Space Grotesk for the headline (modern, geometric, designed for display sizes) and DM Sans for the subtext. Both pair well with LinkedIn's native UI typography (Source Sans) and stay crisp after LinkedIn's compression.

How often should I update my LinkedIn banner?

Refresh whenever your role, focus or company changes — and at minimum once a year. An updated banner signals an actively maintained profile and modestly lifts profile views in the days after the change.