icons - 2020 年我应该为我的网站创建哪些图标？

Question

我已经制作网站很多年了，并且总是创建一个 favicon.ico。

但多年来，出现了许多其他“标准”图标，适用于 mac、windows、android、iphone 等。

就我个人而言，我一直忽略它们......但也许至少放一些是合适的？

• 但哪些值得穿？
• 什么尺寸和格式？
• 他们应该怎么称呼？（文件名，如 favicon.ico）
• 放在哪里？都在根里？

拥有与否，是否会影响网站的 SEO 和搜索引擎索引？

标签： iconsfavicon

Answer 1

从技术角度来看，单个 SVG 图标将是一件好事。我希望您可以单独针对每个平台：

iOS Safari - https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

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">