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

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

之前,它推出了一个网站,并添加一个图形文件, 网站图标它出现在浏览器的地址栏。 在大多数情况下,该图标是一个小型图形标志或字母各自的网站。 此图标将被添加到帮助用户识别地址更快的网页书签。

隐身设置图标

在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 主屏幕CPCiPhone, 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×

苹果 定期更新 建议图标大小网站 应用程序 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”/>

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

有绝对必要的每个分辨率分别产生图像。 你可以为高分辨率图像和低分辨率的装置,将识别和将设置图标。

iPhone图标网站

快捷方式的图标看起来像任何网站 对于iOS应用程序.

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

关于作者

隐形

热爱这些小工具,并将其写入2006的欣然stealthsettings.com,我喜欢去发现与你有关计算机和MacOS,Linux和Windows中,iOS和Android的新的东西的一切。

发表评论