Skip to content

Add OpenGraph image#11987

Merged
LitoMore merged 4 commits into
badges:masterfrom
LitoMore:add-og-image
Jul 4, 2026
Merged

Add OpenGraph image#11987
LitoMore merged 4 commits into
badges:masterfrom
LitoMore:add-og-image

Conversation

@LitoMore

@LitoMore LitoMore commented Jul 1, 2026

Copy link
Copy Markdown
Member

Adds an OpenGraph image for a better visual in X/Twitter and other link-share previews.

The opengraph.svg is the design source file. It's designed with GPT-5.5.

And I stored some badges used on the OpenGraph image to the opengraph-badges/ folder so that you can build the PNG image without network.

Preview

image

@github-actions

github-actions Bot commented Jul 1, 2026

Copy link
Copy Markdown
Contributor
Messages
📖 ✨ Thanks for your contribution to Shields, @LitoMore!

Generated by 🚫 dangerJS against 8d7d56d

@PyvesB

PyvesB commented Jul 1, 2026

Copy link
Copy Markdown
Member

stars | community feels a little odd, don't we generally render a star rating in these kind of badges?

@LitoMore

LitoMore commented Jul 3, 2026

Copy link
Copy Markdown
Member Author

Ah yeah, I've updated the stars | community badge to ratings badge, and changed the static | customized to the npm badge with logo.

@PyvesB

PyvesB commented Jul 3, 2026

Copy link
Copy Markdown
Member

Thanks for the update! The last thing that doesn't look quite realistic is the colors (e.g. yellow for MIT). Could you make a pass over those to ensure they are in line with what would be shown in real badges?

@LitoMore

LitoMore commented Jul 4, 2026

Copy link
Copy Markdown
Member Author

Done. I also updated other badges to the correct color.

@PyvesB PyvesB left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! Looks good to me, we can always iterate more later on :)

@LitoMore LitoMore added this pull request to the merge queue Jul 4, 2026
Merged via the queue into badges:master with commit 6209280 Jul 4, 2026
20 checks passed
@LitoMore LitoMore deleted the add-og-image branch July 4, 2026 20:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants