我们如何添加到用于iPhone,iPad和iPod Touch的标志性网站

favicon.ico – 浏览器中的网站图标

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

隐身设置图标
Safari 中的隐藏设置 Favicon
Opera 中的网站图标
Opera 中的网站图标

直到最近,该文件还必须采用以下形式 “图标.ico“,由网络浏览器识别。 Chrome、Internet Explorer、Opera、Safari、Firefox 等
De cativa ani, odata cu avansarea noilor limbaje web, HTML9CSS3, favicon 也可以是其中之一 费西尔.png 或者 .jpg. Conditia este ca in header-ul site-ului, 前 </头>,该行应该存在:

<链接关系=”快捷方式图标” 链接=”/图片/favicon.ico” 类型=”图像/x-图标” />

iOS 的网站图标 – iPhone、iPad 或 iPod Touch

ios 我们可以添加 网页快捷方式 PE 主屏幕-uliPhone, iPadiPod触摸

如何在 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=”图标”。

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

iPhone-网站-图标

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

从2006年开始,我对技术充满热情,在StealthSetts.com上写作。我在操作系统方面拥有丰富的经验:MacOS,Windows和Linux,以及编程语言和博客平台(WordPress)和在线商店(WooCommerce,Magento,Magento,Presashop)。

您的教程,有用的提示和新闻。 我们如何添加到用于iPhone,iPad和iPod Touch的标志性网站
发表评论