This page was machine-translated. Spotted a mistake?Help improve it.
Skip to content

Collage / Raster

Kombiniert mehrere Bilder zu ansprechenden Rastercollagen mit über 25 Vorlagen. Unterstützt Layouts für 2 bis 9 Bilder mit anpassbarem Abstand, Eckenradius, Hintergrundfarbe sowie Schwenk-/Zoom-Steuerung pro Zelle.

API-Endpunkt

POST /api/v1/tools/image/collage

Parameter

ParameterTypErforderlichStandardBeschreibung
templateIdstringJa-ID des Vorlagenlayouts (z. B. 2-h-equal, 3-left-large, 4-grid, 9-grid)
cellsarrayNein-Array mit Einstellungen pro Zelle mit imageIndex, panX, panY, zoom, objectFit
cells[].imageIndexintegerJa-Index des Bildes, das in diese Zelle platziert wird (0-basiert)
cells[].panXnumberNein0Horizontaler Schwenkversatz (-100 bis 100)
cells[].panYnumberNein0Vertikaler Schwenkversatz (-100 bis 100)
cells[].zoomnumberNein1Zoomstufe (1 bis 10)
cells[].objectFitstringNein"cover"Wie das Bild die Zelle ausfüllt: cover oder contain
gapnumberNein8Abstand zwischen den Zellen in Pixeln (0 bis 500)
cornerRadiusnumberNein0Eckenradius jeder Zelle in Pixeln (0 bis 500)
backgroundColorstringNein"#FFFFFF"Hintergrundfarbe als Hex-Wert oder "transparent"
aspectRatiostringNein"free"Seitenverhältnis der Leinwand: free, 1:1, 4:3, 3:2, 16:9, 9:16, 4:5
outputFormatstringNein"png"Ausgabeformat: png, jpeg, webp, avif, jxl
qualitynumberNein90Ausgabequalität (1 bis 100)

Verfügbare Vorlagen

Vorlagen-IDBilderLayout
2-h-equal2Zwei gleich große Spalten
2-v-equal2Zwei gleich große Zeilen
2-h-left-large2Links 2/3, rechts 1/3
2-h-right-large2Links 1/3, rechts 2/3
3-left-large3Groß links, zwei gestapelt rechts
3-right-large3Zwei gestapelt links, groß rechts
3-top-large3Groß oben, zwei Spalten unten
3-h-equal3Drei gleich große Spalten
3-v-equal3Drei gleich große Zeilen
4-grid42x2-Raster
4-left-large4Groß links, drei gestapelt rechts
4-top-large4Groß oben, drei Spalten unten
4-bottom-large4Drei Spalten oben, groß unten
5-top2-bottom35Zwei oben, drei unten
5-top3-bottom25Drei oben, zwei unten
5-left-large5Groß links, vier gestapelt rechts
5-center-large5Groß in der Mitte, vier Ecken
6-grid-2x362 Spalten x 3 Zeilen
6-grid-3x263 Spalten x 2 Zeilen
6-top-large6Groß oben, fünf Spalten unten
7-mosaic7Mosaiklayout
8-mosaic8Mosaiklayout
9-grid93x3-Raster

Beispielanfrage

bash
curl -X POST http://localhost:1349/api/v1/tools/image/collage \
  -F "[email protected]" \
  -F "[email protected]" \
  -F "[email protected]" \
  -F "[email protected]" \
  -F 'settings={"templateId":"4-grid","gap":12,"cornerRadius":8,"backgroundColor":"#F5F5F5","outputFormat":"png","quality":90}'

Beispielantwort

json
{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/collage.png",
  "originalSize": 2456789,
  "processedSize": 1823456
}

Hinweise

  • Laden Sie mehrere Bilddateien in der Multipart-Anfrage hoch. Die Bilder werden den Vorlagenzellen in der Reihenfolge des Hochladens zugewiesen.
  • Werden mehr Bilder hochgeladen, als die Vorlage unterstützt, werden die überzähligen Bilder ignoriert.
  • Unterstützt HEIC-, RAW-, PSD- und SVG-Eingabeformate (werden automatisch dekodiert).
  • Die Basisgröße der Leinwand beträgt 2400 px an der längsten Seite und wird anhand des gewählten Seitenverhältnisses skaliert.
  • Wenn aspectRatio "free" ist, verwendet die Leinwand standardmäßig 4:3 (2400x1800).
  • Die Werte panX/panY pro Zelle verschieben das Zuschneidefenster innerhalb der Zelle. Ein Wert von 100 verschiebt vollständig zu einer Kante, -100 zur anderen.
  • Die Hintergrundfarbe "transparent" bleibt nur bei den Ausgabeformaten png, webp oder avif erhalten.