Most banners fail for one reason: the text is hard to read. Either it blends into a busy photo, it is too small once the image is shrunk on a phone, or it sits under something that covers it. The good news is that a few simple principles fix nearly all of these problems, and you do not need any design training to apply them.
1. Contrast is the most important thing
Contrast is the difference in brightness between your text and the area directly behind it. The Web Content Accessibility Guidelines (WCAG) recommend a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Banner text counts as large, but photos are uneven, so aim higher than the minimum where you can.
Practical ways to get enough contrast:
- White text on dark areas. Look for photos where the right-hand side is shadowed, dark or out of focus.
- Add a gradient overlay. A dark gradient rising from the bottom of the image, which our banner maker adds automatically behind your name, makes white text readable even on brighter photos.
- Avoid high-detail areas. Leaves, crowds, text in the photo and fine patterns break up letter shapes.
A quick test: shrink the banner preview to the size of a phone screen, or step back two metres from your monitor. If you have to squint, the contrast is too low.
2. Pick backgrounds with “negative space”
Negative space is the empty or calm area in a photo. Professional designers deliberately choose images with negative space on one side so text has somewhere to sit. For a LinkedIn banner, that space should be on the right, because your profile picture covers the lower-left corner (explained in our size guide).
Good examples of backgrounds with negative space:
- Skies, seas and horizons
- Blurred offices or desks (shallow depth of field)
- Plain walls, concrete or paper textures
- Abstract gradients and soft light
3. Use one or two fonts, not five
Mixing many fonts makes a banner look amateur. Use a single clean sans-serif family, such as Poppins (the font our tool uses), Inter or Open Sans, and create hierarchy with weight and size instead: a bold, large name and a regular, smaller second line. Decorative script fonts are hard to read at small sizes and should be avoided for anything except a single word.
4. Size text for the smallest screen
On a phone your banner may be shown at a quarter of its real width. In a 1584 × 396 image, keep your main text at around 60–80 pixels tall and secondary text at no less than about 28 pixels. If the text does not fit at that size, the answer is fewer words, not smaller letters.
5. Use colour on purpose
Colour carries meaning. Blues and greys read as calm and trustworthy, which is why they are popular in finance and technology. Greens suggest growth and sustainability. Warm oranges and reds feel energetic and suit creative and hospitality roles. If you have a personal brand colour, pick a background where that colour already appears, so your banner, profile photo and posts feel consistent.
6. Check image quality and rights
Use a photo of at least 1584 pixels wide, otherwise it will look soft when stretched. All photos in our tool come from Unsplash in high resolution, and the Unsplash License allows free commercial and personal use. Avoid images found through general web searches: most are copyrighted, and using them on a professional profile can lead to takedown requests.
7. Less is more
Logos, icons, QR codes, a website, three hashtags and a slogan will not fit legibly in a 4:1 strip. Choose one message, place it on the right with good contrast, and let the background do the rest.
Quick readability checklist
- Text is on a calm, contrasting part of the image.
- No more than two text lines and one font family.
- Main text is roughly 60–80 px tall in the full-size file.
- Nothing important sits in the lower-left corner.
- The photo is high resolution and you have the right to use it.
Want to avoid the most common errors? Read 8 LinkedIn banner mistakes and how to fix them.
Make your banner now: the free Social Banner Maker exports a ready-to-upload 1584 × 396 PNG in under a minute, with no sign-up.