图透镜 Image Lens
图透镜 Image Lens 是一个 Chrome 浏览器插件,用于分析网页图片,并将图片内容反推为可编辑、可复制、可用于生图的提示词。
安装:Chrome 应用商店 - Image Lens
当前版本支持 Gemini,也支持手动配置 OpenAI Compatible 服务进行图片识别与生图。插件采用自备 API Key 模式:项目不会内置、提供或托管任何 API Key,用户需要在插件选项页填写自己的配置后使用。
1.1.1 版本亮点
- 修复 Pinterest、Instagram 等网站上鼠标移到图片时不显示识别按钮的问题
- 包含 1.1.0 的全部更新,见下方
完整说明见 RELEASE_NOTES_1.1.1.md。
1.1.0 版本亮点
- 全新界面:更简洁的面板和设置页,跟随系统自动切换浅色 / 深色
- 重写提示词反推逻辑:模型按固定结构直接输出中英文提示词、九个维度的结构和标题,不再拼凑或补默认值;会照抄图中文字,覆盖色彩
- 新增右键菜单「用图透镜分析这里的图片」,能分析悬浮按钮够不到的图片
- 新增框选区域截图分析,支持右键菜单、工具栏图标和快捷键
Alt+Shift+S
- 修复提示词里出现
[object Object]、f/1.8 / 16:9 等数字被拆开的问题
- 修复 OpenAI Compatible 生图结果无法显示的问题
- 识图失败时给出明确原因,不再显示一段通用的假提示词
完整说明见 RELEASE_NOTES_1.1.0.md。
功能特性
- 在网页图片左上角显示快捷识别按钮
- 点击图片按钮后自动分析图片内容
- 右键菜单「用图透镜分析这里的图片」:能识别被透明遮罩盖住的图片、CSS 背景图、canvas 和视频画面
- 框选任意区域截图分析:右键菜单、点击工具栏图标或快捷键
Alt+Shift+S
- 生成精简版 / 完整版提示词
- 支持中文 / 英文提示词切换,也可以在设置里关闭中文提示词生成
- 插件界面支持中文 / English,默认跟随浏览器语言
- 识图和生图可以分别选择 Gemini 或 OpenAI Compatible 服务商
- 支持结构化查看提示词内容
- 支持直接编辑识别出来的提示词
- 支持一键复制提示词
- 支持在弹窗内直接生图
- 支持选择生图比例:1:1、3:4、4:3、9:16、16:9
- 支持在新页面查看和下载生成图片
- 简洁的微透明界面,跟随系统自动切换浅色 / 深色
- 提示词下方有九个结构按钮(主体、环境、风格、光线、色彩、镜头、构图、材质、渲染),点哪个就复制哪一部分
- 生图比例默认匹配原图形状
- 上传前自动把大图缩小到长边 1600 像素以内,识别更快、更省费用
- 设置页分类导航,修改后自动保存
当前默认模型
当前版本默认使用 Gemini:
- 图片识别模型:
gemini-3.8-flash
- 图片生成模型:
gemini-nano-banana-2.1
不同账号、地区、套餐或 API 版本可能支持不同模型。如果遇到模型不可用,请到插件选项页修改模型名称,或参考 Gemini 官方文档确认当前可用模型。
安装方式
从 Chrome 应用商店安装(推荐)
打开 Chrome 应用商店 - Image Lens,点击「添加至 Chrome」。安装后进入插件选项页填写自己的 API Key 即可使用,之后的版本更新会自动安装。
从源码安装
- 下载或克隆本项目到本地。
- 打开 Chrome,进入
chrome://extensions/。
- 开启右上角的「开发者模式」。
- 点击「加载已解压的扩展程序」。
- 选择本项目所在文件夹。
- 安装完成后,进入插件选项页填写 Gemini API Key。
使用方式
- 打开插件选项页。
- 选择识图服务商,并填写对应的 Base URL、API Key 和模型名称。
- 如需使用生图功能,开启「生图功能」,并选择生图服务商后填写对应配置。
- 如果识图和生图使用同一个服务商,也可以填写同一个 API Key。
- 打开任意包含图片的网页。
- 鼠标移动到图片上,图片左上角会出现插件按钮。
- 点击按钮后,插件会分析图片并生成提示词。
- 如果鼠标移上去没有出现按钮(图片被遮罩盖住、是背景图或视频画面),可以右键选择「用图透镜分析这里的图片」。
- 也可以右键选择「用图透镜框选区域分析」、点击浏览器工具栏上的插件图标,或按
Alt+Shift+S,拖动框选页面上任意区域来分析。快捷键可以在 chrome://extensions/shortcuts 修改。
- 你可以切换精简版 / 完整版、中文 / 英文、查看结构、手动编辑,或一键复制。
- 如已开启生图功能,可以选择比例并点击「立刻生图」。
API Key 与隐私说明
本项目采用自备 API Key 模式。
- 插件不会内置作者的 API Key。
- 插件不会向项目作者或第三方服务器上传你的 API Key。
- API Key 会保存在当前浏览器的
chrome.storage.local 中。
- 图片识别和生图请求会直接发送到用户配置的 Gemini 或 OpenAI Compatible API。
- 当你点击识别图片时,插件会优先读取目标图片,并将图片数据发送给当前选择的识图服务商用于分析。
- 如果目标网站限制直接读取图片,插件会在本地截取当前可见标签页,并只裁剪出你刚刚点击的图片区域后再发送给当前选择的识图服务商。
- 当你点击生图时,插件会将当前提示词发送给当前选择的生图服务商用于生成图片。
- 项目作者不会收集、存储或分析你的网页内容、图片内容、提示词或生成结果。
请注意:只要 API Key 填写在浏览器插件中,它就属于客户端持有。请妥善管理自己的 API Key,并根据需要在对应平台设置额度、权限和风控规则。
更完整的说明见 PRIVACY.md。
Chrome 权限说明
本插件需要以下权限:
storage:用于在本地保存用户填写的 API Key、模型名称、Base URL 和插件设置。
contextMenus:用于在右键菜单中加入「分析这里的图片」和「框选区域分析」。
<all_urls>:用于在网页图片上注入识别按钮,并读取用户点击的网页图片。
https://generativelanguage.googleapis.com/*:用于把用户主动触发的 Gemini 请求发送到 Gemini API。
插件只会在用户主动触发识图或生图时发起外部请求。
项目结构
.
├── manifest.json # Chrome Manifest V3 配置
├── background.js # 后台逻辑、Gemini API 请求、设置读写
├── content.js # 网页注入逻辑、图片按钮、右键分析、框选截图、主弹窗交互
├── content.css # 主弹窗、框选遮罩与网页注入样式
├── i18n.js # 中英文界面文案
├── options.html # 插件选项页
├── options.js # 选项页逻辑
├── options.css # 选项页样式
├── donation-widget.js # 选项页「请我喝咖啡」组件
├── donation-widget.css
├── viewer.html # 生图结果查看页
├── viewer.js # 生图结果页逻辑
├── viewer.css # 生图结果页样式
├── PRIVACY.md # 隐私说明
├── LICENSE # MIT License
├── assets/ # 赞赏二维码等静态资源
└── icons/ # 插件图标
开发说明
本项目是原生 Chrome Extension 项目,没有复杂构建流程。
修改代码后,在 chrome://extensions/ 页面点击插件的「重新加载」即可测试最新版本。
如果修改了 content script 或样式,建议同时刷新目标网页。
常见问题
为什么填了 API Key 还是不能用?
可能原因包括:
- API Key 无效或没有启用对应服务。
- 当前账号没有对应模型权限。
- 模型名称填写错误。
- Base URL 填写错误,或者兼容网关本身不支持该模型。
- 图片跨域、失效或无法被插件读取。
为什么右键菜单或快捷键没有反应?
插件安装或更新之前就已经打开的网页,里面还是旧的页面脚本,需要刷新一下网页。chrome:// 开头的页面和 Chrome 应用商店页面不允许插件运行,也无法使用。
为什么生图模型报 not found?
这通常表示当前 API 版本、账号、地区或套餐不支持该模型。请到 Gemini 官方文档查看当前可用模型,并在插件选项页修改模型名称。
插件会不会上传我的 API Key?
不会。API Key 只保存在本地浏览器的 chrome.storage.local。项目作者没有服务器,也不会接收你的 API Key。
能否支持其他模型厂商?
当前版本内置 Gemini,并支持手动配置 OpenAI Compatible 服务。
如果你希望接入其他模型厂商,可以基于本项目代码自行修改和适配。通常需要调整的部分包括:
background.js 中的 API 请求地址、鉴权方式和请求参数
- 图片识别接口的输入格式与返回解析逻辑
- 生图接口的输入格式、比例参数和图片结果解析逻辑
options.html / options.js 中的模型配置项
不同厂商在识图、生图、模型命名、鉴权方式、额度套餐和返回结构上差异较大,因此本项目不保证其他厂商可以直接替换模型名称后使用。
支持作者
如果这个插件对你有帮助,欢迎请我喝杯咖啡:
- 海外:Ko-fi
- 中国大陆:在插件设置页点击「请我喝咖啡」,选择微信扫码赞赏
License
MIT License. See LICENSE.
© 2026 嘉文钱
评论