Favicon 仅适用于浏览器

Question

没有填满整个图标 space。

我网站上的图标被压扁了。它只发生在浏览器上。 Safari 掩码图标、windows 8/10 平铺图标、Android（启动器）快捷方式图标或 iOS Safari 快捷方式图标不会发生这种情况。有什么办法可以解决这个问题吗？

Answer 1

当您的计算机浏览器被缓存时，可能会出现此问题... 单击无聊键上的 CNTROL + F5 进行硬刷新并将此代码添加到 HTML PAGE 上的标记，假设文件夹中的图标图像和 img/icon/（您的图标名称）请将您的图标调整为高度：16 像素和宽度 16 像素并粘贴以下代码

  <link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.png">

希望这对你有用

Answer 2

通过调用 iOS 的“添加到主屏幕”选项查看我在此图像中的注释 https://i.stack.imgur.com/XNoVG.jpg

我的笔记只是简单地说明了 Ahmed 已经说过的内容：您需要花更多时间修改网站图标中的像素。是的，这都是关于抗锯齿和推动像素的。

Favicon squished for browser only