把 JPG 转换为 ICO

把 JPG 变成规范的多分辨率 favicon.ico —— 以及现代图标集里的其余文件 —— 全部在你的浏览器中完成。不上传任何内容。

隐私优先:每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。

从照片格式的 JPEG 到图标格式

JPG 是为照片设计的,不支持透明;而 ICO 是一个能同时装下多张小尺寸方形位图的容器。两者之间的转换可不是改个后缀 —— 图像必须被重新采样成 16、32 和 48 像素,再打包进一个文件。这个工具做的正是这件事:写出一个真正的多分辨率 favicon.ico,让浏览器能为标签页、书签栏或桌面快捷方式各自挑出合适的尺寸。

把照片裁到还看得清的程度

JPEG 通常是照片,而照片缩到 16 像素后往往面目全非。用内边距和形状选项把主体收进来,加一个纯色背景让边缘保持干净,再看看实时预览和模拟浏览器标签页,判断它在标签页尺寸下是否还认得出来。完整图标集 —— favicon.ico、apple-touch-icon、PWA 图标以及 HTML 代码片段 —— 会打包成一个 zip 下载。

常见问题

制作 favicon 时我的图片会被上传吗?
不会。favicon.ico、PNG 图标和清单文件全部通过 Canvas API 在你的浏览器中本地生成。你的图片绝不会离开你的设备。
我会得到哪些尺寸和文件?
一个多分辨率的 favicon.ico(16、32 和 48px),16、32、48、180(apple-touch-icon)、192 和 512px 的 PNG 图标,一个 site.webmanifest,以及一段可粘贴到你 <head> 中的 HTML 代码。
我可以把 PNG 或 SVG 转换成 ICO 吗?
可以。放入一张 PNG、JPG、SVG 或 WebP,即可下载一个真正的 favicon.ico。SVG Logo 会先在本地以高分辨率栅格化。
什么样的图片效果最好?
简洁、高对比度的方形 Logo 图片。非方形图片会被居中裁剪以适配;可用内边距和形状控件把它调整成你想要的样子。
我该如何安装 favicon?
把套件解压到你网站的根目录,并把提供的 HTML 代码粘贴到页面的 <head> 中。大多数浏览器会自动识别 favicon.ico。