图片编辑器

🖼️

上传图片开始编辑

拖放或点击上传

未选择图片

在线编辑图片，添加文字、箭头、图形、马赛克、裁剪和缩放，适合截图标注、隐私打码和轻量修图。

什么是网页版图片编辑器？

网页版图片编辑器是一种无需下载和安装、打开浏览器即可使用的在线图像处理工具。和传统 Photoshop、Paint.NET 不同，在线编辑器基于 HTML5 Canvas 技术直接在浏览器内渲染像素，所有处理都在你的设备本地完成，不需要把图片上传到服务器。

**它能做什么？** 它把日常图片处理中最高频的几类需求整合到一个页面里：标注（箭头、文字、矩形、圆形、高亮）、打码（马赛克）、裁剪、缩放、涂鸦（画笔、铅笔）、橡皮擦和撤销重做。这些功能覆盖了办公、教学、运营、客服、产品反馈 90% 以上的「改图」需求。

**为什么越来越多人在用在线编辑器？** 启动大型专业软件需要几十秒甚至几分钟，而在线编辑器加载即用，非常适合处理一两张截图的轻量场景；它天然支持跨平台（Windows、macOS、Linux、iPad、Chromebook 均可使用）；不需要管理员权限安装，企业和学校电脑也能直接使用。

**隐私怎么保护？** GeekFormat 的图片编辑器全程在浏览器内通过 Canvas API 处理图片，文件不会被上传到任何服务器，处理完关闭页面即「销毁」，比社交软件传截图更安全。这也是为什么它特别适合处理包含身份证、地址、人脸、聊天记录的脱敏场景。

**适合谁用？** 上班族标注工作截图、写技术文档画示意图、教学 PPT 加箭头、客服工单打马赛克、博客作者加封面文字、外卖平台差评截图打码、社交媒体内容运营快速修图等，几乎覆盖了所有需要「改一下这张图」的场景。

适用场景

产品反馈或 Bug 报告里需要圈出问题位置，并加箭头和文字说明。
客服工单、合同截图、订单截图分享前，需要隐藏姓名、电话、地址或账号。
教程、知识库、PPT 和技术文档需要把操作步骤标注得更清楚。
不方便安装 Photoshop 或系统画图工具时，临时完成裁剪、缩放、涂鸦和加文字。
运营素材或博客配图需要加标题、框选重点区域，再导出无水印图片。
聊天记录、报错窗口和网页截图需要快速粘贴、编辑并发送给同事。

使用方法

上传 PNG、JPG、WEBP、BMP 图片，或直接粘贴剪贴板截图。
选择文字、箭头、图形、高亮、马赛克、裁剪、缩放或画笔工具。
在画布上编辑图片，必要时放大查看细节，并用撤销重做调整效果。
确认无误后导出图片，下载高清无水印 PNG 文件。

功能特点

截图标注工具齐全：文字、箭头、矩形、圆形、直线、高亮、下划线和删除线都能直接添加。
隐私打码更顺手：马赛克涂抹可隐藏人脸、账号、地址、订单号、聊天记录等敏感信息。
本地浏览器处理：图片通过 Canvas 在当前设备内完成编辑，不需要上传到服务器。
剪贴板截图直用：支持 Ctrl+V 或 Command+V 粘贴截图，省去先保存文件的步骤。
裁剪与缩放同页完成：可保留比例调整尺寸，也能裁掉多余画面，只留下重点区域。
撤销重做放心试错：误画、误删、误打码都可以回退，再继续修改。
高清无水印导出：完成后下载 PNG 图片，适合文档、工单、教程和社交分享。

常见问题

这款在线图片编辑器免费吗？

免费使用，无需注册。文字、箭头、图形、马赛克、裁剪、缩放、涂鸦等工具都可直接使用，导出图片不添加水印。

图片会上传到服务器吗？

不会。页面使用浏览器 Canvas 处理图片，标注、裁剪、缩放和马赛克都在本地完成，适合处理包含个人信息或工作内容的截图。

可以直接粘贴系统截图再标注吗？

可以。复制截图后在页面按 Ctrl+V 或 Command+V，就能直接进入编辑区，适合快速处理聊天记录、报错截图和产品反馈图。

