Guide · LinkedIn

Use coolreadme cards as LinkedIn headers and posts

LinkedIn does not render live SVG URLs the way GitHub does. Open a card in your browser, export or screenshot it as PNG, then upload that file wherever LinkedIn accepts images.

Which cards to export

Choose a wide card such as cinematic, hacker, avatar-card, social-card, article-card, or docs-card. Open the SVG URL in a browser and export it to PNG before uploading it to LinkedIn.

LinkedIn header banner

LinkedIn headers are 1584×396. Our cards are 800×400 — close to the right aspect ratio but not pixel-matched. Export at 2× resolution, then crop the PNG to LinkedIn’s banner ratio. SVG remains crisp at any export size.

Featured posts

When you post on LinkedIn with an image attached, the image is the hero. A clean, dev-flavored cinematic card outperforms a generic stock photo every time. Use the `article-card` endpoint with your post title — `?title=...&excerpt=...&author=yourname&theme=dark`. Save the PNG, upload to LinkedIn, paste your text. Done.

Profile photo and banner together

If you want a coherent look, use `avatar-card` for your About section image and `social-card` for your banner. Both will pull your real GitHub avatar via `https://avatars.githubusercontent.com/{username}` so the visual identity matches everywhere.

Why not animate?

LinkedIn supports GIF in some surfaces but not in the banner or About section. Save animations for your GitHub profile README. For LinkedIn, lean into static PNG — cleaner, more recruiter-friendly, easier to thumbnail.

Step by step

  1. 01

    Open the card URL in a browser

    For example: https://coolreadme.xyz/api/social-card?title=ML+Engineer&user=yourname&style=brutalist

  2. 02

    Export to PNG

    Open the SVG in a browser and export or screenshot it at 2× resolution.

  3. 03

    Upload to LinkedIn

    Use as your banner, About image, or featured post image.

  4. 04

    Refresh card occasionally

    Change a param every few months — keeps your profile looking active.