如何在网站上添加图标 iPhone、iPad 和 iPod Touch

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

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

Stealth Settings 网站图标
Stealth Settings 图标在 Safari
网站图标在Opera
网站图标在Opera

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

iOS 网站图标 - iPhone、iPad 和 iPod Touch

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

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

我们通过打开一个网页来做到这一点 iPhone (Safari、Chrome 等互联网浏览器),单击带箭头的方块(iOS 中“共享”的标志),然后选择“Add 到主屏幕“。

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

如何添加网页图标 iPhone、iPad 和 Android。

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

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

  • Mode经典乐乐 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服务器上以及网站的HTML源中,然后关闭,添加了以下几行:

<链接href=”/apple-touch-icon.png“ rel =”apple-touch-icon” /> <链接href=”/apple-touch-icon-76×76.png“ rel =”apple-touch-icon” sizes =” 76×76''/> <链接href=”/apple-touch-icon-120×120.png“ rel =”apple-touch-icon” sizes =” 120×120''/> <链接href=”/apple-touch-icon-152×152.png“ rel =”apple-touch-icon” sizes =” 152×152''/> <链接href=”/apple-touch-icon-180×180.png“ rel =”apple-touch-icon” sizes =” 180×180''/>

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

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

iPhone-网站-图标

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

作为科技爱好者,我从2006年开始在StealthSettings.com上愉快地撰写文章。我在操作系统方面有丰富的经验,包括macOS、Windows和Linux,还熟悉编程语言和博客平台(WordPress),以及在线商店平台(WooCommerce、Magento、PrestaShop)。

如何以 » iHowTo » iHowTo - iOS » 如何在网站上添加图标 iPhone、iPad 和 iPod Touch
发表评论