Overlay images — Layer Editor

Combine multiple images and texts directly in the browser.

Drop images here ✨
Everything runs locally in your browser. Drag and drop images into the grid area. Export as PNG (transparent) or JPEG (with background).

Benefits of UtiliApp

  • ✓100% free
  • ✓Works in the browser
  • ✓Not registered
  • ✓Deleted files

How to use

  1. 1.

    Send files

    Click on “Add image” or drag and drop multiple images into the grid area.

  2. 2.

    Organize layers

    Move, resize, and rotate. Use Front/Back/Top/Bottom to sort, and the sidebar to rename, hide, or lock.

  3. 3.

    Add texts

    Use the Text button to insert a text layer. Adjust opacity and angle in the properties.

  4. 4.

    Adjust frame

    Set frame width × height (final size). Check Proportion to keep the aspect ratio and choose Background or Transparent.

  5. 5.

    Set output scale

    Scale multiplies the frame size in the exported file (e.g.: 2 = 200%).

  6. 6.

    Export or Save

    Export to PNG (supports transparency) or JPEG (uses the background color). Save/Load the project as a .json file to continue later.

Frequently Asked Questions

Does the first image define the size?

Yes. When you add the first image, the frame adopts its size. You can change it later in Size (L×A).

Does PNG maintain transparency?

Yes. For PNG, you can leave Transparency on. For JPEG, transparency is not supported — the background color will be used.

How do I save my project?

Use Save project to download a .json file with the layers. Then load it in Load to continue editing.

Is there a size limit?

For performance, the frame accepts between 64 and 8000 px per dimension. Sizes and many layers require more memory from the browser.

Can I undo/redo?

Yes. Use the Undo/Redo buttons or the Ctrl+Z / Ctrl+Y shortcuts (Shift+Ctrl+Z).

Does the processing send files to the server?

No. Everything is processed locally in your browser.

Your files are processed locally and deleted.

Editing tips

  • Use "Lock aspect ratio" on objects when resizing to avoid distortions.
  • Lock layers in place to prevent moving them accidentally (the “Lock” option in the panel).
  • Name the layers so you can easily find them in the list.

Layers and history

The history records additions, changes, and removals. If something goes out of place, use Undo to revert to a previous state.

Export

  • PNG is ideal for logos and elements with transparency.
  • JPEG creates smaller files for photos; choose a background color.
  • The “Escala” multiplies the frame size only on export, useful for generating high-resolution images.

Useful shortcuts

Ctrl+Z Undo • Ctrl+Y Redo • Del Delete • Shift to move 10px with the arrow keys

See also