Superponer imágenes — Editor de Capas

Combina varias imágenes y textos directamente en el navegador

Suelta imágenes aquí ✨
Todo funciona localmente en tu navegador. Arrastra y suelta imágenes en el área cuadriculada. Exporta como PNG (transparente) o JPEG (con fondo).

Beneficios de UtiliApp

  • ✓100% gratis
  • ✓Funciona en el navegador
  • ✓Sin registro
  • ✓Archivos eliminados

Cómo usar

  1. 1.

    Enviar archivos

    Haz clic en “Agregar imagen” o arrastra y suelta varias imágenes en el área cuadriculada.

  2. 2.

    Organizar capas

    Mueva, redimensione y gire. Use Frente/Trás/Topo/Fundo para ordenar y el panel lateral para renombrar, ocultar o bloquear.

  3. 3.

    Añadir textos

    Utilice el botón Texto para insertar una capa de texto. Ajuste la opacidad y el ángulo en las propiedades.

  4. 4.

    Ajustar cuadro

    Defina ancho × alto del cuadro (tamaño final). Marque la proporción para mantener la relación de aspecto y elija Fondo o Transparente.

  5. 5.

    Definir la escala de salida

    La escala multiplica el tamaño del cuadro en el archivo exportado (p. ej.: 2 = 200%).

  6. 6.

    Exportar o guardar

    Exporte en PNG (soporta transparencia) o JPEG (usa el color de fondo). Guarde/Cargue el proyecto en .json para continuar después.

Preguntas frecuentes

¿La primera imagen define el tamaño?

Sí. Al añadir la primera imagen, el cuadro toma su tamaño. Puede cambiarlo después en Tamaño (L×A).

¿PNG mantiene la transparencia?

Sí. Para PNG, puedes dejar Transparente activado. Para JPEG, la transparencia no está soportada — se usará el color de fondo.

¿ Cómo salvo mi proyecto?

Usa Guardar proyecto para descargar un .json con las capas. Después cárgalo en 'Cargar' para seguir editando.

¿Hay límite de tamaño?

Para el rendimiento, el cuadro admite entre 64 y 8000 px por dimensión. Los tamaños y muchas capas requieren más memoria del navegador.

¿Puedo deshacer/rehacer?

Sí. Utilice los botones Deshacer/Rehacer o los atajos Ctrl+Z / Ctrl+Y (Shift+Ctrl+Z).

¿El procesamiento envía archivos al servidor?

No. Todo se procesa localmente en tu navegador.

Sus archivos se procesan localmente y se eliminan.

Consejos de edición

  • Utilice “Bloquear la proporción” en los objetos al redimensionar para evitar distorsiones.
  • Bloquee capas listas para no moverlas sin querer (opción “Bloquear” en el panel).
  • Asigne nombres a las capas para encontrarlas fácilmente en la lista.

Capas y historial

El historial registra adiciones, cambios y eliminaciones. Si algo sale de su lugar, usa Deshacer para volver a un estado anterior.

Exportación

  • PNG es ideal para logotipos y elementos con transparencia.
  • JPEG genera archivos más pequeños para fotos; elige un color de fondo.
  • La “Escala” multiplica el tamaño del cuadro solo en la exportación, útil para generar imágenes de alta resolución.

Atajos útiles

Ctrl+Z Deshacer • Ctrl+Y Rehacer • Del Eliminar • Shift para mover 10px con flechas

Ver también