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

Collage / Griglia

Combina più immagini in bellissimi collage a griglia con oltre 25 modelli. Supporta layout da 2 a 9 immagini con spazio, raggio degli angoli, colore di sfondo e controlli di pan/zoom per singola cella personalizzabili.

Endpoint API

POST /api/v1/tools/image/collage

Parametri

ParametroTipoObbligatorioPredefinitoDescrizione
templateIdstring-ID del layout del modello (es. 2-h-equal, 3-left-large, 4-grid, 9-grid)
cellsarrayNo-Array di impostazioni per singola cella con imageIndex, panX, panY, zoom, objectFit
cells[].imageIndexinteger-Indice dell'immagine da inserire in questa cella (in base 0)
cells[].panXnumberNo0Offset di pan orizzontale (da -100 a 100)
cells[].panYnumberNo0Offset di pan verticale (da -100 a 100)
cells[].zoomnumberNo1Livello di zoom (da 1 a 10)
cells[].objectFitstringNo"cover"Come l'immagine riempie la cella: cover o contain
gapnumberNo8Spazio tra le celle in pixel (da 0 a 500)
cornerRadiusnumberNo0Raggio degli angoli per ogni cella in pixel (da 0 a 500)
backgroundColorstringNo"#FFFFFF"Colore di sfondo come esadecimale o "transparent"
aspectRatiostringNo"free"Proporzioni della tela: free, 1:1, 4:3, 3:2, 16:9, 9:16, 4:5
outputFormatstringNo"png"Formato di output: png, jpeg, webp, avif, jxl
qualitynumberNo90Qualità di output (da 1 a 100)

Modelli disponibili

ID modelloImmaginiLayout
2-h-equal2Due colonne uguali
2-v-equal2Due righe uguali
2-h-left-large2Sinistra 2/3, destra 1/3
2-h-right-large2Sinistra 1/3, destra 2/3
3-left-large3Grande a sinistra, due impilate a destra
3-right-large3Due impilate a sinistra, grande a destra
3-top-large3Grande in alto, due colonne in basso
3-h-equal3Tre colonne uguali
3-v-equal3Tre righe uguali
4-grid4Griglia 2x2
4-left-large4Grande a sinistra, tre impilate a destra
4-top-large4Grande in alto, tre colonne in basso
4-bottom-large4Tre colonne in alto, grande in basso
5-top2-bottom35Due in alto, tre in basso
5-top3-bottom25Tre in alto, due in basso
5-left-large5Grande a sinistra, quattro impilate a destra
5-center-large5Grande al centro, quattro agli angoli
6-grid-2x362 colonne x 3 righe
6-grid-3x263 colonne x 2 righe
6-top-large6Grande in alto, cinque colonne in basso
7-mosaic7Layout a mosaico
8-mosaic8Layout a mosaico
9-grid9Griglia 3x3

Esempio di richiesta

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}'

Esempio di risposta

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

Note

  • Carica più file immagine nella richiesta multipart. Le immagini vengono assegnate alle celle del modello nell'ordine di caricamento.
  • Se vengono caricate più immagini di quante il modello ne supporti, le immagini in eccesso vengono ignorate.
  • Supporta i formati di input HEIC, RAW, PSD e SVG (decodificati automaticamente).
  • La dimensione base della tela è di 2400px sul lato più lungo, scalata in base alle proporzioni scelte.
  • Quando aspectRatio è "free", la tela usa come predefinito 4:3 (2400x1800).
  • I valori panX/panY per singola cella spostano la finestra di ritaglio all'interno della cella. Un valore di 100 sposta completamente verso un bordo, -100 verso l'altro.
  • Il colore di sfondo "transparent" viene preservato solo con i formati di output png, webp o avif.