让商品图从可用到清楚、完整
一张独立站商品图往往需要同时完成裁剪、局部修整、尺寸统一和文字排版。这款在线图片编辑器把这些操作放进同一个工作区:主画布查看合成结果,左侧选择工具,右侧管理图层和属性。图片始终在当前浏览器中处理,无需安装软件或注册账户。
- 打开图片或新建画布:导入 PNG、JPEG、WebP 或 GIF 首帧。需要拼图时,使用“+ 图片”添加更多图层。
- 先处理构图,再做修整:选择裁剪比例;用移动工具调整图层位置和大小,必要时旋转或翻转画布。
- 用图层组织设计:添加文字、矩形或椭圆,调整填充、描边和透明度。上移、下移决定哪一层覆盖在前。
- 选择合适格式导出:透明图选择 PNG 或 WebP;照片可以使用 JPEG 并调整品质。导出倍率改变最终像素尺寸。
橡皮擦:擦除像素,而不是涂上一块白色
橡皮擦会降低所选图层的像素透明度。没有底层时,擦过的位置会显示透明棋盘格;有底层时,则会显示下方内容。调整笔尖大小、边缘硬度和不透明度,可分别处理边缘细节、柔和过渡或大面积区域。画笔和橡皮擦都只作用于当前像素图层,便于保留其他设计元素。
文字与形状是独立的可编辑图层。需要擦除它们的一部分时,先栅格化,再使用橡皮擦。栅格化后的文字无法再逐字修改,但可以撤销回原来的状态。这个工具提供手动修整,不提供自动识别背景的 AI 抠图。
图层、调色与透明背景怎样配合?
每个图层可以单独改名、隐藏、锁定、复制、排序和设置不透明度。需要单独画图时先添加绘画图层。对商品照片调亮度、对比度、饱和度、灰度或模糊,不需要同时改变标题和形状。文字与形状各自设置颜色,画笔颜色用于像素绘画。透明区域在编辑区以棋盘格表示,导出 PNG 或 WebP 时保留透明度;导出 JPEG 时使用所选背景色填充。
保存工程,保留下一次编辑的余地
导出图片用于发布,保存工程用于继续修改。“保存工程”会下载一份 .xunl.json 文件,其中保留图层、可编辑文字、形状、变换、调色和像素内容。以后使用“打开工程”重新载入即可继续编辑。工程不包含撤销历史,也不会自动保存到服务器;请把文件存放在可信的位置。
隐藏的图层也保存在工程中,因此工程文件可能包含最终图片看不到的内容。导出前检查可见图层,分享工程前检查全部图层。工程最大 96 MiB,最多 24 个图层,全部像素图层合计最多 2400 万像素;图片文件导入仍以 40 MiB 为上限。
熟悉工具,编辑会更顺手
视图缩放只改变编辑时的观察比例。“适合画布”让当前文档完整显示,导出仍以文档像素尺寸为准。手机上可在画布下方使用图层与属性面板,精细修整时建议先放大视图。
轻量 PS 的使用范围
它适合日常商品图、社交配图、局部透明修整和简单图层排版。工作区使用浏览器的 RGB 像素画布,字体来自设备系统。可以保存 XunL 的 JSON 工程继续编辑,但不提供 PSD 兼容。复杂印刷流程、PSD 工程、CMYK 色彩管理和专业选区蒙版仍需专门软件。大图会受到文件大小和工作像素限制,避免一次编辑消耗过多内存。
常见问题
图片会上传到服务器吗?
不会。图片解码、图层合成、橡皮擦、调色与导出均在当前浏览器中完成,不向本站提交图片。页面保留站点广告,广告可能访问自己的网络服务;广告并不参与图片编辑。关闭或刷新页面会结束当前会话,请及时导出图片或保存工程。
橡皮擦怎样使用?为什么文字图层不能直接擦?
先在图层面板选择需要处理的图片或绘画图层,再选择橡皮擦,调整大小、硬度与不透明度。它真正擦除当前图层的像素透明度,底层内容会显露出来。文字与形状需先点击“栅格化”转成像素;这一步也可以撤销。橡皮擦不会自动识别背景。
支持什么图片?文件和画布有多大?
可导入 PNG、JPEG、WebP 和 GIF,每个文件最多 40 MiB,原图最多 4000 万像素、单边最多 20000 像素。GIF 仅编辑第一帧。工作图片会按最多 1200 万像素、单边最多 8192 像素进行等比例归一化,较大的原图可能被缩小;最终尺寸可在工作区查看。超大画布与高倍率导出会受到像素限制,减少浏览器内存占用。最多 24 个图层,全部像素图层合计最多 2400 万像素;图层数量和像素占用也会影响可编辑的容量。
能当作在线 Photoshop 使用吗?
适合商品图裁剪、透明像素修整、文字排版、图层合成、基础调色与社交媒体配图,可作为轻量 PS 工具使用。目前使用浏览器的 RGB 像素画布,不读取 PSD 图层、不提供 CMYK 印刷色彩管理,也不提供 AI 自动抠图。
PNG、JPEG 和 WebP 应该怎么选?
PNG 适合保留透明背景、文字和图形。JPEG 适合照片,导出时会使用所选背景色填充透明区域。WebP 适合需要较小文件并保留透明度的网页图片。JPEG 和 WebP 可以调整品质;实际文件大小会受图片内容、尺寸与浏览器编码器影响。
撤销能恢复哪些操作?
图层编辑、笔刷与橡皮擦、裁剪、变换和调色等编辑操作均纳入本次会话的撤销记录。按 Ctrl / ⌘ + Z 撤销,Ctrl / ⌘ + Shift + Z 重做。撤销记录按最多 96 MiB 的历史内存预算管理,较早记录可能被移除。它不是自动保存,刷新页面后不能恢复;保存工程也不包含撤销历史。
怎么为独立站制作一张商品图?
先导入商品照片并裁剪成目标比例,使用调色改善明暗,再添加文字或形状图层。需要局部透明修整时选中图片图层,用较小的软边橡皮擦逐步处理;最后按平台所需尺寸导出。在图片压缩工具中进一步检查体积,并在目标页面核对显示效果。
怎样保存图层,之后继续编辑?
点击“保存工程”下载 .xunl.json 文件,再通过“打开工程”恢复图层、文字、形状、变换和像素内容。工程文件上限 96 MiB,最多 24 个图层,不包含撤销历史和编辑视图。导出的 PNG、JPEG 或 WebP 是合成图片,无法重新拆出原来的文字和图层。工程采用 XunL 的 JSON 格式,像素图层以内嵌 PNG 保存,不读取远程图片链接,也不是 PSD 文件。工程含可恢复的像素内容,分享前请核对其中的图层。
字体和最终效果在不同电脑上完全一样吗?
字体使用当前设备的系统字体,同一字体族可能在不同系统显示略有差别。导出文件会把文字合成为像素,分享后不再依赖接收者的字体。画布缩放仅改变编辑时的视图大小,不会改变导出图片的像素尺寸。