gpt4 book ai didi

android - 如何在 chrome 的 android 中将网站 Logo 设置为书签图标?

转载 作者:行者123 更新时间:2023-11-29 19:09:10 26 4
gpt4 key购买 nike

书签图标显示为网站的第一个字母。

我已经尝试对 head 部分进行以下更改,但没有一个起作用

1

<link rel="shortcut icon" sizes="192x192" href="https://matchball.org/images/Png - Only Logo - Variant 3.png" type="image/x-icon">

2

<meta property="og:image" content="https://matchball.org/images/Png%20-%20Only%20Logo%20-%20Variant%203.png" />

3

<meta property="og:image" content="https://matchball.org/images/Png - Only Logo - Variant 3.png" />

最佳答案

问题已经解决-

  1. 当且仅当 Logo 的大小是 24x24 的倍数,即 72x72、192x192 等时,Chrome 才会在书签栏和最近的页面选项卡中显示快捷方式图标(或网站 Logo )。

  2. 在 href 属性中添加 Logo 引用之前,必须更改 Logo 的大小(通过裁剪或图像调整大小工具)。通过 css 或 html 设置样式是行不通的。

  3. 由于大多数网站使用没有任何背景的 .png 类型图像,因此在绘画或简单的图像编辑器中调整它们的大小将添加一个白色背景。在这种情况下 this事实证明网站对我非常有帮助,它可以通过无损压缩(如果用户希望这样做)调整图像大小并且无需添加背景。

关于android - 如何在 chrome 的 android 中将网站 Logo 设置为书签图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46016406/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com