Subscriber Badges (also called Loyalty Badges) are the ultimate status symbol in Twitch chat. They appear next to a viewer's name to show exactly how many consecutive months they have supported your channel. Because they render at extremely tiny sizes, getting the design right is far harder than most streamers expect.
📏 Required Dimensions
Unlike emotes, badges do not have an auto-resize feature (yet). You must upload three exact sizes:
- 18 × 18 px (Small - Chat)
- 36 × 36 px (Medium - Retina)
- 72 × 72 px (Large - Preview)
Format: PNG (Transparent) only. No GIFs allowed for badges.
Why 18px is Hard
18 pixels is incredibly small. Most beginners design a detailed badge at 500px and shrink it down, resulting in a blurry smudge.
Design Rule #1: Design for the 18px version first. If it looks good at 18px, it will look great at 72px. If you start big, you will fail.
Good Badge Ideas
- Simple Shapes: Stars, Hearts, Gems, Coins.
- High Contrast: Use bright colors with a dark outline.
- Evolution: Change the color (Bronze > Silver > Gold) or add detail (Egg > Cracked Egg > Dragon) as months go by.
Standard Tier Milestones
Twitch allows you to convert standard badges to "Loyalty Badges" that update automatically:
- Base (New Sub)
- 2 Months
- 3 Months
- 6 Months
- 9 Months
- 1 Year
Don't feel pressured to fill every slot immediately. Start with a Base badge and a 6-Month badge. Add more tiers as your community grows and your visual identity solidifies.
The Golden Rule: Design at 18px First
Most beginners design a beautiful, detailed badge at 500 × 500px and then shrink it down, only to find a blurry, unrecognizable smudge in chat. This is the most common sub badge mistake.
Open your design tool, create an 18 × 18px canvas, zoom in to 1600%, and design directly at that scale. If it looks recognizable at 18px, scale it up. If you start at 500px and shrink, you will fail 90% of the time.
Design Principles for Tiny Badges
1. Use High Contrast Colors
Twitch chat has both dark and light themes. Your badge must be visible in both. Use bright, saturated fills against dark outlines. Avoid gray or muted pastels — they vanish at small sizes.
2. Never Use Text
Even two letters become completely illegible at 18px. Stick entirely to shapes, icons, and recognizable symbols.
3. Simple Shapes Win
The most successful badges are built from simple geometric forms: stars, hearts, gems, coins, crowns. Complex illustrations with multiple elements collapse into noise at 18px.
4. Add a 1px Dark Stroke
Always add a 1px dark (black or very dark) outline around your main shape. This keeps your badge visible against both Twitch's dark chat and light-mode backgrounds. Without it, bright badge colors will bleed into the background.
Badge Evolution Ideas That Work
The best badge sets tell a visual story that escalates with loyalty:
- Color Evolution: Bronze coin → Silver coin → Gold coin → Diamond coin. Same shape, increasingly valuable color.
- Growth Theme: Seed → Sprout → Tree → Ancient Tree. Great for cozy or nature-themed channels.
- Weapon Tier: Wooden Sword → Iron Sword → Steel Sword → Legendary Sword. Perfect for RPG streamers.
- Cosmic Theme: Star → Planet → Sun → Galaxy. Visual scale increases with loyalty milestones.
Recommended Free Design Tools
| Tool | Best For | Cost |
|---|---|---|
| Canva | Beginners, quick designs | Free |
| Figma | Precise pixel control | Free for basic use |
| GIMP | Pixel art at 18px scale | 100% Free |
Common Mistakes to Avoid
- Uploading JPG instead of PNG: Twitch requires PNG with transparent background. JPG will create a visible white box around your badge in chat.
- Designing only at 72px: Your 72px looks great but your 18px becomes a blurry blob. Always test at 18px before finalizing.
- Gradients at 18px: Gradients look beautiful at large sizes but become a muddy blur at 18px. Use flat, solid colors for the smallest tier.
- Too many colors: Limit yourself to 2–3 colors per badge at the 18px tier. More colors = more confusion at small sizes.
Frequently Asked Questions
Can I use animated GIFs for sub badges?
No. Twitch does not support animated GIFs for subscriber badges. Sub badges must be static PNG files. Animated emotes are a separate product with different requirements.
Do I need to upload all three sizes?
Yes. Twitch requires all three exact sizes (18px, 36px, and 72px) for each badge tier. Missing any one size will prevent the badge from saving.
Who can upload custom sub badges?
All Twitch Affiliates and Partners can upload custom subscriber badges. Go to Creator Dashboard → Viewer Rewards → Subscriptions → Sub Badges.
What if I don't upload custom badges?
Twitch will use their default generic subscriber badge. It appears in chat but doesn't represent your channel brand. Custom badges are one of the fastest ways to improve your community feel without spending any money.
Need to Resize Your Badge Files?
Use our free Twitch Emote Resizer to instantly generate all three required badge sizes from one source file.
Open Emote Resizer →Want Pro Sub Badges Without Designing Them?
Skip the artwork entirely. OWN3D has professionally designed Twitch sub badge sets — pre-sized to all three required dimensions and ready to upload to your channel.
Browse Sub Badges → Affiliate link — we may earn a commission at no extra cost to you.