我应该在 2020 年为我的网站创建哪些图标?
What icons should I create for my website in 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">
我做网站已经很多年了,一直以来都是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">