JPG 转 ICO 白底怎么办？先把背景这件事搞清楚

先交代一下背景，免得你觉得我在纸上谈兵：图片转ICO工具是我自己写的，纯浏览器本地转换，上线这一年多，我收到最多的问题不是"怎么转"，而是"为什么我转出来的 ICO 是个白底方块"。十有八九，这些人手里的素材是 JPG。

今天就把 JPG 转 ICO 的背景问题讲透：为什么会有白底、工具里那三个处理选项到底啥意思、以及你真想要透明图标该怎么办。

先搞明白：JPG 天生没有"透明"这个东西

JPG（JPEG）格式在设计的时候就没打算存透明信息，它只有不透明的像素颜色。你看着是"白色背景"的图，白色其实是实打实的颜色像素。所以 JPG 转 ICO，怎么转都不会凭空变出透明底——工具再厉害也不行，这是格式层面的限制。

PNG、WebP、GIF 这些格式带 Alpha 通道（透明信息），转出来才能保留透明。这也是为什么工具首页一直写"PNG、WebP 转出来保留透明背景"——不是偏心，是格式允许。

白底到底从哪来的

ICO 图标是正方形的，而 JPG 图片往往不是。转换时必须处理多出来的部分，处理方式不同，效果差别很大：

• 居中裁剪：把图片中间裁成正方形，四周直接切掉。我最推荐这个，图标内容最大、最清晰。
• 留白填充：不裁图，在窄边补上空白。补的空白默认是白色——这就是"白底方块"最常见的来源。
• 拉伸填充：把图片硬拉成正方形。原图不是正方形的话内容会变形，脸会变宽那种，一般不建议。

工具里默认就是居中裁剪，所以直接用首页默认设置，基本不会遇到白边问题。如果你之前用的工具默认是留白填充，转出白底方块就不奇怪了。

想要真透明背景，只有一个办法：先抠图

如果手里只有 JPG，又非要透明底的 favicon，那就先把背景抠掉、导出成 PNG，再拿去转 ICO。抠图工具现在很成熟，在线的 remove.bg、Photoshop 的快速选择、甚至不少手机 App 都能一键抠。抠完导出 PNG，拖回工具，出来的就是透明图标。

这一步我建议放在转 ICO 之前做，别指望转换工具替你抠。我见过不少站把"自动抠图"当卖点，实际抠出来的边缘全是毛刺，放大看惨不忍睹。自己抠一张干净的素材，比什么都强。

顺手实测：白底图标在深色界面下的样子

前几天有用户反馈"图标在深色标签页上像个白色药丸"，我拿 Windows 11 深色模式实测了一下：白底方块在深色标签页、深色任务栏上确实非常突兀，像贴了块膏药。反过来，透明底的图标在深浅两种界面下都自然。

所以只要网站支持深色模式，favicon 尽量用透明背景。素材不行就按上面说的先抠图，花不了两分钟。

动手试试

把 JPG 拖进首页的图片转ICO工具，默认"Favicon 套装"（16+32+48）居中裁剪，点一下下载就行。全程浏览器本地处理，图片不上传，关掉页面不留痕迹。