如何给截图加箭头和文字说明？

上传或粘贴图片后，选择文字或箭头工具，在画布上点击或拖动即可添加。还可以调整颜色、线宽和字号，让重点更清楚。

怎样给身份证号、手机号或聊天记录打码？

选择马赛克工具后在敏感区域拖动涂抹即可。需要微调时可切换橡皮擦或撤销上一步，避免遮挡过多内容。

能裁剪图片并调整尺寸吗？

可以。裁剪工具用于保留重点区域，调整大小工具可设置目标宽高，并支持等比缩放，避免图片变形。

支持哪些图片格式？

支持常见 PNG、JPG/JPEG、WEBP、BMP 图片上传或导出。默认导出 PNG，适合保存带文字和标注的截图。

手机或平板可以使用吗？

页面支持触控操作，但复杂标注和精细马赛克更适合桌面浏览器。移动端可以用于简单裁剪、打码和下载。

术语表

Canvas: HTML5 提供的画布元素，配合 2D Context API 可以在浏览器内绘制位图。本工具的所有标注、马赛克、裁剪都是通过 Canvas 实时合成实现的。
位图（Bitmap / Raster）: 由像素组成的图像，每一格都有固定的颜色值。与矢量图不同，位图放大时会失真，但能表达复杂色彩，是网页截图、照片、扫描件的天然格式。
马赛克（Mosaic / Pixelation）: 把目标区域的像素按一定步长合并为大块色块的处理方式，让人眼无法辨认原始细节。常用于打码人脸、车牌、证件号等敏感信息。本工具的「马赛克」工具通过用源图周围像素填充目标区域实现。
高亮笔（Highlighter）: 半透明的笔刷工具，常用黄色或绿色模拟真实荧光笔。在本工具中默认以 50% 透明度叠加在原图上，用于强调关键文字段落而不完全遮挡。
无损编辑（Non-destructive Editing）: 编辑过程中不修改原始像素，每次操作叠加一层，撤销时回到上一步。区别于「光栅化 + 重采样」，本工具因为有无限撤销重做栈，所以是典型的无损编辑。
PNG / JPG / WEBP / BMP: 四种主流位图格式。PNG 支持透明通道且无损，适合带标注的截图；JPG 是压缩照片格式，不支持透明；WEBP 是 Google 推出的现代格式，体积小且支持透明；BMP 是 Windows 历史无损位图，体积较大。
toBlob / toDataURL: Canvas 提供两种导出方式：toBlob 生成二进制文件可直接下载，toDataURL 生成 Base64 字符串适合直接嵌入 HTML。本工具默认走 toBlob，下载得到的就是原始文件。

内置编辑工具一览

工具类别	工具	典型使用场景
选择与编辑	`选择 / 删除`	选中或移除已有标注元素
选择与编辑	`文字`	给截图加文字说明或标题
选择与编辑	`填充`	矩形区域灌色，做高亮遮挡
几何工具	`矩形 / 圆形`	框选区域、突出重点
几何工具	`箭头 / 直线`	指示位置、画流程图
标注工具	`高亮笔`	黄色高亮强调文字段落
标注工具	`下划线 / 删除线`	标注文本审阅修改痕迹
涂鸦绘制	`画笔 / 铅笔`	手绘涂鸦、签名、画线
涂鸦绘制	`橡皮擦`	擦除马赛克或绘制内容
光栅工具	`裁剪`	自由矩形裁剪图片
光栅工具	`马赛克`	涂抹隐藏人脸、账号、地址等敏感信息
光栅工具	`调整大小`	缩放画布到目标尺寸

支持的上传与导出格式

格式	可作为源文件	可导出	说明
`PNG`	✅	✅	支持透明通道，编辑无损，推荐默认输出
`JPG / JPEG`	✅	✅	压缩照片，体积小，但不支持透明
`WEBP`	✅	✅	现代网页格式，体积比 JPG 小 25-35%
`BMP`	✅	✅	原始位图，无损但体积大
`剪贴板粘贴`	✅	❌	直接粘贴系统截图，无需保存为文件

图片编辑器

相关推荐

图片裁剪

图片水印

图片旋转翻转

图片滤镜

图片圆角

SVG 查看器