教程截图加箭头文字说明
给操作截图添加箭头指向具体按钮,配上简短文字说明步骤,让教程或帮助文档更容易看懂。
编辑和合成全程在浏览器本地完成,图片不会经过任何服务器
文字、表情贴纸、箭头、矩形、圆形,覆盖大部分说明标注需求
拖动移动位置,拖动圆点缩放大小和旋转角度,随时修改不怕出错
不用注册、不用付费,导出结果没有任何水印标记
元素类型
不同类型元素适合不同的说明需求,添加后都可以自由拖动、缩放和旋转。
| 元素类型 | 可调整属性 | 适合场景 |
|---|---|---|
| 文字 | 内容、颜色、加粗、大小、位置、旋转角度 | 标题、提示语、简短说明文字 |
| 表情贴纸 | 大小、位置、旋转角度(表情本身自带颜色) | 点缀装饰、表达情绪、重点提示 |
| 箭头 | 颜色、线条粗细、大小、位置、旋转角度 | 指向截图中的具体按钮、区域或细节 |
| 矩形标注框 | 颜色、线条粗细、大小、位置、旋转角度 | 圈出图片中的某个矩形区域重点提示 |
| 圆形标注框 | 颜色、线条粗细、大小、位置、旋转角度 | 圈出图片中的某个点或圆形区域重点提示 |
所有元素的操作方式是统一的:直接拖动元素本身移动位置,拖动右下角圆点缩放大小,拖动右上角圆点旋转角度,点击左上角圆点删除;选中元素后,下方面板会显示该类型可编辑的具体属性。
使用方法
不需要安装任何软件,全程在网页里完成,所见即所得。
点击选择或直接把图片拖进网页,支持 JPG、PNG、WebP、GIF,单张不超过 20MB,每次只处理一张。
点击添加文字、箭头、矩形、圆形,或点击表情贴纸按钮,新元素会出现在图片中间等待调整。
拖动元素移动位置,拖动右下角圆点缩放,拖动右上角圆点旋转,下方面板修改文字内容和颜色。
确认效果满意后点击下载,所有元素会按当前样式合成到图片上并保存到本地。
技术说明
每个元素的位置、大小都以图片宽高的比例保存,而不是固定像素值,所以不管图片显示得多大多小,编辑时看到的效果和点击下载后合成到原始分辨率图片上的效果是完全一致的;下载时借助浏览器 Canvas 绘图接口重新绘制生成最终图片,全程在你的设备本地完成,不经过任何服务器。
文字要说明的内容、箭头要指向的位置、标注框要圈出的区域,都是根据每张图片的具体构图和内容手动确定的,不同图片的构图和需要强调的重点完全不同,没办法把同一套坐标和文字内容套用到不同图片上;所以这个工具专注于单张图片的精细标注,需要处理多张时请逐张打开分别操作。
常见问题
不支持。文字、箭头、贴纸的摆放位置需要根据每张图片的具体构图手动确定,比如箭头要指向的具体位置在不同图片里完全不同,没办法把同一套坐标套用到不同图片上,所以设计为单张图片精细标注的工具。如果需要给多张构图类似的图片加同样的文字或水印,建议使用「加水印」工具的批量模式。
可以。在还没下载之前,任何时候点击画面上已添加的元素都可以重新选中它,拖动元素本身调整位置,拖动右下角圆点调整大小,拖动右上角圆点调整旋转角度,下方面板还可以修改文字内容、颜色。只有点击下载后才会真正合成到图片上,下载前的调整不会影响原图。
贴纸使用的是系统自带的表情符号(Emoji),不同操作系统和浏览器渲染表情的具体样式风格会略有差异(比如苹果和安卓设备的同一个表情长得不完全一样),但含义和大致外观是一致的;导出的图片会按你下载时所用设备渲染的表情样式生成,之后在其他设备上打开显示的就是导出时固定好的样子,不会再变化。
当前版本文字统一使用系统默认字体,支持切换加粗和自定义颜色、大小,暂不支持更换字体或输入多行文字(换行会被忽略),适合添加简短的标题、提示语或标注文字;如果需要更复杂的排版说明,建议添加多个文字元素分别摆放。
完全在你当前设备的浏览器里完成,编辑过程中的实时预览是网页直接渲染的,点击下载时会用浏览器 Canvas 绘图接口把所有元素按当前的位置、大小、旋转角度重新绘制合成到图片上,全程不会把原图上传到任何服务器。
标注本质是重新绘制并编码:PNG 的透明通道会保留;但如果原图带透明区域、又被识别需要用 JPG 编码,透明部分会被填充为白色底。原图的 EXIF 拍摄参数、位置等元数据在重新编码后不会保留,如果需要专门查看或清除 EXIF,可以使用「EXIF 信息查看/清除」工具。
不用注册,不用等待,处理完直接下载。