如何添加为iPhone,iPad和iPod Touch的网站图标

favicon.ico的 - 网站图标在浏览器

之前,它推出了一个网站,并添加一个图形文件, 网站图标,它出现在地址栏的浏览器中。 在大多数情况下,favicon是图形徽标或网站首字母的缩略图。 添加此favicon是为了帮助用户更快地识别书签中的网址。

隐身设置图标

在Safari隐身设置图标

网站图标在Opera

网站图标在Opera

直到最近,这个文件应该是这样的形式“的favicon.ico“要通过网络浏览器进行识别。 Chrome,Internet Explorer,Opera,Safari,Firefox等
几年来,随着新的推进网络语言, HTML5 si CSS3,网站图示可以是一个 PNG文件 。JPG。 的条件是在网站上的该首标, 前</ HEAD>,成为这一行:

<链接rel =“快捷方式图标的”href =“/图像/ favicon.ico的”TYPE =“图像/ X-图标”/>

iOS的网站图标 - iPhone,iPad和iPod Touch

In iOS系统 我们可以添加 网页快捷方式 pe 主屏幕iPhone, iPad的 si iPod的触摸.

如何添加在iPhone,iPad和iPod主屏幕快捷方式的网站

我们在您的iPhone(Safari浏览器,浏览器,网络浏览器等),打开一个网站做到这一点,单击带有箭头(符号为iOS的“份额”),然后选择“广场添加到主屏幕“。

如果网站已设置图标您的浏览器,但不能设置 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服务器上,结束</ head>标记之前网页的HTML源代码,加上下面几行:

<link href =“/ apple-touch-icon.png”rel =“apple-touch-icon”/> <链接HREF = “/苹果触摸图标-76x76.png” 的rel = “苹果触摸图标” 大小= “76x76”/> <链接HREF = “/苹果触摸图标-120x120.png” 的rel = “苹果触摸图标” 大小= “120x120”/> <链接HREF = “/苹果触摸图标-152x152.png” 的rel = “苹果触摸图标” 大小= “152x152”/> <链接HREF = “/苹果触摸图标-180x180.png” 的rel = “苹果触摸图标” 大小= “180x180”/> <链接HREF = “/图标hires.png” 的rel = “图标” 大小= “192x192”/> <link href =“/ icon-normal.png”rel =“icon”sizes =“128x128”/>

对于设备 Apple,.PNG图片的名称和“ rel =”必须包含前缀“ apple-”。 对于Android,文件名将为“图标hires.png“和”图标normal.png“对于rel =”图标“。

单独为每个分辨率创建图像并非绝对必要。 您可以为最高分辨率制作照片,较低分辨率的设备会识别它并将其设置为图标。

iPhone图标网站

网站的快捷图标看起来与任何一个相似 对于iOS应用程序.

如何添加为iPhone,iPad和iPod Touch的网站图标

关于作者

隐形

我热衷于对涉及小工具和IT的一切事物,我很高兴在2006上的secretthsettings.com上撰文,也很高兴与您一起发现有关计算机和macOS,Linux操作系统, Windows,iOS和Android。

发表评论