如何制作一个网站的图标放在手机上答案

【问题标题】：how to make icon of a website to put on mobile如何制作一个网站的图标放在手机上
【发布时间】：2016-09-15 20:25:22
【问题描述】：

我有一个完全响应的网站，因此无需为该网站安装移动应用程序。然而，我的大多数访问者将通过手机访问该网站，他们的 IT 知识有限。我想创建一个图标，访问者可以下载并作为图标快捷方式放在手机上。我知道有一种方法可以在智能手机上创建快捷图标，例如书签，但我的大多数用户不知道如何操作，而且他们很难按照说明进行操作。任何人都可以帮忙吗？谢谢

【问题讨论】：

您不能从 Web URL“下载图标”，您必须将其打包为应用商店中的应用，告诉人们按照您提到的那样为它添加书签，或者找到一种方法确保人们在需要时可以轻松访问网站，例如使用二维码
@raphv 实际上，Apple 正式支持来自 Internet 的 Web 应用程序。它们本质上在 Safari 中运行，但 UI 是条带化的，只留下 HTML。文档是here
没错，但是从用户体验上来说，这并没有去掉书签的步骤，所以我没有提。

标签： java php html

【解决方案1】：

在所有移动操作系统中，据我所知，这些是最好的解决方案。

对于Apple iOS，根据他们的documentation，您可以将此HTML 标记 添加到您的页面，以指定用户主屏幕的图标，如果他们添加它：

<link rel="apple-touch-icon" href="/path/to/icon.png">

您还可以为分辨率更高的屏幕设置特定大小的图标：

<link rel="apple-touch-icon" sizes="76x76" href="/path/to/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="/path/to/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="/path/to/touch-icon-ipad-retina.png">

这些相同的标签应该可以在 Android 上使用，但您可能必须创建一个 json 清单 来确定设置图标。 See here.

对于 Windows Phone，解决方案并不那么明确，尽管 Stack Overflow 上的 other post 可能是一个好的开始，至少部分是这样。

希望这就是您想要的。祝你一切顺利。

【讨论】：

非常感谢大家花时间回答我的问题。正如威廉凯西建议的那样，用户仍然需要访问主页然后单击书签并将图标保存到手机主页。问题是我的大多数用户都不是技术人员。我正在寻找的解决方案是让用户立即进入主页，然后从那里下载图标/应用程序，然后稍后通过图标/应用程序打开网页。