回答
你需要为Base64标志 您可以使用http://b64.io/你PNG转换为Base64编码 的链接必须是实体逃脱 你的形象是为URI太大,可以将其扩展到高度14px的。
这里是一个3步指南使用一个标志,例如the GitHub logo,在盾/徽章。
编码以Base64图像。
Base64是一组类似的二进制到文本编码方案,通过将其转化为基数64表示代表ASCII字符串格式的二进制数据。术语Base64起源于特定的MIME内容传输编码。
下载the image并使用许多在线工具之一,例如, http://b64.io/,对其进行编码。
结果是一个以data:image/png; base64,开头的字符串,后面跟着一串很长的字符。编码百分比编码的Base64字符串。
从百分比编码Wikipedia
,也被称为URL编码,为在某些情况下在一个统一资源标识符(URI)编码的信息的机制。虽然它被称为URL编码,但实际上,它更常用于包含统一资源定位符(URL)和统一资源名称(URN)的主统一资源标识符(URI)集。
以非常长的Base64字符串并使用(再次)许多在线工具之一,例如, http://meyerweb.com/eric/tools/dencoder/,对字符串进行编码。
某些字符将被替换为%
后跟两个十六进制数字。例如,/
被替换为%2F
。最后,在
?logo=
后面加上编码后的字符串到你的盾牌URL。举例来说:https://img.shields.io/badge/gadget-Raspberry%20Pi-pink.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMTIgMTIgNDAgNDAiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiwxMy40Yy0xMC41LDAtMTksOC41LTE5LDE5YzAsOC40LDUuNSwxNS41LDEzLDE4YzEsMC4yLDEuMy0wLjQsMS4zLTAuOWMwLTAuNSwwLTEuNywwLTMuMiBjLTUuMywxLjEtNi40LTIuNi02LjQtMi42QzIwLDQxLjYsMTguOCw0MSwxOC44LDQxYy0xLjctMS4yLDAuMS0xLjEsMC4xLTEuMWMxLjksMC4xLDIuOSwyLDIuOSwyYzEuNywyLjksNC41LDIuMSw1LjUsMS42IGMwLjItMS4yLDAuNy0yLjEsMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEsMC43LTMuNywyLTUuMWMtMC4yLTAuNS0wLjgtMi40LDAuMi01YzAsMCwxLjYtMC41LDUuMiwyIGMxLjUtMC40LDMuMS0wLjcsNC44LTAuN2MxLjYsMCwzLjMsMC4yLDQuNywwLjdjMy42LTIuNCw1LjItMiw1LjItMmMxLDIuNiwwLjQsNC42LDAuMiw1YzEuMiwxLjMsMiwzLDIsNS4xYzAsNy4zLTQuNSw4LjktOC43LDkuNCBjMC43LDAuNiwxLjMsMS43LDEuMywzLjVjMCwyLjYsMCw0LjYsMCw1LjJjMCwwLjUsMC40LDEuMSwxLjMsMC45YzcuNS0yLjYsMTMtOS43LDEzLTE4LjFDNTEsMjEuOSw0Mi41LDEzLjQsMzIsMTMuNHoiLz48L3N2Zz4%3D
对应于。你可以尝试使用这个。
提示:有时第2步或第3步的编码字符串可能太长而无法使用。然后,您应该尝试缩小图像的大小(总像素),然后重试。
- 1. 通过shields.io徽章添加SonarQube覆盖
- 2. shields.io上的某些徽章如何避免在其url中使用base-64
- 3. 如何在UIBarbutton项上添加徽章?
- 4. ionic 2如何在选项卡中增加徽章
- 5. 如何在Trigger.io的原生选项卡栏中显示徽章?
- 6. 图标徽章数量*无”等多项
- 7. Mahapps metro徽章控制如何更新徽章的价值
- 8. 选项树默认徽标
- 9. iPhone - 使用'*'作为徽章
- 10. 如何使用pushWoosh更新iOS徽章?
- 11. 图标徽章通知
- 12. 更新徽章图标
- 13. 如何将徽章更靠近图标?
- 14. 徽章在Android TabHost
- 15. 中心导航栏中有中心的徽章(徽标)
- 16. 如何添加TabBar徽章?
- 17. 徽章/成就
- 18. 徽章BottomNavigationView
- 19. shinydashboard徽章menuitem
- 20. 在@ Html.ActionLink中使用Bootstrap徽章
- 21. 在标签页中添加徽章
- 22. 如何在CustomTabbarItem中设置徽章值
- 23. 如何从应用程序代理设置选项卡徽章
- 24. 角度2使mdl徽章数据徽章内容动态
- 25. 如何使用Cocoa在我的Dock图标上绘制徽章?
- 26. 如何在iOS 10中设置应用图标徽章号码?
- 27. 仅使UILocalNotifications显示徽章
- 28. 推送通知 - 应用徽章图标
- 29. 有关的徽章
- 30. PagerSlidingTabStrip:ViewPager徽章号码