favicon.ico – 浏览器中的网站图标
Inainte sa fie lansat un website, i se adauga un fisier grafic, Favicon,它将出现在浏览器的地址栏中。在大多数情况下,网站图标是图形徽标的缩略图或相应网站的缩写。添加此图标是为了帮助用户更快地识别书签中的网址。


直到最近,该文件还必须采用以下形式 “图标.ico“,由网络浏览器识别。 Chrome、Internet Explorer、Opera、Safari、Firefox 等
De cativa ani, odata cu avansarea noilor limbaje web, HTML9 和 CSS3, favicon 也可以是其中之一 费西尔.png 或者 .jpg. Conditia este ca in header-ul site-ului, 前 </头>,该行应该存在:
<链接关系=”快捷方式图标” 链接=”/图片/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 添加网页图标。
第一步是他我们为图标创建一个图像,它将出现在 主屏幕i设备。为了使网页图标在所有设备上兼容并清晰可见,我们必须创建图像 适用于所有 iPhone 和 iPad 分辨率。
iPhone、iPad、iPod 和 Android 的标准分辨率和图标大小
- 经典 iPhone / iPod 型号 = 57×57
- iPad = 76×76
- iPhone / iPod 视网膜 = 120×120
- iPad 视网膜 = 152×152
- iPhone 6/6S Plus = 180×180
苹果 定期更新 推荐的图标尺寸URL 申请 和 网页 PE 本页。
对于 Android 设备,图标有两种尺寸:
- 经典安卓 = 128×128
- Android 高分辨率 (hi-res) = 192×192

制作完图像后,它们会上传到网络服务器,并在网站的 HTML 源代码中,然后关闭 </头>,添加以下行:
<链接href=”/apple-touch-icon.png” 相对=”苹果触摸图标” /> <链接href=”/apple-touch-icon-76×76.png” 相对=”苹果触摸图标” 尺寸=”76×76″ /> <链接href=”/apple-touch-icon-120×120.png” 相对=”苹果触摸图标” 尺寸=”120×120″ /> <链接href=”/apple-touch-icon-152×152.png” 相对=”苹果触摸图标” 尺寸=”152×152″ /> <链接href=”/apple-touch-icon-180×180.png” 相对=”苹果触摸图标” 尺寸=”180×180″ /> <链接href=”/icon-hires.png” 相对=”图标” 尺寸=”192×192″ /> <链接href=”/图标-正常.png” 相对=”图标” 尺寸=”128×128″ />
对于 Apple 设备,图像名称为 .PNG, “相对=” 必须包含前缀 “苹果-“。对于 Android,文件名将为 “图标-hires.png” 和 “图标-正常.png” 与 rel=”图标”。
并非绝对有必要为每个分辨率单独创建图像。您可以制作最高分辨率的图像,较低分辨率的设备将识别它并将其设置为图标。

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


