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

Favicon.ico-浏览器中的网站图标

之前,它推出了一个网站,并添加一个图形文件, 网站图标,以显示在浏览器中的地址栏。 在大多数情况下,收藏夹图标是图形徽标的缩略图或相应网站的缩写。 添加此图标可以帮助用户快速识别书签中的网址。

隐形 Settings 网站图标

隐形 Settings Safari中的Favicon

网站图标在Opera

网站图标在Opera

直到最近,该文件仍必须是“的favicon.ico”,由网络浏览器识别。 Chrome,互联网 Explorer,Opera,Safari,Firefox等。
几年来,随着新的推进网络语言, HTML5 si CSS3,网站图示可以是一个 PNG文件 。JPG。 的条件是在网站上的该首标, 之前,成为这一行:

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

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

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

为此,我们可以在iPhone(Safari,Chrome等互联网浏览器)上打开网页,然后点击带有箭头的正方形(在iOS中为“共享”的符号),然后选择添加到主屏幕“。

如果网站已设置图标您的浏览器,但不能设置 iOS设备特定图标的网站,屏幕上会出现一个图标组成的 图片预览 网页。

如何添加网络图标为iPhone,iPad和Android。

所述第一个步骤是 创建一个图像图标出现在 主屏幕中国共产党的iDevice社区。 对于网页图标上的所有设备,并清楚地看到兼容,我们必须创造形象 所有的iPhone和iPad的分辨率.

iPhone,iPad,iPod和Android的标准图标分辨率和大小

  • 经典iPhone / iPod型号= 57×57
  • iPad = 76×76
  • iPhone / iPod Retina = 120×120
  • iPad视网膜= 152×152
  • iPhone 6 / 6S Plus = 180×180

Apple 定期更新 建议图标大小网站 应用程序 si 网页 pe 此页.

对于设备Android,图标是两个方面:

  • Android经典版= 128×128
  • 具有高分辨率(高分辨率)的Android = 192×192

图标

制作完图像后,将其上载到Web服务器上以及网站的HTML源中,然后关闭,添加了以下几行:

<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

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

并非绝对需要为每种分辨率创建图像。 您可以使图像分辨率最高,而分辨率较低的设备会识别该图像并将其设置为图标。

iPhone图标网站

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

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

关于作者

隐形

对所有小工具和IT充满热情,我对隐身性感到高兴settings.com自2006年以来,我希望与您一起发现有关计算机和操作系统的新事物 mac操作系统,Linux, Windows,iOS和Android。

发表评论