如何修改网页icon about qiubaiying.github.io HOT 14 OPEN

找个 32*32 的图标替换下面这个就可以了，名字必须一样。

from qiubaiying.github.io.

已经解决好了🙏

from qiubaiying.github.io.

十分感谢提出来，我会在博客中添加这一说明的。

from qiubaiying.github.io.

表示，改完后，生效了，但是iOS Safari添加书签的时候还是你的，但是添加到阅读列表的没有问题。

from qiubaiying.github.io.

@taylortaurus iOS Safar书签图标用的不是这个，你需要添加一个名为 apple-touch-icon.png 的图标，这个图标的大小需要符合苹果的标准。

from qiubaiying.github.io.

from qiubaiying.github.io.

from qiubaiying.github.io.

from qiubaiying.github.io.

是直接在img里替换favicon.ico吗？需要再更改一些code什么的吗？我尝试替换了，但在Chrome里好像并没有改变。

from qiubaiying.github.io.

同问，我这个也怎么都改不过来。谢谢！

from qiubaiying.github.io.

确实改不过来，很奇怪的就是iOS添加到主屏幕的时候是自己的图片，但是添加到个人收藏就还是您的图片...

from qiubaiying.github.io.

iOS safari的标签页左上角也是现实的您的icon

from qiubaiying.github.io.

解决办法：
网站图标就不说了，按上面大佬的方法替换favicon.ico文件即可，文件名不能变，大小48x48，这是规范。并且不是随便找个图标改后缀就行了，需要去生成ico格式的文件，直接谷歌百度“ico在线制作”即可。

关于apple：
可以grep一下整个项目目录，把所有文件名为apple-touch-icon.png的地方找出来：

cd 你的github.io目录
grep -rn "apple-touch-icon.png"

然后为了避免缓存问题，可以把这些名字都改了，比如改成web-app-icon.png。
接下来删除img目录中原有的apple-touch-icon.png，自己按照苹果的开发规范添加相应大小的web-app-icon图片文件：关于Apple设备私有的apple-touch-icon属性详解

关于PWA：
还有PWA相关的最好也改了，不然谷歌浏览器还是会弹出作者原来的图标：
可以直接替换pwa/icons目录下的图片，或者自己按照PWA的规范修改manifest.json
随便搜的一个PWA文档

测试：
用浏览器的无痕模式测试就行了，避免缓存问题。

from qiubaiying.github.io.

from qiubaiying.github.io.