图标

1-minute read
Web Development • Icons • HTML • Mobile Web

提供出色的图标 🔗︎

当用户访问您的网页时，浏览器会尝试从 HTML 提取图标。图标可能出现在许多地方，包括浏览器标签、最近的应用切换、新的（或最近访问的）标签页面等

比如添加到主屏幕 （its Home screen icon (or the Web Clip icon), and its startup image）

<!-- icon in the highest resolution we need it for -->
<link rel="icon" sizes="192x192" href="icon.png">

<!-- reuse same icon for Safari -->
<link rel="apple-touch-icon" href="ios-icon.png">

<!-- multiple icons for IE -->
<meta name="msapplication-square310x310logo" content="icon_largetile.png">

twitter:

alipress:

taobao:

这个是ios7的情况下会加一个gloss effect 不过现在已经不加了

Favicons.ico不推荐

192 114

定义浏览器元素的颜色 🔗︎

Chrome 和 Opera 的元主题背景色 🔗︎

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4">

地址栏颜色：

设置启动图片 🔗︎

Safari 🔗︎

<link rel="apple-touch-startup-image" href="icon.png">