Kategorien

← View All Tools

Bild-Komposition

Komponieren Sie mehrere Bilder zusammen mit präziser Kontrolle über Position, Deckkraft und Mischmodi

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Basisbild, auf das andere Bilder komponiert werden

Click to upload files or drag and drop files here

Maximum file size: 20MB Maximum files: 8
Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

1-8 Bilder zum Komponieren auf das Basisbild auswählen

Wie die komponierten Bilder angeordnet werden sollen

Mischmodus für komponierte Bilder

Breite der finalen Leinwand (leer lassen für Basisbildbreite)

Höhe der finalen Leinwand (leer lassen für Basisbildhöhe)

Hintergrundfarbe für transparente Bereiche (Standard: transparent)

Ausgabeformat für das komponierte Bild

Ausgabequalität für verlustbehaftete Formate (JPEG, WebP, AVIF)

Wichtige Fakten

Kategorie
Design
Eingabetypen
file, select, number, color
Ausgabetyp
file
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Mit unserem Tool zur Bild-Komposition können Sie mühelos mehrere Bilder zu einer einzigen Datei zusammenfügen und dabei präzise Layouts, Mischmodi und Ausgabeformate definieren.

Wann verwenden

  • •Wenn Sie mehrere Einzelbilder zu einer Collage oder einem Raster zusammenführen möchten.
  • •Wenn Sie grafische Effekte durch das Überlagern von Bildern mit verschiedenen Mischmodi erzielen wollen.
  • •Wenn Sie eine einheitliche Bildkomposition für soziale Medien oder Präsentationen in einem spezifischen Format benötigen.

So funktioniert es

  • •Laden Sie ein Basisbild hoch, das als Grundlage für Ihre Komposition dient.
  • •Wählen Sie bis zu acht weitere Bilder aus, die auf dem Basisbild angeordnet werden sollen.
  • •Konfigurieren Sie das Layout, den Mischmodus und die gewünschten Ausgabeparameter wie Format und Qualität.
  • •Starten Sie den Prozess, um Ihr fertiges Bild direkt herunterzuladen.

Anwendungsfälle

Erstellung von Social-Media-Collagen aus mehreren Produktfotos.
Anwendung von kreativen Überlagerungseffekten auf bestehende Grafiken.
Zusammenführung von Diagrammen und Screenshots in einem einheitlichen Raster-Layout.

Beispiele

1. Produkt-Collage erstellen

E-Commerce-Manager
Hintergrund
Für eine Werbekampagne müssen drei verschiedene Produktfotos in einem horizontalen Layout nebeneinander präsentiert werden.
Problem
Manuelles Zusammenfügen in Grafikprogrammen ist zeitaufwendig.
Verwendung
Basisbild hochladen, drei Produktbilder als Kompositionsbilder wählen und den Layout-Modus auf 'Horizontal' stellen.
Beispielkonfiguration
layoutMode: horizontal, outputFormat: png
Ergebnis
Ein nahtlos zusammengefügtes Bild mit allen drei Produkten in einer Datei.

2. Textur-Überlagerung

Grafikdesigner
Hintergrund
Ein Foto soll mit einer Grunge-Textur versehen werden, um einen Vintage-Look zu erzeugen.
Problem
Die Textur muss präzise über das Bild gelegt und mit dem richtigen Mischmodus kombiniert werden.
Verwendung
Foto als Basisbild hochladen, Textur als zweites Bild wählen und den Mischmodus auf 'Überlagerung' setzen.
Beispielkonfiguration
blendMode: overlay, outputFormat: webp, quality: 90
Ergebnis
Ein stilisiertes Bild mit angewandtem Textur-Effekt im WebP-Format.

Mit Samples testen

image, png, jpg
Windows C++ Bildverarbeitung Beispiele
Windows C++ Bildverarbeitungsbeispiele einschließlich Bild-Laden/Speichern, Größenänderung und Formatkonvertierung mit Windows Imaging Component
title token image
image
Web Rust Bildverarbeitungsbeispiele
Web Rust Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
title token image
image
Bildverarbeitung macOS Objective-C - Beispiele
macOS Objective-C Bildverarbeitungsbeispiele einschließlich Bild-Lesen/Schreiben, Bild-Skalierung und Formatkonvertierung
title token image
image
Web Python Bildverarbeitung Beispiele
Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
title token image
image

Verwandte Hubs

Image-Tools
Entdecken Sie 40 image-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Convert-Tools
Entdecken Sie 100 image-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Video-Convert-Tools
Entdecken Sie 36 video-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Video-Tools
Entdecken Sie 16 video-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Wie viele Bilder kann ich gleichzeitig komponieren?

Sie können ein Basisbild und bis zu acht weitere Bilder für die Komposition auswählen.

Welche Mischmodi werden unterstützt?

Das Tool unterstützt die Modi Normal, Multiplizieren, Bildschirm, Überlagerung, Abdunkeln und Aufhellen.

Kann ich die Größe der finalen Leinwand anpassen?

Ja, Sie können die Breite und Höhe der Leinwand manuell in Pixeln festlegen; andernfalls wird die Größe des Basisbildes übernommen.

Welche Dateiformate kann ich exportieren?

Sie können das Ergebnis als PNG, JPEG, WebP oder AVIF exportieren.

Was passiert mit transparenten Bereichen?

Sie können eine Hintergrundfarbe festlegen, um transparente Bereiche auszufüllen, oder die Transparenz beibehalten.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/image-composite

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
baseImage file (Upload erforderlich) Ja Basisbild, auf das andere Bilder komponiert werden
compositeImages file (Upload erforderlich) Ja 1-8 Bilder zum Komponieren auf das Basisbild auswählen
layoutMode select Ja Wie die komponierten Bilder angeordnet werden sollen
blendMode select Nein Mischmodus für komponierte Bilder
canvasWidth number Nein Breite der finalen Leinwand (leer lassen für Basisbildbreite)
canvasHeight number Nein Höhe der finalen Leinwand (leer lassen für Basisbildhöhe)
backgroundColor color Nein Hintergrundfarbe für transparente Bereiche (Standard: transparent)
outputFormat select Nein Ausgabeformat für das komponierte Bild
quality number Nein Ausgabequalität für verlustbehaftete Formate (JPEG, WebP, AVIF)

Dateitypparameter müssen erst über POST /upload/image-composite hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Datei: Datei

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-image-composite": {
      "name": "image-composite",
      "description": "Komponieren Sie mehrere Bilder zusammen mit präziser Kontrolle über Position, Deckkraft und Mischmodi",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-composite",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]