在线PS

在线PS是什么

一款在浏览器里直接运行的图像编辑工具。不用装客户端，打开网页就能处理图片。

底层用的是WebAssembly和Canvas渲染。图片在本地浏览器完成计算，不上传到服务器。这一点和传统在线工具不同——多数同类产品需要先上传再处理。

支持打开PSD文件并保留图层结构。这是核心差异点。一般在线编辑器只能处理扁平化图片，它能把PSD里的图层、蒙版、混合模式读出来，在网页端继续编辑。

文件大小上限受浏览器内存限制。桌面端Chrome一般能处理200MB以内的PSD。超过这个量级会有卡顿甚至崩溃。

在线PS主要功能

• PSD图层解析：读取PSD文件中的图层、组、蒙版、调整层，输出可编辑的图层树，支持300+图层嵌套，超过500层时解析时间明显增加。
• 图层混合模式：设有27种混合模式（正片叠底、滤色、叠加等），计算方式与桌面版PS一致，输出结果逐像素对齐，色差控制在ΔE<2。
• 选区与蒙版：能处理矩形选框、套索、魔棒三种选区工具，生成8位灰度蒙版，边缘羽化半径0-250px可调。
• 画笔引擎：主打压感模拟，通过鼠标移动速度推算笔压值，输出带透明度渐变的笔触，笔刷大小1-5000px。
• 色彩调整：设有曲线、色阶、色相/饱和度、色彩平衡四类调整层，每类调整以非破坏方式作用于下方图层，参数范围与桌面版一致。
• 格式导出：能输出PNG、JPEG、WebP、PSD四种格式。PNG支持透明通道，JPEG质量1-100可调，PSD导出保留图层结构。
• 历史记录：默认记录50步操作，可在设置里调到200步。每步记录的是操作指令而非全图快照，内存占用比快照方式低约80%。

这里有个细节，画笔的压感模拟在快速绘制时会有轻微延迟，大概16ms左右。

在线PS使用要求

浏览器方面，需要支持WebAssembly和WebGL 2.0。Chrome 90+、Firefox 88+、Edge 90+、Safari 15+都可以跑。Safari在M1芯片上性能接近Chrome，Intel Mac上会慢一些。

内存占用和文件大小直接相关。打开一个50MB的PSD，浏览器标签页内存大概吃到400-600MB。建议处理大文件时关掉其他标签页。

屏幕分辨率建议1920×1080以上。低于这个值，工具栏和画布会挤在一起，操作区域偏小。

触控板可以缩放和旋转画布。触屏设备支持单指绘制、双指缩放，但精度不如数位板。

在线PS核心优势

PSD图层结构完整保留。多数在线编辑器打开PSD后直接合并图层，变成一个背景图。这个工具能把图层树读出来，每个图层可以单独选中、隐藏、调透明度、改混合模式。设计师拿到的文件和桌面版打开时结构一致。

本地计算不上传文件。图片数据全程在浏览器内存里处理，不经过服务器。处理敏感素材时不用担心文件泄露。代价是性能受本机硬件限制，老电脑打开大文件会慢。

在线PS如何使用

打开PSD：把文件拖到画布区域，或者点工具栏的文件夹图标选择文件。解析完成后左侧出现图层面板。

选中图层：在图层面板点一下图层名。按住Ctrl（Mac上是Cmd）可以多选。双击图层名可以重命名。

调整混合模式：图层面板顶部有个下拉菜单，默认是“正常”。点开选其他模式，画布实时刷新。

添加调整层：底部有个半黑半白的圆形图标，点开选曲线、色阶等。调整层会加在当前选中图层上方，影响下方所有图层。

导出图片：菜单栏文件→导出。选格式，调参数，点导出按钮。浏览器会弹出下载。

在线PS同类竞品对比

Photopea功能更全，但界面偏复杂，加载速度慢一些。Pixlr E上手快，但PSD支持弱，文件要上传。

在线PS应用场景

收到客户发来的PSD源文件，手边没有装PS的电脑，用浏览器打开检查图层结构。

需要快速改一个banner的文案，原文件是PSD。打开、改文字图层、导出PNG，全程不用装软件。

处理含敏感信息的图片。文件不离开本机，适合法务、财务类素材的临时编辑。

给团队非设计岗同事做简单图片修改。不用教他们装软件，发个链接就行。

在线PS适用人群

UI设计师：需要打开PSD查看标注、切图、改文案，但不方便装桌面版PS。

运营人员：日常做活动banner、改海报文字、裁切图片尺寸。

前端开发：拿到设计稿PSD后需要快速导出切图、查看图层间距和色值。

偶尔处理图片的普通用户：一个月用一两次，不值得装几百MB的桌面软件。

首页截图