在线图片编辑器 — 免费的浏览器端 Photoshop 替代方案
OneKit 在线图片编辑器是一款功能强大的免费在线图片处理工具，提供类似 Adobe Photoshop 的专业编辑体验。无需下载安装任何软件，打开浏览器即可使用完整的图层管理、画笔绘制、滤镜效果、裁剪旋转等功能。所有图片处理均在浏览器本地完成，您的文件不会上传至任何服务器，完全保障隐私安全。无论是日常修图、社交媒体配图制作，还是设计创作、批量图片处理，这款在线 PS 工具都能满足您的需求。
功能特点
- 类 Photoshop 专业界面布局，菜单栏、工具栏、图层面板一应俱全
- 完整的图层管理系统：支持新建、删除、复制、排序、锁定、隐藏、混合模式和不透明度调节
- 专业画笔工具：可调节画笔大小、颜色、不透明度，支持自由绘制和涂鸦
- 橡皮擦工具集：普通橡皮擦、背景橡皮擦（透明擦除）、魔术橡皮擦（一键删除对象）
- 形状绘制工具：支持矩形、椭圆、三角形、直线等基本形状，可自定义填充色和描边
- 文字编辑工具：支持横排文字和竖排文字，可调整字体、字号、粗细、颜色、对齐方式
- 裁剪工具：自由拖拽调整裁剪区域，8 个控制手柄精确定位
- 颜色拾取器（吸管工具）：点击画布任意位置取色，快速获取精确颜色值
- 专业滤镜效果：高斯模糊、锐化、灰度、棕褐色、反色、亮度/对比度调整
- 完整的撤销/重做系统：支持最多 50 步历史记录，可点击任意历史条目直接跳转
- 支持拖拽导入图片，兼容 PNG、JPG、WebP、GIF、BMP、SVG 等主流格式
- 灵活的导出选项：支持导出为 PNG（无损）或 JPG（可调质量），自定义输出尺寸
- 画布缩放与平移：滚轮缩放、快捷键缩放，空格键临时切换抓手工具拖拽画布
- 前景色/背景色管理：预设色板、RGB 滑块、HEX 输入、最近使用颜色记录
- 完善的键盘快捷键系统，专业用户可高效操作
使用步骤
创建或打开画布
启动编辑器后会自动创建一个 1920×1080 的空白画布。您也可以通过菜单「文件 → 新建」自定义画布尺寸，或通过「文件 → 打开」导入本地图片。支持直接将图片文件拖拽到编辑器窗口中快速打开。
选择编辑工具
左侧工具栏提供了移动工具(V)、选框工具(M)、裁剪工具(C)、画笔工具(B)、橡皮擦工具(E)、油漆桶工具(G)、文字工具(T)、形状工具(U)、吸管工具(I)、缩放工具(Z)、抓手工具(H) 等常用工具。点击工具图标或按快捷键即可切换。
调整工具参数
顶部选项栏会根据当前选中的工具显示对应的参数设置。例如画笔工具可以调整大小和不透明度，文字工具可以选择字体和字号，形状工具可以设置填充颜色和描边样式。
使用图层管理
右侧图层面板展示了当前画布上的所有图层。您可以新建空白图层、复制图层、调整图层顺序、设置混合模式和不透明度。每个对象（图片、形状、文字、绘制路径）都对应一个独立图层，支持单独控制显示和锁定状态。
应用滤镜效果
选中图片对象后，通过菜单「滤镜」可以应用各种效果：高斯模糊让背景虚化、锐化增强细节、灰度和棕褐色营造复古风格、亮度/对比度调整画面明暗。滤镜参数均可自定义，实时预览效果。
裁剪与调整尺寸
使用裁剪工具(C)在画布上拖拽出裁剪区域，通过 8 个手柄精确调整范围，点击确认完成裁剪。还可以通过「图像 → 画布大小」调整画布尺寸，或通过「图像 → 图像大小」缩放整体内容。
撤销与历史记录
编辑过程中可随时使用 Ctrl+Z 撤销、Ctrl+Shift+Z 重做。右侧历史记录面板显示所有操作步骤，点击任意历史条目可直接跳转到该状态，比逐步撤销更加高效便捷。
导出保存成品
编辑完成后，通过「文件 → 导出为...」(Ctrl+Shift+E) 打开导出面板，选择 PNG 或 JPG 格式，调整输出质量和尺寸，点击导出即可下载到本地。也可以直接使用 Ctrl+S 快速保存为 PNG。
使用技巧
常见问题
这个在线图片编辑器完全免费吗？
是的，OneKit 在线图片编辑器完全免费，没有任何功能限制或使用次数限制。所有工具包括图层管理、画笔绘制、滤镜效果、文字编辑等均可免费使用，无需注册账号。
支持哪些图片格式？
导入支持 PNG、JPG/JPEG、WebP、GIF、BMP、SVG 等主流图片格式。导出支持 PNG（无损压缩，支持透明背景）和 JPG/JPEG（有损压缩，可调节质量参数 0-100）两种格式。
编辑的图片会上传到服务器吗？安全吗？
不会上传到任何服务器。OneKit 图片编辑器基于浏览器端 Canvas 和 Fabric.js 技术，所有图片处理运算均在您的设备本地完成。图片数据不会离开您的浏览器，完全保障隐私安全。即使断网也可以正常使用已加载的编辑功能。
画布最大支持多大尺寸？
默认画布尺寸为 1920×1080 像素，您可以通过「文件 → 新建」自定义任意尺寸。受浏览器 Canvas 技术限制，建议画布尺寸不超过 4096×4096 像素。过大的画布可能导致性能下降，建议根据实际需求合理设置尺寸。
有完整的快捷键列表吗？
常用快捷键：V(移动)、M(选框)、C(裁剪)、B(画笔)、E(橡皮擦)、G(油漆桶)、T(文字)、U(形状)、I(吸管)、Z(缩放)、H(抓手)、X(交换颜色)、D(重置颜色)。组合键：Ctrl+Z(撤销)、Ctrl+Shift+Z(重做)、Ctrl+O(打开)、Ctrl+S(保存)、Ctrl+N(新建)、Ctrl+Shift+N(新建图层)。可通过「帮助 → 快捷键」查看完整列表。
可以在手机或平板上使用吗？
技术上支持在移动设备的浏览器中打开使用，但由于编辑器界面针对桌面端设计，在小屏幕设备上操作体验可能不够理想。建议使用电脑端浏览器以获得最佳编辑体验，推荐使用 Chrome、Firefox、Edge 等现代浏览器。
支持图层功能吗？和 Photoshop 一样吗？
支持完整的图层管理功能。每个添加到画布的对象（图片、形状、文字、画笔路径）都是独立的图层，可以单独选择、移动、缩放、旋转。支持图层排序、混合模式（正常、正片叠底、滤色、叠加等）、不透明度调节、图层锁定和隐藏。虽然不如 Photoshop 功能全面，但对于日常修图和设计创作已经非常够用。
编辑过程中浏览器崩溃了怎么办？
目前编辑器暂不支持自动保存功能，建议在编辑过程中定期使用 Ctrl+S 导出保存阶段性成果。后续版本计划加入本地自动存档功能，将编辑状态保存到浏览器 IndexedDB 中，以防止意外丢失。
可以处理透明背景的 PNG 图片吗？
可以。编辑器完整支持 PNG 透明通道。导入含透明背景的 PNG 图片后，透明区域会显示为棋盘格图案。使用背景橡皮擦工具可以擦除图片中的指定区域使其变为透明。导出为 PNG 格式时会完整保留透明通道信息。
这个编辑器和 Photoshop、Figma 有什么区别？
OneKit 在线图片编辑器定位为轻量级在线修图工具，适合快速图片编辑和简单设计任务。与 Photoshop 相比，无需下载安装、完全免费，但功能上不支持通道、蒙版、高级调色等专业功能。与 Figma 相比，更侧重于像素级图片编辑而非矢量设计。如果您需要快速修图、添加文字水印、简单设计创作，这款工具是理想的免费选择。
相关工具推荐
隐私安全保障
您的文件完全在浏览器本地处理，不会上传到任何服务器。处理完成后，文件仅保存在您的设备中，我们无法访问您的任何数据。
编辑工具详解
移动工具 (V)
选中并移动画布上的对象。选中对象后会显示缩放手柄和旋转控制点，可以直接拖拽调整对象的位置、大小和角度。支持多选操作，按住 Ctrl 点击可选择多个对象同时操作。
画笔工具 (B)
自由绘制工具，通过鼠标或触控板在画布上绘制线条和图案。可在顶部选项栏调整画笔大小（1-200像素）和不透明度（0-100%）。画笔颜色使用当前前景色，绘制完成后自动生成独立图层。
橡皮擦工具 (E)
提供三种擦除模式：普通橡皮擦使用白色覆盖擦除；背景橡皮擦将涂抹区域变为透明（适合抠图）；魔术橡皮擦点击即可删除整个对象。三种模式满足不同擦除场景需求。
裁剪工具 (C)
在画布上拖拽绘制裁剪区域，裁剪框提供 8 个控制手柄（四角 + 四边中点），可精确调整裁剪范围。拖拽裁剪框内部可移动整个区域。确认裁剪后，画布将自动调整为裁剪后的尺寸。
文字工具 (T)
点击画布添加文字对象，支持横排和竖排两种排列方式。可在选项栏设置字体、字号（8-200px）、粗体、斜体、下划线、对齐方式等属性。双击文字进入编辑模式可直接修改内容，修改颜色会实时同步到选中文字。
形状工具 (U)
在画布上拖拽绘制基本形状，包括矩形、椭圆、三角形和直线。形状使用当前前景色填充，可在选项栏设置描边颜色和粗细。绘制完成后，形状作为独立图层可继续选择、移动和缩放。
吸管工具 (I)
颜色拾取工具，点击画布上任意像素即可获取该位置的精确颜色值。拾取的颜色会自动设置为前景色，并添加到最近使用颜色列表中，方便后续反复使用。适合在配色时快速取样参考色。
油漆桶工具 (G)
点击画布上的对象，将其填充颜色替换为当前前景色。适合快速修改形状、文字等对象的颜色。对于图片对象，油漆桶工具会在图片上方叠加一层纯色覆盖。
适用场景
日常照片修图
裁剪构图、调节亮度对比度、添加滤镜效果，快速美化手机拍摄的照片。无需专业软件，浏览器中即可完成从简单裁剪到风格化处理的全部操作。
社交媒体配图
制作微信公众号封面、微博配图、小红书笔记图片。使用文字工具添加标题和说明文案，搭配形状工具制作装饰元素，轻松产出精美社交内容。
图片水印与标注
为产品图片添加品牌水印，为截图添加箭头标注和文字说明。使用文字工具和形状工具组合，快速制作清晰的图片标注，适用于教程制作和产品展示。
简单抠图处理
使用背景橡皮擦工具擦除图片背景，将主体从背景中分离。适合制作 PNG 透明底图片、更换证件照背景色等场景，导出 PNG 格式可保留透明通道。
设计创意绘图
使用画笔工具自由绘制草图和插画，利用图层功能分层管理不同元素。支持多种颜色和画笔尺寸，配合撤销功能反复调整，适合快速创意原型绘制。
演示文稿配图
为 PPT、报告制作配图。调整图片尺寸适配幻灯片比例，添加文字标题和注解，应用统一的滤镜风格，快速产出风格一致的演示素材。
技术特性与优势
纯浏览器端运行
基于 HTML5 Canvas 和 Fabric.js 框架构建，所有图片处理逻辑均在浏览器端执行。无需安装插件或下载客户端，打开网页即可使用。这意味着您的图片数据始终保留在本地设备中，不会经过任何第三方服务器，最大程度保障数据隐私安全。
基于对象的图层系统
采用对象模型管理画布元素，每个添加的图片、形状、文字和绘制路径都是独立可编辑的图层对象。支持图层排序、混合模式（正常、正片叠底、滤色、叠加、柔光等）、不透明度控制、可见性切换和锁定保护，提供接近专业设计软件的图层管理体验。
智能历史记录系统
每一步操作都会自动保存画布状态快照，最多记录 50 步历史操作。不同于传统的逐步撤销，您可以在历史记录面板中点击任意条目直接跳转到该状态，实现非线性的编辑回溯。每条记录都标注了操作类型和图标，方便快速定位目标状态。
专业快捷键体系
参考 Adobe Photoshop 的快捷键设计，让有设计软件使用经验的用户可以无缝迁移操作习惯。单键快速切换工具，Ctrl 组合键执行常用操作，空格键临时切换抓手工具。完善的键盘操作支持让专业用户大幅提升编辑效率。
在线修图工具对比
市面上有多款在线图片编辑工具，以下是 OneKit 图片编辑器与其他主流方案的功能对比，帮助您根据实际需求选择最合适的工具。
| 功能 | OneKit 编辑器 | Photoshop | 在线 PS 类工具 |
|---|---|---|---|
| 免费使用 | 完全免费 | 付费订阅 | 部分免费 |
| 无需安装 | 浏览器直接使用 | 需下载安装 | 浏览器使用 |
| 隐私保护 | 本地处理 | 本地处理 | 需上传服务器 |
| 图层管理 | 支持 | 完整支持 | 部分支持 |
| 加载速度 | 秒开 | 启动较慢 | 需等待加载 |
| 注册要求 | 无需注册 | 需 Adobe 账号 | 通常需注册 |