智能手机上次打开的页面预览图标如何在代码中设置？

Question

最后打开的页面在 chrome 和智能手机上的 safari 中有一个快捷方式。但我的页面没有。

如何为此设置图片？

例如宜家和bild的作品

已设置网站图标

<link rel="shortcut icon" href="include/designs/wirte/favicon.ico">
<link rel="shortcut icon" href="include/designs/design/images/favicon.png" type="image/x-icon">
<link rel="icon" href="include/designs/design/images/favicon.png" type="image/x-icon">

Answer 1

将此代码添加到您的网站图标中。

 <link rel="SHORTCUT ICON" HREF="/favicon.png">

Answer 2

iOS Safari uses the Apple Touch icon 用于此目的，还有书签和主屏幕图标。你肯定想声明这个。

Android Chrome 类似，它重复使用书签和主屏幕图标已经采用的图标：

A high resolution icon declared in a Web App manifest.
否则，a high resolution PNG icon。
否则，the classic Apple Touch icon。

作为经典的手动创建的替代方法，您可以在线使用此 favicon generator。它允许您为每个平台设计图标平台并创建图标，HTML 您需要完成工作。完全披露：我是这个网站的作者。

智能手机上次打开的页面预览图标如何在代码中设置？

Smartphone last opened pages preview icon how to set it up in code?

html

favicon