绝大多数开发者使用 Claude Code（网页端 + Cursor 插件）上传截图后都会踩致命问题：UI 设计稿尺寸、色值、布局识别偏差；终端报错漏读关键堆栈；架构流程图节点关系错乱；需求文档小字丢失、表格解析错位。很多人误以为是模型视觉能力不足，实际 90% 识图不准确根源来自：图片预处理不规范、提示词无结构化约束、模型选型错误、多图上下文缺失、复杂图未分层拆解。本文覆盖开发四大高频识图场景：UI 设计稿还原、终端报错截图、需求文档截图、流程图 / 系统架构图，提供可直接复制的预处理标准、分场景万能提示词、分层迭代工作流、API 批量处理脚本，全部经过线上项目实测，落地即可大幅提升识图精准度，无空泛理论，纯硬核可复用方案。一、先理清：Claude Code 识图失真 5 大核心底层原因图片分辨率超限自动压缩Claude Sonnet 长边上限 2576px，Haiku 仅 1568px，4K 长截图、手机长图上传后内部强制缩小，小字、细分割线、色值直接丢失细节Claude。格式与画质损耗JPG 压缩产生文字锯齿，长滚动截图信息密度过高，AI 无法区分主次内容；拍照文档倾斜、低对比度导致 OCR 识别错乱。仅上传图片无结构化文字约束只丢一张图让 AI 自由解读，缺少页面用途、技术栈、核心提取目标，模型随机忽略关键细节，UI、流程图偏差最大。