
打开浏览器,标签栏里十几个网站的图标五颜六色,红的绿的蓝的挤在一起,视觉上像一盘打翻的调色盘。软件格律诗 推荐一个名为 Favicon Studio 的 Chrome 扩展,思路很克制,不替换图案、不换图标,只保留网站 favicon 原本的轮廓和透明区域,把里面的阴影色与高光色重新映射成你选的双色配色,让杂乱的标签栏获得统一但仍然容易辨认的视觉风格。
项目由开发者 jackyrwj 在 GitHub 开源,基于 Manifest V 3,Chrome、Edge 及其他 Chromium 内核浏览器都能用。

主要功能一览
| 能力 | 你得到什么 |
|---|---|
| 9 组预设主题 | 快速统一标签页配色,不需要逐个挑选颜色 |
| 自定义双色 | 分别设置阴影色和高光色,并即时查看效果 |
| 真实 favicon 预览 | 每个选项都使用当前网站的真实图标,不靠示意图猜效果 |
| 当前网站设置 | 只修改指定域名,不影响其他标签页 |
| 全局默认主题 | 为所有尚未单独设置的网站应用同一套配色 |
| 单站覆盖 | 某个网站可以覆盖全局主题,或选择「Keep original」保留原图标 |
| 已打开标签更新 | 安装或升级扩展后,选中主题即可初始化旧标签页,无需强制刷新页面 |
| 动态 favicon 处理 | 网站在运行时更换图标后,扩展会检测并重新应用主题 |
| 本地保存 | 主题、颜色和域名偏好存储在 chrome.storage.local 中 |
只改颜色,不换图案
这是它和常见「图标替换类」扩展最大的区别。扩展会读取网站声明的 favicon,解析图标亮度,把原图中的阴影与高光映射到所选双色上,再通过 Canvas 在浏览器本地重新着色,生成 PNG Data URL 替换标签页图标。轮廓、形状、辨识度都还是原来那个网站的样子,只是整条标签栏的颜色语言统一了,你依然能一眼认出哪个标签是哪个网站。

9 组预设主题加自定义双色
内置 9 组双色主题,选中即可用,不用自己研究配色。如果都不满意,可以打开 Custom colors 分别设置阴影色和高光色,支持一键交换两种颜色、随机取色,还有明暗对比检查,帮你拉开明度差,保证效果明显。所有主题定义都在开源的 palettes.js 里,改完重新加载扩展就能用自己的配色方案。

单站、全局、排除三层规则
作用范围的设计很清晰。Current site 只为当前域名设置主题,优先级最高;All sites 为所有尚未单独设置的网站应用默认主题;某个网站想保留原汁原味的图标,选 Keep original 即可,它会作为排除规则在全局主题下持续生效;Use global 可以删掉单站设置重新继承全局;Turn off global 关闭全局主题但保留各站的单独设置,关闭全局时已有单站设置不会被删除。

即时生效与动态处理
选完主题,已经打开的普通网页标签立即更新,不需要整页刷新;安装或升级扩展后,选中一次主题即可初始化旧标签页。如果网站在运行时动态更换 favicon(比如收到新消息时变红点),内容脚本会检测到并重新应用主题,不会出现「着色后又跳回原图」的破功瞬间。
预览与隐私
弹窗里每个主题选项都使用当前网站的真实 favicon 做实时预览,不靠示意图猜效果。隐私方面做得也很干净,主题、颜色和域名偏好只存在 chrome.storage.local 本地,没有分析统计、没有广告、没有远程代码、没有开发者数据服务器,后台获取 favicon 图片时不携带 Cookie 或其他凭据,也不会读取页面正文、表单、密码。
上手教程
给单个网站换色
打开任意普通 http 或 https 网站,点击工具栏图标,选 Current site,挑一组预设主题或打开 Custom colors 自定义,当前标签页图标立即更新,且该选择会持续应用于同一域名。
设置全局默认
选 All sites 再选一组主题,所有没单独设置的网站都会继承它。个别想保留原图标的网站,切回 Current site 选 Keep original。
注意事项
Chrome 保护页面(chrome:// 页面和 Chrome Web Store)不允许扩展修改图标,这是浏览器限制。图标没变化时先确认不是这类页面,再重新选一次主题,必要时刷新网站。
我的使用感受
装上第一天我就把全局主题设成了低饱和的双色,二十多个常开标签瞬间从大杂烩变成了一排整齐的「团队制服」,而且因为轮廓没动,找标签的速度没有受影响,这点比我想象中重要。单站排除是第二个惊喜,我把品牌色就是身份的几个网站(比如某购物网站)设了 Keep original,统一之中还留了点个性。自定义面板里的明暗对比检查很贴心,之前随手选的两个近似色让几个图标几乎「隐形」,拉开明度差后立刻正常。
也说两点现实情况。极简、纯色或尺寸太小的 favicon 本身明暗层次有限,双色效果会不明显,要么换对比更强的主题,要么接受个别图标效果打折;另外它需要「访问所有网站」的权限才能实现全局功能,虽然 README 和隐私政策都写明了用途边界,介意的用户可以只用单站模式。开发者也坦诚这是个人学习与体验实验项目,网站调整 favicon 加载方式后个别站点可能需要反馈等待适配。
本文信息源自:格物致知 · 科技发现周刊 006期:DeepSeek Harness(15个项目)
官方网站
https://github.com/jackyrwj/favicon-studio
下载地址
https://pan.quark.cn/s/397d9778b495







