Twitch Sub Badge MakerTwitch 订阅徽章生成器

Twitch Sub Badges, ExplainedTwitch 订阅徽章详解

What are Twitch subscriber badges for?Twitch 订阅徽章是做什么的？

Subscriber badges are the tiny icons that sit next to a viewer's name in chat. At a glance, they tell everyone how long that viewer has supported the channel: month one, three months, a year, three years and beyond. For a streamer, a badge set is a loyalty system made visible. For a viewer, wearing a custom badge is a flex — it says "I am part of this community." That is why channels that put real effort into their badge sets consistently report faster sub growth than channels that leave the default grey badges on.

订阅徽章是显示在观众聊天名旁边的小图标。一眼望去，它能告诉所有人这位观众支持了频道多久：第一个月、三个月、一年、三年甚至更久。对主播来说，一套徽章让忠诚度体系变得可见；对观众来说，佩戴定制徽章是一种身份的彰显——它在说「我是这个社区的一员」。这就是为什么用心设计徽章的频道，订阅增长总是快于那些还在用默认灰色徽章的频道。

What sizes does Twitch actually use?Twitch 实际使用哪些尺寸？

Twitch renders sub badges at three display sizes: 18px in regular chat, 36px on the about panel and subscription picker, and 72px in tier previews. The long-standing upload standard is a 36×36 transparent PNG, and many streamers now upload a 72×72 master so modern high-DPI screens stay crisp. This maker does not force you to choose. It draws your design on a 512-pixel high-resolution canvas, then downsamples with high-quality smoothing to exactly 18, 36 and 72 pixels. The three mini previews under the controls show each size at 100% zoom, so you can finally judge your badge the way chat really sees it.

Twitch 会以三种显示尺寸渲染订阅徽章：普通聊天区 18px、频道简介面板和订阅选择器 36px、等级预览 72px。长期以来的上传标准是 36×36 透明 PNG，如今许多主播改传 72×72 主图，让高分屏显示更锐利。本工具不逼你二选一：它把你的设计绘制在 512 像素的高清画布上，再以高质量平滑算法精确缩小到 18、36、72 像素。控件下方的三个小预览按 100% 缩放显示每个尺寸，你终于可以像聊天区真实呈现的那样审视自己的徽章。

Design rules for a badge that survives 18 pixels让徽章在 18 像素下依然成立的设计法则

• One idea, one symbol. At 18px, a detailed illustration collapses into noise. A bold letter, a crown, a flame or a simple heart reads instantly. If you cannot describe your badge in three words, it is too busy.
• 一个概念、一个符号。在 18px 下，复杂插画会塌缩成噪点。粗体字母、皇冠、火焰或简单的心形才能被瞬间识别。如果你无法用三个词描述自己的徽章，那它就太杂了。
• Maximize contrast. Twitch chat runs on light and dark themes. A badge with white text on a saturated fill survives both; low-contrast pastels vanish on a dark background.
• 把对比拉满。Twitch 聊天有亮色和深色两种主题。高饱和底色配白字在两种主题下都能存活；低对比的粉彩色在深色背景上会直接消失。
• Keep marks off the edges. Leave a small safe margin inside the circle or square. Tight edges get clipped by the browser's rounding and look cut off in chat.
• 元素远离边缘。在圆形或方形内部留出一圈安全边距。贴边的图形会被浏览器的圆角裁切，在聊天里显得缺了一块。
• Build a progression, not a one-off. Best badges tell a story: a grey chip at month one, a silver version at three, a gold crown at twelve. Change only one variable per tier — color, size or ornament — so the set feels like one family.
• 做一套成长体系，而不是一次性徽章。最好的徽章会讲故事：一个月是灰片，三个月是银色版，一年是金色皇冠。每级只改变一个变量——颜色、大小或装饰——整套徽章才像一家人。

Why draw high-res and downscale?为什么要高清绘制再缩小？

If you draw directly at 18 pixels, curved edges and text get jagged the moment you scale up to 36 or 72. Drawing at 512 and downsampling means the circle stays a perfect circle and the letter stays legible at every export. This is the same reason professional icon designers work on a 1024px grid and export down: the master carries the detail, the small files inherit the smoothness. Our export pipeline does this automatically for all three sizes, and because the background is fully transparent, the PNG drops straight into Twitch's upload screen with no editing needed.

