Embed this tool on your site
About this tool
A LinkedIn cover banner is the wide image at the top of your profile, sitting behind the profile picture and name plate. LinkedIn displays it at 1584×396 px on desktop (verified May 2026), with the lower-left ~150 px circle covered by the profile photo and a translucent name-plate panel running across the lower portion. This tool gives you a live 1584×396 canvas, separate fields for headline and tagline, a background mode switch (color / gradient / image), independent text controls, and a safe-zone overlay marking both the profile-photo cutout and name-plate region. Type your role, add a tagline (open to roles, value prop, or contact), pick brand colors, and download a PNG sized exactly for LinkedIn. No signup, no watermark, no server upload. Useful for senior IC profiles, founders, sales reps, and anyone whose LinkedIn header is currently the default blue.
Why use it
Exact LinkedIn Spec — 1584×396 px: The output matches LinkedIn's documented banner dimensions, so the platform serves your image at native resolution without down-scaling artifacts.
Profile-Photo and Name-Plate Safe Zones: A toggleable overlay marks both the profile-photo cutout (lower-left circle) and the name-plate panel that LinkedIn overlays across the bottom of the banner.
Color, Gradient, or Photo Background: Solid for typography-driven headers, two-stop gradient for B2B brand banners, image upload for company-photo backed profiles. Switch instantly without losing data.
Independent Headline and Tagline Controls: Both text layers have separate font size and color pickers, so you can build hierarchy without templates or design tokens.
Browser-Only — Nothing Uploaded: Background uploads run through FileReader, compositing happens on Canvas, and PNG export uses canvas.toBlob — all 100% local. No tracking, no upload to a server.
Free, Unlimited, No Watermark: Iterate on a banner refresh as many times as needed. No daily quota, no UtilityKit watermark on the output.
How to use
- Type your role or value-prop into the Headline field — short, scannable copy reads best at 1584×396.
- Use the Tagline field for a one-liner: open to roles, niche, or a quick credential.
- Switch Background mode between solid color, gradient, or upload — gradient is a strong default for B2B.
- Pick title and tagline colors with the pickers — keep contrast high against the background.
- Toggle the safe-zone overlay to see the profile-photo circle and name-plate region — keep important content above and to the right.
- Click Download PNG — the export is clean 1584×396 with the overlay automatically removed.
When it helps
- When updating your LinkedIn profile after a promotion or job change, and you want to signal the new role.
- When opening yourself up to recruiter outreach and need a banner that says 'open to senior IC roles'.
- When founders launch a new product and the cofounder team aligns on a banner refresh that points to the launch URL.
- When sales reps build pipeline and want a banner that signals their patch (territory + product line).
- When brand teams roll out a new visual identity and need every employee to refresh their LinkedIn cover quickly.
- When event speakers update their banner the week before a conference to advertise their talk.
Examples
InputHeadline 'Senior Product Designer', tagline 'Helping B2B SaaS teams ship faster', LinkedIn-blue gradient
Expected result1584×396 PNG with role headline above the safe zone, supporting tagline below — open-to-work signal in tagline
InputHeadline 'Building [Product] — YC W26', tagline 'Hiring engineers + designers', dark gradient
Expected result1584×396 PNG with founder headline + tagline pointing to hiring needs, professional brand-aligned colors
InputHeadline 'Enterprise Account Exec — West Coast', tagline 'Helping CTOs scale infra', upload photo bg
Expected result1584×396 PNG with photo background (e.g. office/landscape), text overlay above the name-plate region
Tips
- Sizes verified May 2026. Check platform docs if you're seeing display issues — LinkedIn last changed banner dimensions in 2017 and is stable.
- Mobile crops the banner more aggressively at the top and bottom — keep critical text in the central horizontal band.
- B2B audiences read serif and high-contrast sans-serif headlines best — avoid hyper-stylized fonts.
- If you upload a busy photo background, use bold title weights and a high-contrast text color — the tool has no overlay layer, and switching to gradient mode replaces the photo.
- The recommended LinkedIn cover photo file size is under 8 MB; PNG export from this tool is well under that.
Frequently Asked Questions
What size is a LinkedIn banner in 2026?⌄
1584×396 px (4:1 aspect ratio). This is LinkedIn's documented spec as of May 2026 and has been stable since 2017. The display dimensions match the upload dimensions on desktop.
Where does the profile photo overlap the banner?⌄
The profile photo sits at the lower-left as a ~155 px diameter circle, partially overlapping the bottom of the banner. Keep important text and logos out of that zone — the safe-zone overlay in this tool marks it exactly.
What's the name-plate region?⌄
LinkedIn overlays a translucent panel containing your name, headline, and connection count across the bottom-left of the banner on desktop. It can hide ~90 px of vertical content. The safe-zone overlay shows this region too.
Will mobile crop my banner?⌄
Yes — mobile shows a slightly narrower vertical band, cropping the top and bottom. Keep your critical headline and tagline in the central horizontal band of the design (around the y=170 line in this tool).
Can I use a JPEG instead?⌄
LinkedIn accepts PNG, JPEG, and GIF. PNG is preferred for banners with text or solid colors — it's lossless. This tool exports PNG by default.
Is my uploaded image sent to a server?⌄
No. The image is read via FileReader, drawn to a local Canvas, and exported as a Blob. UtilityKit never sees the file. Test by disconnecting your network after the page loads — the tool keeps working.
What's the maximum file size LinkedIn accepts?⌄
LinkedIn accepts banner photos up to 8 MB. A 1584×396 PNG from this tool typically lands at 50-300 KB, well under the limit.
Why does my banner look soft on LinkedIn?⌄
Almost always because the source upload (especially photo backgrounds) was smaller than 1584×396 and got up-scaled. Export from this tool at full resolution and use a high-resolution source if you upload.
Glossary
- Safe zone
- The area of a banner that's never covered by platform UI (profile photo, name plate, navigation overlays). Important text and logos belong inside the safe zone so all viewers can see them.
- Aspect ratio
- The width-to-height ratio of a banner. LinkedIn banners are 4:1 (1584:396), and any image with a different ratio is cover-cropped by LinkedIn on upload.
- DPI vs px
- Web platforms render based on pixel dimensions, not DPI. A 1584×396 PNG looks identical regardless of its DPI metadata — LinkedIn only checks the px count.
- Transparent zone
- Areas of the banner that LinkedIn covers with overlays — the profile photo (~155 px circle, lower-left) and the name-plate panel (lower portion). Treat these as no-go for important text.
- Name plate
- The translucent or opaque panel containing your name, headline, and connection info that overlays the lower portion of the LinkedIn banner. Width varies by viewport.
- Cover-fit scaling
- An image-scaling strategy that fills the entire canvas while preserving aspect ratio, cropping the overflow. Used here for uploaded backgrounds that don't match LinkedIn's 4:1 ratio.
A LITTLE HELP. A LOT DONE.
Good tools.
Great flow.
Your shortcut to the everyday. Create, convert, calculate,
and get back to what you love.
✳
✳
✓ Free to use✓ No sign-up✓ 500+ possibilities