Question

当我从Iphone或Ipad打开网页时，我看到网站的图标。我如何为我的网站做到这一点？

Answer 1

Apple的文档中列出了许多可以包含的图像（启动画面，主屏幕等）。你正在谈论的是apple-touch-icon。

https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

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

Answer 2

您可以通过添加＆＃39; favicon＆＃39;来完成此操作。可以使用以下代码添加Favicons：

<link rel="icon" type="image/png" href="**LINK TO YOUR PICTURE LOCATION**"

Favicons通常是16x16或32x32大小的PNG图像。

您可以在http://www.favicon-generator.org

等网站上生成图片

如何在网站中将网站添加到收藏夹时显示图标？

2 个答案: