favicon.ico – 浏览器中的网站图标
在网站启动之前,会添加一个图形文件, Favicon,它将出现在浏览器的地址栏中。在大多数情况下,网站图标是图形徽标的缩略图或相应网站的缩写。添加此图标是为了帮助用户更快地识别书签中的网址。


直到最近,该文件还必须采用以下形式 “图标.ico“,由网络浏览器识别。 Chrome、Internet Explorer、Opera、Safari、Firefox 等
多年来,随着新网络语言的进步, HTML9 和 CSS3, favicon 也可以是其中之一 费西尔.png 或者 .jpg。条件是在网站标题中, 前 </头>,该行应该存在:
<链接关系=”快捷方式图标” 链接=”/图片/favicon.ico” 类型=”图像/x-图标” />
iOS 的网站图标 – iPhone、iPad 或 iPod Touch
在 IOS 我们可以添加 网页快捷方式 PE 主屏幕-uliPhone,,,, iPad 和 iPod触摸。
如何在 iPhone、iPad 和 iPod 主屏幕上添加网站快捷方式
为此,我们在 iPhone(Safari、Chrome 等互联网浏览器)上打开一个网页,按带有箭头的方块( “分享” 在 iOS 中),然后是选项 “添加到主屏幕“。
如果网站为浏览器设置了 favicon,但未设置 iOS 设备的特定图标,屏幕上会出现一个由 a 组成的图标 想象预览 网页的。
如何为 iPhone、iPad 和 Android 添加网页图标。
第一步是他我们为图标创建一个图像,它将出现在 主屏幕-ul idevice-ului. Pentru ca web iconul sa fie compatibila pe toate device-urile si sa se vada clar, trebuie sa creem imaginea pentru toate rezolutiile de iPhone si iPad。
Rezolutiile si marimile standard ale iconurilor pentru iPhone, iPad, iPod si Android
- Modelele clasice de iPhone / iPod = 57×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad Retina = 152×152
- iPhone 6/6S Plus = 180×180
Apple actualizeaza regulat dimensiunile recomandate pentru iconURL 申请 和 网页 PE acesta pagina。
Pentru device-urile Android, icon-urile sunt de doua dimensiuni:
- Android clasic = 128×128
- Android cu rezolutie mare (hi-res) = 192×192

Dupa ce avem facute imaginile, se urca pe web server, iar in sursa HTML a website-ului, inainte de inchiderea </头>, se adauga liniile urmatoare:
<link href=”/apple-touch-icon.png” rel=”苹果触摸图标” /> <link href=”/apple-touch-icon-76×76.png” rel=”苹果触摸图标” 尺寸=”76×76″ /> <link href=”/apple-touch-icon-120×120.png” rel=”苹果触摸图标” 尺寸=”120×120″ /> <link href=”/apple-touch-icon-152×152.png” rel=”苹果触摸图标” 尺寸=”152×152″ /> <link href=”/apple-touch-icon-180×180.png” rel=”苹果触摸图标” 尺寸=”180×180″ /> <link href=”/icon-hires.png” rel=”图标” 尺寸=”192×192″ /> <link href=”/图标-正常.png” rel=”图标” 尺寸=”128×128″ />
对于 Apple 设备,图像名称为 .PNG, “rel=” 必须包含前缀 “苹果-“。对于 Android,文件名将为 “图标-hires.png” 和 “图标-正常.png” 与 rel=”图标”。
并非绝对有必要为每个分辨率单独创建图像。您可以制作最高分辨率的图像,较低分辨率的设备将识别它并将其设置为图标。

网站快捷方式的图标看起来与任何其他网站的图标相似 iOS 应用程序。


