ZH
我的工具

网站图标(Favicon)生成器

用一张图片生成6种尺寸的PNG图标、多尺寸ICO、HTML link标签和基础Web应用清单,全部在浏览器中完成。

我的工具 →
广告

用一张图片准备一套小型网站图标。生成器会输出6种尺寸的PNG、包含三张图片的ICO、可直接修改的HTML link标签代码,以及基础的Web应用清单。文件只会下载到你的设备,放到网站的哪里、何时放由你决定。图片不会离开你的浏览器。

使用方法

  1. 上传PNG、JPEG或WebP图片,最好是正方形,宽度至少512像素。
  2. 选择“完整放入(留白)”或“居中裁剪”,并选择背景。
  3. 输入网站名称并生成图标包。
  4. 下载全部文件,检查小尺寸图标,安装前按你的网站修改附带的路径。

计算公式

PNG尺寸:16、32、48、180、192、512;ICO包含16、32、48像素的PNG图片

ICO由6字节文件头、3个16字节目录项和PNG图像数据组成。180像素的PNG命名为apple-touch-icon.png。清单以purpose:any引用192和512像素的图片,不会生成maskable图标。

示例

一张512×512的Logo会生成9个文件:6个正方形PNG、含三种尺寸的favicon.ico、favicon-links.txt和site.webmanifest。“完整放入”会保留整张图片,“居中裁剪”则裁掉非正方形原图的外侧部分以填满正方形。

常见问题

这会替我发布网站图标吗?

不会。请下载文件并自行安装。HTML代码使用相对根目录的路径,而清单中的图标路径是相对于清单文件所在位置的。

这样我的网站就能被安装吗?

清单只是一个起点。请正确设置name和start_url,并确认目标浏览器的要求。仅有一组图标不能使网站满足可安装条件。

为什么很小的图标看不清?

复杂的图案缩小到16像素后很难辨认。请简化原始设计,并查看实际的小尺寸输出。提高原图分辨率也无法保留所有细节。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 网站图标(Favicon)生成器. https://kakao.mobile/zh/tools/favicon-generator/

MLA

“网站图标(Favicon)生成器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/favicon-generator/.

广告