网站图标(Favicon)生成器
用一张图片生成6种尺寸的PNG图标、多尺寸ICO、HTML link标签和基础Web应用清单,全部在浏览器中完成。
用一张图片准备一套小型网站图标。生成器会输出6种尺寸的PNG、包含三张图片的ICO、可直接修改的HTML link标签代码,以及基础的Web应用清单。文件只会下载到你的设备,放到网站的哪里、何时放由你决定。图片不会离开你的浏览器。
使用方法
- 上传PNG、JPEG或WebP图片,最好是正方形,宽度至少512像素。
- 选择“完整放入(留白)”或“居中裁剪”,并选择背景。
- 输入网站名称并生成图标包。
- 下载全部文件,检查小尺寸图标,安装前按你的网站修改附带的路径。
计算公式
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像素后很难辨认。请简化原始设计,并查看实际的小尺寸输出。提高原图分辨率也无法保留所有细节。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/favicon-generator/
引用此工具
kakaoCalc. (2026, November 8). 网站图标(Favicon)生成器. https://kakao.mobile/zh/tools/favicon-generator/
“网站图标(Favicon)生成器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/favicon-generator/.