icons - 2020 年我应该为我的网站创建哪些图标?
问题描述
我已经制作网站很多年了,并且总是创建一个 favicon.ico。
但多年来,出现了许多其他“标准”图标,适用于 mac、windows、android、iphone 等。
就我个人而言,我一直忽略它们......但也许至少放一些是合适的?
- 但哪些值得穿?
- 什么尺寸和格式?
- 他们应该怎么称呼?(文件名,如 favicon.ico)
- 放在哪里?都在根里?
拥有与否,是否会影响网站的 SEO 和搜索引擎索引?
解决方案
从技术角度来看,单个 SVG 图标将是一件好事。我希望您可以单独针对每个平台:
Android Chrome - https://developers.google.com/web/fundamentals/web-app-manifest/
Edge 和 IE 12 - https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/dn320426(v=vs.85)
桌面浏览器 -
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<link rel="shortcut icon" href="/icons/favicon.ico">