好问题!
徽章通常渲染为约 14x14、16x16 或 56x56 像素。
大小可能会有所不同,因为它通常相对于元素的字体大小。
但这可以让你对可以瞄准的基础大小有一个概念。
另外:
- 1:1 比例
- SVG 用于缩放较小的图像,或 PNG 透明用于较大的图像;这取决于你想展示什么。
- 考虑颜色(深色模式)
- 如果需要,考虑徽章类型
- 考虑它在小尺寸下的显示效果
目前我想到的就这些了。
如果我没记错的话,你也可以考虑创建一个自定义 SVG 图标。这样,它就可以很好地缩放并具有正确的颜色(以后也更容易更改)。
希望这有帮助。