写了一个生成 favicon.ico 的浏览器工具。

2022-02-08 01:46:12 +08:00
 3dwelcome
参考 google 的规范( http://www.google.com/favicon.ico ),工具生成出来的图标,和谷歌官方一个字节都不差。

ICO 是个比较特殊的格式,和 PNG 单张图片不一样,是个图片容器,包含一堆子图片的合集。

本工具用了一个晚上时间写的,欢迎使用。

https://tool2d.com/#icon

3244 次点击
所在节点    分享创造
20 条回复
Argon
2022-02-08 02:40:14 +08:00
安全连接失败。
woomly
2022-02-08 10:46:25 +08:00
我一般是用这个 https://quanxin.org/favicon
3dwelcome
2022-02-08 13:43:14 +08:00
@Argon 请问是什么浏览器呢?后端是我手写的,也没测试,估计 BUG 比较多。
balabalaguguji
2022-02-08 21:44:24 +08:00
3dwelcome
2022-02-08 22:44:22 +08:00
@balabalaguguji 看着挺专业的,没考虑过同时保存两个尺寸吗?

我是看 google favicon.ico 里,同时包含了 16 和 32 两个尺寸的图片,才考虑自己写那么一个工具来着。
qzhai
2022-02-09 10:03:57 +08:00
现在什么地方还需要用到 ico ?
3dwelcome
2022-02-09 10:24:23 +08:00
@qzhai 随便建个新网站,我发现浏览器会默认去下载 favicon.ico ,只能加上了。

能生成多分辨率 ICO 的软件,一般都是 exe ,线上工具很少见。
muhuan
2022-02-09 10:47:48 +08:00
赞一个
varrily
2022-02-09 14:54:18 +08:00
3dwelcome
2022-02-09 16:03:36 +08:00
@varrily google 的 favicon.ico 是 4k, 这个网站是 15k, 体积也太大了。

浏览器并不需要那么高清的 ico 。

至于 iOS 需要的桌面高清 apple-touch-icon.png 图标,都可以用 png 来制作。
ZE3kr
2022-02-11 00:16:45 +08:00
@qzhai Mac Safari Tab 标题左边的图标用的就是 favicon.ico
qzhai
2022-02-11 10:29:39 +08:00
@3dwelcome <link rel="icon" href="....png" sizes="32x32" />
浏览器早就支持这种
qzhai
2022-02-11 10:30:16 +08:00
@ZE3kr 我的意思是 早就有其他方式替代用 ico 了
ZE3kr
2022-02-11 12:12:34 +08:00
@qzhai Safari 想要支持多色 Tab 图标的话只能 ico ,HTML link 的方式在 Tab 图标中只认 SVG 。这里的 Tab 图标和添加到主屏幕 /收藏夹用的图标是不一样的
ZE3kr
2022-02-11 12:13:38 +08:00
3dwelcome
2022-02-11 12:45:47 +08:00
@ZE3kr 涨知识了,苹果真会玩,还用 svg 当 icon.
Soar360
2022-02-11 13:32:48 +08:00
这个世界就很迷。有些人为了隐私,要工具只用离线的。有些人为了隐私,要工具只要浏览器能用的。看不懂,看不懂。
3dwelcome
2022-02-11 17:22:58 +08:00
@Soar360 这就是传说中的"能用 javascript 写的程序,最终都会用 javascript 来重写“吧。

以前我也不信,现在我慢慢信了。
qiandongdong
2022-02-23 21:43:30 +08:00
3dwelcome 楼主留给联系方式吗,有事找一下你。
3dwelcome
2022-02-24 10:48:30 +08:00
@qiandongdong 是关于 SSL 的 DNS 验证吗?如果有需求,那下次更新我就加上吧。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/832339

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX