# Custom badge image guidelines
**URL:** https://meta.discourse.org/t/custom-badge-image-guidelines/357781
**Category:** Support
**Tags:** badges
**Created:** [March 18, 2025, 3:12pm UTC](https://meta.discourse.org/t/custom-badge-image-guidelines/357781 "2025-03-18T15:12:01Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [March 18, 2025, 3:12pm UTC](https://meta.discourse.org/t/custom-badge-image-guidelines/357781/1 "2025-03-18T15:12:01Z")
I’m about to ask our design team to create some custom badge images for us.
Before I do that, it would be useful to know what guidelines those images should follow 😅
Obvs square. Anything else? Image format? Resolution? …?
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [March 18, 2025, 5:27pm UTC](https://meta.discourse.org/t/custom-badge-image-guidelines/357781/3 "2025-03-18T17:27:48Z")
Good question!
The badges are usually rendered at ~ 14x14, 16x16, or 56x56px.
The size can vary because it’s usually relative to the element font size.
But it gives you an idea of the baseline size you can aim for.
Also:
- 1:1 ratio
- SVG for scaling with a smaller image or PNG transparent with a larger image; it depends on what you want to show.
- Keep in mind the dark mode for the color
- Keep in mind the badge type if needed
- Keep in mind how it will be displayed at a small size
That’s all I can think of for now.
You could also consider creating a custom SVG icon If I’m correct. This way, it will scale nicely with the proper color (also easier to change later).
I hope that helps.
---
### Author:  [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [September 17, 2025, 10:10pm UTC](https://meta.discourse.org/t/custom-badge-image-guidelines/357781/4 "2025-09-17T22:10:21Z")