叠加图像 — 图层编辑器

在浏览器中直接合并多张图片和文本

将图片拖放到此处 ✨
一切都在您的浏览器本地运行。将图片拖放到网格区域。导出为 PNG（透明）或 JPEG（带背景）。

UtiliApp 的好处

  • ✓100% 免费
  • ✓在浏览器中工作
  • ✓未注册
  • ✓已删除的文件

如何使用

  1. 1.

    发送文件

    点击“添加图片”或将多张图片拖放到网格区域。

  2. 2.

    整理图层

    移动、调整大小并旋转。使用前面/后面/顶部/底部进行排序，侧边栏用于重命名、隐藏或锁定。

  3. 3.

    添加文本

    使用文本按钮插入一个文本图层。在属性中调整不透明度和角度。

  4. 4.

    调整帧

    设定画框的宽度×高度（最终尺寸）。勾选比例以保持纵横比，并选择背景或透明。

  5. 5.

    设置输出比例

    缩放会使导出文件中帧的大小成倍增加（例如：2 = 200%）。

  6. 6.

    导出或保存

    导出为 PNG（支持透明度）或 JPEG（使用背景色）。将项目保存/加载为 .json 以便稍后继续。

常见问题解答

第一张图片决定大小吗？

是的。添加第一张图片时，框将调整为图片的大小。之后，你可以在尺寸（L×A）中进行更改。

PNG 能保持透明度吗？

是的。对于 PNG，您可以开启透明度。对于 JPEG，透明度不受支持—将使用背景色。

如何保存我的项目？

使用“保存项目”来下载一个包含图层的 .json 文件。然后在“加载”处将其加载，以继续编辑。

有大小限制吗？

为了性能，框架在每个维度上接受 64 到 8000 px。尺寸和大量图层需要浏览器分配更多内存。

我可以撤销/重做吗？

是的。使用撤销/重做按钮，或快捷键 Ctrl+Z / Ctrl+Y（Shift+Ctrl+Z）。

处理过程会把文件发送到服务器吗？

不。所有内容都在你的浏览器本地处理。

您的文件在本地被处理并被删除。

编辑技巧

  • 在调整对象大小时使用“锁定纵横比”以避免失真。
  • 锁定预设图层以避免无意移动（面板中的“锁定”选项）。
  • 为图层命名，以便在列表中更容易找到它们。

图层和历史

历史记录了添加、修改和删除。如果某些内容偏离了原位，请使用撤销返回到先前的状态。

导出

  • PNG 非常适合用于带透明度的徽标和元素。
  • JPEG 为照片生成更小的文件；请选一种背景颜色。
  • “Escala” 仅在导出时放大画面大小，便于生成高分辨率图像。

实用快捷键

Ctrl+Z 撤销 • Ctrl+Y 重做 • Del 删除 • Shift 用箭头移动10px

另见