JPG 转 ICO(网站图标)
照片也能做出不错的网站图标——一张脸、一件产品、一个醒目的标记——但前提是先裁得够紧:在 16 px 下,一整个场景只会糊成噪点。工具会居中裁剪成正方形,并把 16、32、48 px 三个尺寸写进同一个 .ico。JPG 没有透明通道,所以图标会铺满整个方块。
需要反向转换? ICO 转 JPG
使用方法
先把照片裁剪到主体——人脸、产品或招牌——再把 JPG 拖进来。
工具居中裁剪成正方形,渲染出 16、32、48 px 三个不透明图标,写入同一个 .ico。
发布前看一眼 16 px 预览:主体依然清晰可辨,这枚图标就成了;可单独或打包下载。
JPG vs ICO
照片对阵专门绘制的标志,在 16 px 下毫无悬念——标志胜出;但裁剪到位的人脸或产品特写,在 32 和 48 px 下完全站得住。判断标准很简单:裁到主体填满方框再转换,否则不如不转。
| JPG | ICO | |
|---|---|---|
| 压缩方式 | 有损 | 无损(内含 BMP 或 PNG) |
| 透明度 | 不支持 | 支持(完整 Alpha) |
| 动画 | 不支持 | 不支持 |
| 兼容性 | 通用——最保险的格式 | 作为网站图标全平台通用 |
| 适合用途 | 照片,以及限制严格的上传表单 | 网站图标(favicon)、Windows 应用图标 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
只有主体占满画面时才行。favicon 常见的最大尺寸是 48 px,最常用的是 16 px——填满画面的人脸或物体经得起这种缩小;风景照或合影只会变成彩色雪花。转换前先在任意编辑器里裁剪到主体,并在小尺寸下确认效果。
没有——JPG 不含 Alpha 通道,图标会是完全不透明的方块。对照片来说这通常正是想要的效果;若需要透明圆角(比如圆形标志),请改用带真实透明信息的 PNG 走 PNG转ICO。
让每个使用方读取自己的原生分辨率:浏览器标签页读 16 px,收藏栏和任务栏读 32 px,Windows 快捷方式读 48 px。三种尺寸打进一个 .ico,展示时就无需临时缩放——小图标变糊多半就坏在临时缩放上。
通常 logo 更好——有透明版就直接走 PNG转ICO。但确实有很多真实网站是个人化的:头像、店面、产品照。只要主体占满画面就能用。测试方法很简单:想象把照片缩到 16 px——还能一眼说出是什么,它就能当一枚合格的标签页图标。
风景、合影,以及主体不足画面一半的任何照片——16×16 总共只有 256 个像素,容不下背景交代。杂乱的背景在标签页标题旁只会显得像噪点。先裁剪到人脸或物体,适当提高对比度,粗色块永远好过细纹理。
相关工具
PNG 转 ICO(网站图标)
在浏览器内将 PNG 制作成多尺寸 ICO 网站图标——免费、无需上传。一个文件包含 16、32、48 px 三种尺寸,完整保留透明通道,可直接放到网站根目录使用。
WebP 转 ICO(网站图标)
在浏览器内把 WebP 标志转换成正规的多尺寸 ICO 图标——免费、私密、无需上传,WebP 的透明通道完整带入 16、32、48 px 每一个尺寸,正方形源图效果最佳。
HEIC 转 ICO(网站图标)
在浏览器内把 iPhone 的 HEIC 照片做成 ICO 网站图标——免费、无需上传。照片在本地解码、居中裁剪,一次输出 16、32、48 px 三个标准尺寸。
ICO 转 JPG
在浏览器内把 ICO 图标转换成 JPG——免费、私密、无需上传。提取 favicon 或 Windows 图标,输出任何应用、表单和后台系统都接受的 JPG 文件。