素材阁

Favicon 生成器

上传一张图片,一键生成 favicon.ico(含 16/32/48 三种尺寸)与各平台所需的 PNG 图标 (16/32/48/180/192/512),并可复制站点接入用的 HTML 片段。全部在浏览器本地用 Canvas 处理,图片不上传。

接入 HTML 片段
预览

使用说明

favicon.ico 需要包含多种尺寸,各平台还要求不同规格的 PNG 图标。本工具把一张图片一次性生成 ICO 与全套 PNG,并给出接入 HTML,省去逐个改尺寸。

  1. 选择一张图片(建议正方形,尺寸不小于 512×512 效果更好)。
  2. 点「生成图标」,下方预览各尺寸效果。
  3. 点「下载 favicon.ico」取走 ico;点「打包下载全部 PNG」得到 16/32/48/180/192/512 全套。
  4. 把生成的图标放到网站根目录,复制右侧 HTML 片段贴进网页 head。

常见问题

favicon.ico 为什么包含多个尺寸?
浏览器会根据显示位置(标签页、书签、桌面快捷方式)选择最合适的尺寸。ICO 支持在一个文件里存 16/32/48 多张,本工具已按此打包。
原图不是正方形怎么办?
工具会按比例缩放到正方形内居中,四周留透明(或按需填白),因此非正方形原图不会变形,但会有留白。要完全填满,请先裁成正方形。
透明背景要填白吗?
一般不需要保留透明。但部分旧系统对透明 ICO 支持不佳,或图标本身是浅色线条,此时可勾选「白色背景填充透明区域」避免看不清。

延伸阅读

相关工具