一、最简上手
Claude Code 支持在对话中接收图片。截图、设计稿、报错界面、数据图表都可以直接发送给它分析。
三种输入方式:
粘贴是最常用的方式。截图后在 Claude Code 输入区按 Ctrl+V,出现 [Image #N] 标记表示图片已附加,输入问题后按回车发送。
二、更多输入方式
拖拽文件:从 Finder 或资源管理器将图片拖入 Claude Code 所在的终端窗口,终端显示文件路径后输入问题即可。
路径引用:直接在提示中写明图片路径。
多张图片:一条消息中可包含多张图片。连续粘贴或写明多个路径即可。
图片标记 [Image #N] 支持 Cmd+Click(Mac)或 Ctrl+Click 打开原图查看。
三、实际场景应用
场景一:UI 截图分析
截取界面截图,让 Claude Code 分析布局问题或直接生成实现代码。
发送图片时说明来源和具体问题,分析会更准确。"这是 Chrome 开发者工具的截图"比"这是什么"提供了更多可用信息。
场景二:图表与数据理解
截取数据图表,让 Claude Code 提取关键信息或生成分析。