图图修图

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. 1
    传图片
    方形的图最合适。把图片拖进框里。
  2. 2
    调成方形
    裁成 1:1,再把尺寸设成 32×32 或 48×48。
  3. 3
    导出选 ICO
    在导出对话框里把格式选成 ICO。
  4. 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

纯浏览器运行 · 免安装 · 免注册 · 图片不上传服务器