如果你直接在 18 像素下绘制，圆形边缘和文字一旦放大到 36 或 72 就会出现锯齿。先在 512 像素绘制再缩小，意味着圆形永远是完美的圆，字母在每个导出尺寸下都清晰可读。这正是专业图标设计师在 1024 网格上创作再向下导出的原因：主图承载细节，小文件继承平滑。我们的导出管线会自动为三个尺寸完成这一步，而且背景完全透明，PNG 可以直接拖进 Twitch 上传界面，无需任何后期编辑。

Beyond Twitch: where else do these badges work?不止 Twitch：这些徽章还能用在哪里？

A transparent 72px badge PNG is a universal asset. Use the 72px file as a Discord server role icon, the 36px version as a Kick or YouTube membership badge, and the 18px one inline in your community docs. If you outgrow simple letters, our Custom Shape Badge adds shields, stars, hearts and hexagons with metallic and gradient finishes, and our Achievement Badge Maker is built for game-style unlock icons. For deeper reading on how games structure unlock icons and reward tiers, see Achievement Badge Design for Games & Gamification.

一张 72px 的透明徽章 PNG 是通用素材。72px 文件可以当 Discord 服务器身份组图标，36px 版可以做 Kick 或 YouTube 会员徽章，18px 版可以嵌进你的社区文档。当简单字母无法满足你时，自定义形状徽章提供盾牌、星星、心形和六边形，并带金属与渐变质感；成就徽章生成器则专为游戏风解锁图标而生。想深入了解游戏如何设计解锁图标与奖励等级，请看《游戏与游戏化场景的成就徽章设计》。

Uploading the badges to your channel把徽章上传到你的频道

Once your three PNGs are on disk, opening the Twitch dashboard takes about a minute. Head to Viewer Rewards, then Loyalty, then Subscriber Badges, and you will see a row of empty slots for each tenure tier. The 36px file goes into the standard slot for every tier; if Twitch asks for a larger master, upload the 72px export instead. Save, start a test subscription on an alt account, and open your own chat at 18px zoom — this is the moment of truth, because the tiny chat render is where most badges fail. If the letter dissolves into a blob, come back here, make the symbol chunkier, drop the ornament, and re-export. Iterating is normal: professional channel designers usually try three or four versions before the first badge set ships. The payoff is real, though. Viewers who can see a visible badge climbing next to their name are visibly more likely to renew month after month, because the badge turns an abstract subscription into a small, collectible progress bar.

三张 PNG 存好后，打开 Twitch 后台大约只要一分钟。进入「观众奖励」，再到「忠诚度」，再到「订阅徽章」，你会看到一排按入驻时长划分的空位。36px 文件放进每个等级的标准位；如果 Twitch 要求更大的主图，就改传 72px 导出。保存后用小号测试订阅一次，再以 18px 缩放打开自己的聊天区——这是真正的考验时刻，因为小尺寸的聊天渲染正是大多数徽章翻车的地方。如果字母糊成一团，就回到这里：把符号做厚一点、去掉装饰、重新导出。反复迭代很正常：专业频道设计师通常要试三四个版本才会发布第一套徽章。但回报是真实的。能看到自己名字旁边徽章逐级攀升的观众，续订月费的意愿明显更强，因为徽章把抽象的订阅变成了一条看得见、可收集的进度条。

A note on privacy关于隐私的说明

Most badge and icon generators run your design through a server, watermark the result, or lock size exports behind a subscription. This page does the opposite: the whole tool is a single HTML file that renders with Canvas in your own browser. Your badge never touches a network request, there is no account to create, and the page keeps working offline after the first load. Designing for your community should be private, fast and free — that is the whole point of Meme & Badge Factory.

大多数徽章和图标生成器会把你的设计上传到服务器、给成品加上水印，或把多尺寸导出锁在订阅后面。这个页面反其道而行：整个工具就是一个用 Canvas 在你浏览器里渲染的 HTML 文件。你的徽章不会发出任何网络请求，不需要注册账号，首次加载后离线也能用。为社区做设计本该是私密、快速且免费的——这正是 Meme & Badge Factory 的全部意义。

Ready to ship your first badge? Type a letter above, check the 18px preview, and download all three sizes in one click. Build the next tier in a different color, and before long your chat will wear a complete loyalty set you made yourself.

准备好发布你的第一枚徽章了吗？在上方输入一个字母，看看 18px 预览，一键下载全部三个尺寸。换个颜色再做下一级，用不了多久，你的聊天区就会戴上一套完全由你亲手设计的忠诚度徽章。