# 管理员：徽章图标与图片的区别是什么？
**URL:** https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609
**Category:** Support
**Created:** [2015年二月24日 14:26 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609 "2015-02-24T14:26:44Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@downey](https://meta.discourse.org/u/downey)
#### Post date: [2015年二月24日 14:26 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/1 "2015-02-24T14:26:44Z")
When creating or editing a badge, there are text fields for both “Icon” and “Image”. However, both use the same help description: **Use either a Font Awesome class or URL to an image**.
As an admin, I ask:
- What’s the actual difference between the two?
- Should we enter something for one, the other, or both fields?
This is a bit confusing as it stands now. 😖
PS: Maybe a link to the current (well, out-dated) available FA icon classes would help admins know what to type here, too.
---
### Author:  [@sigurdur](https://meta.discourse.org/u/sigurdur)
#### Post date: [2015年二月24日 15:26 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/2 "2015-02-24T15:26:26Z")
I agree, the UI does not explain what the difference is between “Icon” and “Image”.
But if I would have to venture a guess, an icon simply means the tiny image, and the image means when you look at the badge’s page you get this fancy image … but I would have to look at the source to know what the difference is for sure.
As for the PS
Unfortunately, I haven’t managed to get links to appear properly in the description fields on the settings page, but if you’re looking for FA icon classes then look no further than [Font Awesome](http://fontawesome.io/icons/)
---
### Author:  [@downey](https://meta.discourse.org/u/downey)
#### Post date: [2015年二月24日 15:30 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/3 "2015-02-24T15:30:50Z")
> [@sigurdur](#):
>
> if you’re looking for FA icon classes then look no further than [Font Awesome](http://fontawesome.io/icons/)
Yes, familiar with that page as we it’s an upstream component of our own software. Unfortunately, Discourse is using a ~~very old~~ version from Nov 5, 2013, when ~~many~~ 150 of the current icons listed weren’t yet included. Update is rumored to be coming someday soon. 🙂
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2015年二月24日 16:42 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/4 "2015-02-24T16:42:02Z")
“Very” old? I’ve told you a million times to stop exaggerating…
---
### Author:  [@downey](https://meta.discourse.org/u/downey)
#### Post date: [2015年二月24日 16:49 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/5 "2015-02-24T16:49:12Z")
Fair enough. Updated to show the Nov 5, 2013 release date. 🙂
---
### Author:  [@boushleyExtra](https://meta.discourse.org/u/boushleyExtra)
#### Post date: [2015年四月21日 21:37 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/6 "2015-04-21T21:37:05Z")
I thought I had found a bug, but it’s probably just the UI being unclear about the difference between icon and image.
To make matters worse the help text reads “Use either a Font Awesome class or URL to an image” and there is one field titled “Icon” and another titled “Image”. When I saw this I assumed I either put a font awesome class into the icon field, or I put an image url into the image path.
After trying to “debug” this for a while I finally figured that I was supposed to put a Font Awesome class or image URL into each box. Icon is for small badges image is for (not sure where this is used yet).
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2015年四月21日 22:44 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/7 "2015-04-21T22:44:59Z")
It’s used on the user card, what you get when you click or tap your avatar or @username here.
---
### Author:  [@boushleyExtra](https://meta.discourse.org/u/boushleyExtra)
#### Post date: [2015年四月22日 20:37 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/10 "2015-04-22T20:37:13Z")
Ok, I see where it’s used now.
Thanks for the clarification.
---
### Author:  [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [2016年二月6日 13:20 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/11 "2016-02-06T13:20:18Z")
I still can’t understand what is what - may someone elaborate, please?
---
### Author:  [@Yuun](https://meta.discourse.org/u/Yuun)
#### Post date: [2016年二月6日 14:42 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/12 "2016-02-06T14:42:07Z")
The “Image” field creates a badge image that will show up using the “User Card Badge” preference option. This badge image will show up on the lower-right hand corner of the user card if selected (as far as I can tell, not frequently used).
The “Icon” field is what shows up for the badge everywhere else.
---
### Author:  [@Peter\_Galvin](https://meta.discourse.org/u/Peter_Galvin)
#### Post date: [2020年二月12日 16:40 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/13 "2020-02-12T16:40:36Z")
我希望创建一个名为“staff”的新徽章，并让每位员工都拥有该徽章。
我有一张想用作徽章的图片。
但我不能直接上传这张图片来使用吗？是否需要先将其发布到网上，获取一个 URL，然后在 Discourse 的徽章设置中关联该链接？
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2024年六月8日 12:37 UTC](https://meta.discourse.org/t/admin-badge-icon-vs-image-whats-the-difference/25609/14 "2024-06-08T12:37:02Z")
此主题已在 3391 天后自动关闭。不再允许回复。