有次想给个人站做个 favicon,手头只有一张旅游照。直接转成 ICO 后,标签页上那 16×16 的小方块里全是糊的山和水,根本认不出。后来先做正方形裁剪、简化主体,效果才像样。本文把"照片做图标"的实测坑讲清楚。
哪些图片能转 ICO
几乎任意常见格式都可以:JPG、PNG、WebP、GIF 都能作源图。风景照、Logo、设计稿、随手拍的照片,通通能"图片转 ICO"。
照片转 ICO 的 3 个实测注意点
- 照片细节多,小尺寸会丢细节:我拿一张风景照实测,16×16 下只能看到一团色块。建议先裁成主体突出的画面。
- 先做正方形裁剪:用于 favicon 时,非正方形照片会被压扁。先裁成 1:1,再转,显示更规整。
- 透明背景更灵活:源图带透明通道(PNG)时,转换后图标能适应任意背景色;JPG 无透明,会填白底。
用 NBTools 的 图片转 ICO 工具,上传后选好尺寸一键下载,浏览器本地处理,免费、无水印、文件不上传。
我推荐的照片做 favicon 流程
- 用 图片裁剪工具 把照片裁成 1:1 正方形,主体居中。
- 导出 512×512 的 PNG(带透明更好)。
- 用图片转 ICO 工具勾"全尺寸档",生成含 256×256 的 ICO。
- 替换网站 favicon,刷新看标签页效果。
分场景建议
- 网站 favicon:正方形裁剪 + 全尺寸档 + 透明
- 程序图标:主体简单化,源图 512
- 深色背景平台:用透明 PNG 源图
- 浅色背景平台:可填白底
常见问题
图片转 ICO 免费吗
是的。NBTools 该工具免费、不限次数、无水印,文件不上传服务器。
照片和 Logo 转出来有区别吗
技术上一样。Logo 主体简单,更适合做小图标;照片建议先裁剪简化,效果更好。
为什么 16×16 下看不清
照片细节太多,小尺寸必然丢失。裁成主体突出、背景简单的画面能明显改善。
JPG 转出来有白边吗
JPG 无透明通道,小图标在非白背景下可能显白底。用 PNG 透明源图可避免。
相关工具
- 图片转 ICO 在线工具:https://nbtools.cn/tools/png-to-ico
- 图片裁剪工具:https://nbtools.cn/tools/image-cropper
- PNG 转 ICO 高清教程:https://nbtools.cn/blog/png-to-ico-hd-free