Favicon.ico-浏览器中的网站图标
之前，它推出了一个网站，并添加一个图形文件， 网站图标，以显示在浏览器中的地址栏。 在大多数情况下，收藏夹图标是图形徽标的缩略图或相应网站的缩写。 添加此图标可以帮助用户快速识别书签中的网址。
直到最近，该文件仍必须是“的favicon.ico”，由网络浏览器识别。 Chrome、Internet Explorer、Opera、 Safari、火狐等。
几年来，随着新的推进网络语言， HTML5 si CSS3，网站图示可以是一个 PNG文件 或 。JPG。 的条件是在网站上的该首标， 之前，成为这一行：
iOS 网站图标 - iPhone、iPad 和 iPod Touch
In iOS 我们可以添加 网页快捷方式 pe 主屏幕该 iPhone, iPad的 si iPod的触摸.
如何在网站上添加快捷方式 iPhone、iPad 和 iPod 主屏幕
我们通过打开一个网页来做到这一点 iPhone (Safari、Chrome 等互联网浏览器），单击带箭头的方块（iOS 中“共享”的标志），然后选择“Add 到主屏幕“。
如果网站已设置图标您的浏览器，但不能设置 iOS设备特定图标的网站，屏幕上会出现一个图标组成的 图片预览 网页。
如何添加网页图标 iPhone、iPad 和 Android。
所述第一个步骤是 创建一个图像图标出现在 主屏幕中国共产党的iDevice社区。 对于网页图标上的所有设备，并清楚地看到兼容，我们必须创造形象 对于所有决议 iPhone 和 iPad.
分辨率和标准图标大小 iPhone、iPad、iPod 和 Android
- 的经典型号 iPhone / iPod = 57 × 57
- iPad = 76×76
- iPhone / iPod 视网膜 = 120 × 120
- iPad 视网膜 = 152×152
- iPhone 6 / 6S 加 = 180 × 180
Apple 定期更新 建议图标大小网站 应用程序 si 网页 pe 此页.
对于设备Android，图标是两个方面：
- Android经典版= 128×128
- 具有高分辨率（高分辨率）的Android = 192×192
制作完图像后，将其上载到Web服务器上以及网站的HTML源中，然后关闭，添加了以下几行：
<链接href=”/apple-touch-icon.png“ rel =”apple-touch-icon” /> <链接href=”/apple-touch-icon-76×76.png“ rel =”apple-touch-icon” sizes =” 76×76''/> <链接href=”/apple-touch-icon-120×120.png“ rel =”apple-touch-icon” sizes =” 120×120''/> <链接href=”/apple-touch-icon-152×152.png“ rel =”apple-touch-icon” sizes =” 152×152''/> <链接href=”/apple-touch-icon-180×180.png“ rel =”apple-touch-icon” sizes =” 180×180''/>
对于设备 Apple，.PNG图片名称和“ rel =“必须包含前缀”apple-”。 对于Android，文件名将为“图标hires.png“和”图标normal.png“ With rel =”图标“。
并非绝对需要为每种分辨率创建图像。 您可以使图像分辨率最高，而分辨率较低的设备会识别该图像并将其设置为图标。
该网站的快捷方式图标看起来类似于任何 对于iOS应用程序.
