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

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

在网站启动之前,会添加一个图形文件, Favicon,它将出现在浏览器的地址栏中。在大多数情况下,网站图标是图形徽标的缩略图或相应网站的缩写。添加此图标是为了帮助用户更快地识别书签中的网址。

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

直到最近,该文件还必须采用以下形式 “图标.ico“,由网络浏览器识别。 Chrome、Internet Explorer、Opera、Safari、Firefox 等
多年来,随着新网络语言的进步, HTML9CSS3, favicon 也可以是其中之一 费西尔.png 或者 .jpg。条件是在网站标题中, 前 </头>,该行应该存在:

<链接关系=”快捷方式图标” 链接=”/图片/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 添加网页图标。

第一步是他我们为图标创建一个图像,它将出现在 主屏幕-ul idevice-ului. Pentru ca web iconul sa fie compatibila pe toate device-urile si sa se vada clar, trebuie sa creem imaginea pentru toate rezolutiile de iPhone si iPad

Rezolutiile si marimile standard ale iconurilor pentru iPhone, iPad, iPod si Android

  • Modelele clasice de iPhone / iPod = 57×57
  • iPad = 76×76
  • iPhone / iPod Retina = 120×120
  • iPad Retina = 152×152
  • iPhone 6/6S Plus = 180×180

Apple actualizeaza regulat dimensiunile recomandate pentru iconURL 申请网页 PE acesta pagina

Pentru device-urile Android, icon-urile sunt de doua dimensiuni:

  • Android clasic = 128×128
  • Android cu rezolutie mare (hi-res) = 192×192
图标

Dupa ce avem facute imaginile, se urca pe web server, iar in sursa HTML a website-ului, inainte de inchiderea </头>, se adauga liniile urmatoare:

<link href=/apple-touch-icon.pngrel=”苹果触摸图标” /> <link href=”/apple-touch-icon-76×76.png” rel=”苹果触摸图标” 尺寸=”76×76″ /> <link href=”/apple-touch-icon-120×120.png” rel=”苹果触摸图标” 尺寸=”120×120″ /> <link href=”/apple-touch-icon-152×152.png” rel=”苹果触摸图标” 尺寸=”152×152″ /> <link href=”/apple-touch-icon-180×180.png” rel=”苹果触摸图标” 尺寸=”180×180″ /> <link href=”/icon-hires.png” rel=”图标” 尺寸=”192×192″ /> <link href=”/图标-正常.png” rel=”图标” 尺寸=”128×128″ />

对于 Apple 设备,图像名称为 .PNG, “rel=” 必须包含前缀 “苹果-“。对于 Android,文件名将为 “图标-hires.png” 和 “图标-正常.png” 与 rel=”图标”。

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

iPhone-网站-图标

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

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

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