桌面快捷方式上未显示网站图标

Question

我有一个网站，可以直接从会话添加某个图标，当我将其添加为快捷方式时，该图标不会显示。

我尝试注释掉静态添加它的代码，它确实有效，快捷方式显示了图标，这是代码：

  <!-- <link rel="shortcut icon" type="image/x-icon" href="../app-assets/images/ico/favicon.ico"> -->

  <link rel="shortcut icon" type="image/icon" href="../../images/<?php echo $_SESSION['profile']['tenant_logo_uuid']; ?>">

有人可以帮忙吗？

Answer 1

请注意，rel="shortcut icon" 不是标准的（如上所述），所以请不要使用它。

要创建网站图标，包括智能手机的快捷图标，您应该在您的网站中包含：

a) 一个favicon.png（大小：16X16）

b）许多不同尺寸的图标，以便它们适合各种尺寸的智能手机和平板电脑（见下文）

<link rel="icon" href="https://www.yoursite.com/favicon.png"> 


<link href="https://www.yoursite.com/apple-touch-icon-57X57.png" rel="apple-touch-icon" />
<link href="https://www.yoursite.com/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
<link href="https://www.yoursite.com/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
<link href="https://www.yoursite.com/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
<link href="https://www.yoursite.com/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" />
<link href="https://www.yoursite.com/icon-hires.png" rel="icon" sizes="192x192" />
<link href="https://www.yoursite.com/icon-normal.png" rel="icon" sizes="128x128" />

如果您想通过

session variables

生成它们，请确保将上面的图标替换为您想要的图标。