ICO 图标制作 · 网站 favicon
内嵌 PNG · 保留透明 · 上限 256。本地处理,图片不上传。
传张图,调好尺寸,导出时选 ICO 就行。
ICO 文件里内嵌的是一张 PNG(现代 ICO 格式允许 PNG 载荷),所以透明背景保得住,体积也比老式位图载荷小。上限是 256×256,这不是我们设的闸,是 ICO 格式自己规定的:目录项里宽高各只占 1 个字节,256 要写成 0,再大就存不进去了。另外要说清楚:生成的是单尺寸 ICO,不是传统那种把 16/32/48 打包进一个文件的多尺寸 ICO。现代网站的常见做法本来也不是靠多尺寸 ICO ——在 HTML 里用 `link` 声明几张不同尺寸的 PNG,ICO 只留一个放在网站根目录,给那些直接请求 /favicon.ico 的旧浏览器兜底。全部在你自己的浏览器里算,图片不上传。
主要功能
保留透明背景
内嵌的是 PNG,透明角和圆角都存得住。
体积小
PNG 载荷比老式位图载荷小得多,favicon 加载更快。
上限 256 是格式规定
ICO 目录项里宽高各占 1 个字节,256 写作 0,再大存不进去。
本地处理
图片不上传服务器,关掉页面什么都不剩。
使用步骤
- 1 传图片方形的图最合适。把图片拖进框里。
- 2 调成方形裁成 1:1,再把尺寸设成 32×32 或 48×48。
- 3 导出选 ICO在导出对话框里把格式选成 ICO。
- 4 放到网站根目录命名成 favicon.ico 放在根目录,旧浏览器会直接来请求它。
常见问题
- 生成的是多尺寸 ICO 吗?
- 不是,是单尺寸。文件里内嵌一张 PNG,所以体积小、透明也保得住。需要多个尺寸就分别导出几个;不过现代网站更常见的做法是在 HTML 里声明几张 PNG,ICO 只留一个兜底。
- favicon 该做多大?
- 单个 ICO 建议 32×32 或 48×48。现代浏览器实际上更常用 HTML 里声明的 PNG(180×180 给 iOS 主屏、192 和 512 给 PWA)。ICO 主要是给直接请求 /favicon.ico 的旧浏览器兜底。
- ICO 最大能多大?
- 256×256。这是 ICO 格式本身的规定——文件目录项里宽和高各只占 1 个字节,256 要写成 0,超过就表示不了。不是我们加的限制。
- 免费吗?图片会上传吗?
- 免费、不注册、不限次数。图片也不上传,全在你自己的浏览器里算。
现在就试试ICO 图标制作 · 网站 favicon
纯浏览器运行 · 免安装 · 免注册 · 图片不上传服务器