图片编辑器

工具介绍

给截图补个箭头、给宣传图打上水印、把长图裁成公众号封面——这些事若靠单一功能的小工具接力，得在标注、裁剪、压缩几个站点之间来回倒腾，每换一站都重新上传一遍。这个编辑器把图层、文字、裁剪与导出压缩放进同一块画布：上传底图或新建空白画布后，箭头、矩形、文字、水印随手叠加，一次编辑直接出成片。

画布按图层管理：图片层可以加圆角或椭圆蒙版、调亮度对比度、上模糊等滤镜，还能原地替换图片；文字层双击即可在画布内修改内容；多选图层后可对齐与分布。裁剪支持常用比例锁定，画布尺寸和背景色随时可调；导出时按倍率或目标宽度缩放，配合质量滑杆压成 PNG / JPG / WebP。

使用步骤

1. 进入页面后拖入底图——画布为空时第一张图自动按它的尺寸建画布；或点「新建空白画布」，从 1:1、16:9、小红书 3:4、公众号封面等预设起步。
2. 用工具栏添加文字、水印、箭头、矩形、椭圆等图层：双击文字直接在画布上编辑，拖动手柄调整位置、大小与旋转。
3. 需要裁掉多余部分时按 C 进入裁剪，可锁定 1:1、16:9 等比例，Enter 应用、Esc 取消。
4. 在图层面板与属性面板里精修：滤镜与蒙版、字体颜色、图层显隐与顺序、对齐分布都在这里，改画布尺寸也从此进入。
5. 点「导出图片」，选格式与质量，按目标宽度（或 0.5× / 1× / 2× 倍率）定尺寸，看完体积估算再下载。
6. 中途离开点「存档」导出工程文件，或者直接关页面——草稿已自动暂存，回来会提示恢复编辑。

适用场景

• 给缺陷截图或操作演示补箭头、框选和文字说明，发出去对方一眼就能看懂。
• 自媒体配图统一加水印和角标，再按各平台要求的宽度导出，不必在几个工具之间搬运。
• 把商品图裁成 1:1 或 3:4 的主图规格，顺手压到目标宽度控制体积。
• 从空白画布起步做封面图：叠形状底纹与标题文字，一次排版成型。

常见问题

我的图片会被上传吗？

不会。画布渲染、滤镜、导出全部在浏览器本地完成，图片、文字与工程文件不上传任何服务器，存档和草稿也只保存在你自己的设备上。

关掉页面后编辑会丢吗？

默认不会丢。编辑过程会自动暂存到本机，重新打开页面时出现「恢复编辑」提示，点一下即可接着改。想跨设备迁移就点「存档」导出 .json 工程文件，在另一台电脑上「导入工程」继续。

撤销能回多少步？

最多 50 步。Ctrl+Z 撤销、Ctrl+Shift+Z 或 Ctrl+Y 重做，工具栏上也有对应按钮；拖动滑杆这类连续操作会合并成一步，不会几下就耗光记录。

导出时怎么控制文件大小？

最直接的办法是选 JPEG 或 WebP 并调低质量滑杆，面板会实时估算文件体积；再把目标宽度调小（高度按比例跟随），双重压缩后通常能显著缩小。PNG 是无损格式，不受质量滑杆影响。

透明背景导出 JPEG 后变白了？

这是格式限制：JPEG 不支持透明，导出时会自动垫白。需要保留透明就选 PNG 或 WebP，导出面板也会提前给出提示。

超大图片能处理吗？

能。单边超过 4096px 的图片会自动等比缩放后加载（页面会提示），画布单边上限 6000px，导出总像素受浏览器上限保护，超出会被引导调小，而不是静默导出一张空白图。

基本操作

• 画布上还没有图层时，第一张上传的图片按底图装载（画布随图片尺寸重建），也可新建空白画布
• 图层可拖动、八向手柄缩放、顶部手柄旋转；按住 Shift 依次点击可多选
• 文字图层双击直接在画布内编辑；按住 Shift 拖角手柄等比缩放
• 方向键微调 1px（Shift 为 10px）；Ctrl+C / Ctrl+V 复制粘贴、Ctrl+D 原位复制、Ctrl+A 全选
• 按住 Alt 拖拽图层可复制一份；[ / ] 调整选中图层层级
• 属性面板可一键对齐画布（左/中/右/上/中/下）与水平/垂直翻转；多选后可对齐选区与分布
• 选中图片图层后可在属性面板「替换图片」，保持位置与大小不变

画布与视图

• 滚轮缩放、空格+拖动或中键平移；0 适应窗口、1 回到 100%
• 从上/左标尺往画布内拖出参考线，拖动时自动吸附画布边缘/中线与其他参考线；双击或拖回标尺删除，状态栏「中心线」一键开文档中轴线
• 裁剪（C）后拖动裁剪框，Enter 应用、Esc 取消；可按 1:1 / 16:9 / 9:16 / 4:3 / 3:4 锁定比例，画布尺寸/背景在未选中图层时的属性面板调整
• 调整画布尺寸时可锁定宽高比，宽高输入自动联动；导出支持 PNG / JPG / WebP，可自定义文件名、设质量（压缩度）与目标宽度，高度按比例
• 移动图层时自动对齐画布边缘/中线、参考线与其他图层，参考线提示

图层与滤镜

• 形状支持渐变填充；图片层可加圆角/椭圆蒙码与滤镜（亮度、对比度、模糊等）
• Ctrl/⌘ + D 复制图层；Ctrl/⌘ + Z 撤销、Shift 为重做（最多 50 步）
• Ctrl/⌘ + S 导出工程文件（.json），下次「导入工程」继续编辑；草稿自动暂存于本机

隐私说明

• 全部编辑在浏览器本地完成，图片、文字与工程文件不会上传任何服务器