V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
3dwelcome
V2EX  ›  分享创造

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

  •  
  •   3dwelcome · 2022-02-08 01:46:12 +08:00 · 3243 次点击
    这是一个创建于 1012 天前的主题,其中的信息可能已经有所发展或是发生改变。
    参考 google 的规范( http://www.google.com/favicon.ico ),工具生成出来的图标,和谷歌官方一个字节都不差。

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

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

    https://tool2d.com/#icon

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

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

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

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

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

    以前我也不信,现在我慢慢信了。
    qiandongdong
        19
    qiandongdong  
       2022-02-23 21:43:30 +08:00
    3dwelcome 楼主留给联系方式吗,有事找一下你。
    3dwelcome
        20
    3dwelcome  
    OP
       2022-02-24 10:48:30 +08:00
    @qiandongdong 是关于 SSL 的 DNS 验证吗?如果有需求,那下次更新我就加上吧。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2844 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 13:00 · PVG 21:00 · LAX 05:00 · JFK 08:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.