这个工具有问题吗?

关于「网站图标生成 在线」

该工具从单个源图像生成一套完整的 favicon 文件。输出包括经典的 favicon.ico、多种分辨率(16、32、48、96、192、512)的 PNG 变体、一个 Apple touch 图标和一个 web manifest 条目——现代网站浏览器选项卡、书签和主屏幕快捷方式所需的一切。

每个浏览器和操作系统都有自己的 favicon 要求。生成一张图像并将其调整为所有平台可确保您的网站出现的任何地方都有一致的品牌:选项卡图标、书签栏、历史列表、应用图标和搜索结果缩略图。

上传高分辨率方形图像(至少 512×512)。该工具还会生成匹配的 HTML <link> 标签,可放入您页面的 head 中。

如何使用这个工具

如何为站点生成 favicon PNG

  1. 上传原图

    把一张正方形(或近正方形)图片拖到「Source image」字段。Sharp 能读的任意格式都行——PNG、JPEG、HEIC、AVIF、WebP、GIF。原图质量越高,16×16 效果越好。

  2. 生成的内容

    工具按固定尺寸输出三张正方形 PNG:16×16、32×32、48×48。Sharp 以 fit: cover 调整尺寸,非正方形源会从中心裁切到方形 viewport。

  3. 点击运行

    结果返回 files 数组,每种尺寸一项:filename(favicon-16x16.png / favicon-32x32.png / favicon-48x48.png)、mimeType 与 base64 数据。每张图都有自己的下载按钮。

  4. 在 HTML 中接入

    把 PNG 部署到服务器的 /favicon-16x16.png 等路径,再在 <head> 中加上 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">。需要 .ico 的旧浏览器请用其他工具单独生成。