Mehrere Bilder zu einem Bild zusammenführen

🤖/image/merge führt mehrere Bilder zu einem einzigen Spritesheet zusammen.

Anwendungsbeispiel

{
  "steps": {
    "merged": {
      "border": 5,
      "robot": "/image/merge",
      "use": {
        "bundle_steps": true,
        "steps": [
          ":original"
        ]
      }
    }
  }
}

Parameter

• interpolate

  boolean | Record<string, boolean>

  Steuert, ob einzelne Robot-Anweisungsfelder Assembly Variables interpolieren.

  Standardmäßig interpolieren die meisten Robot-Anweisungsfelder Assembly Variables. Mit dem Wert false behandeln Sie alle Anweisungsfelder als Literaltext. Wenn Sie stattdessen einen einzelnen Feldpfad auf false setzen, wird nur dieses Feld als Literaltext behandelt. Bei Feldern eines bestimmten Robots, die standardmäßig als Literaltext behandelt werden, aktivieren Sie die Interpolation wieder, indem Sie hierfür true festlegen oder für den jeweiligen Feldpfad den Wert true verwenden.

  Verwenden Sie Feldnamen wie path oder für verschachtelte Objekte Punktpfade wie ffmpeg.vf als Pfadangabe.

• output_meta

  Record<string, boolean> | boolean | Array<string>

  Damit können Sie eine Reihe von Metadaten festlegen, deren Berechnung mehr CPU-Ressourcen beansprucht. Sie sind daher standardmäßig deaktiviert, damit Ihre Assemblies schnell verarbeitet werden.

  Für Bilder können Sie diesem Objekt den Eintrag "has_transparency": true hinzufügen, um zu ermitteln, ob das Bild transparente Bereiche enthält. Mit dem Eintrag "dominant_colors": true können Sie außerdem ein Array mit hexadezimalen Farbcodes aus dem Bild extrahieren.

  Für Bilder können Sie auch den Eintrag "blurhash": true hinzufügen, um einen BlurHash⁠ als String zu extrahieren – eine kompakte Darstellung eines Platzhalters für das Bild, mit der Sie eine unscharfe Vorschau anzeigen können, während das vollständige Bild geladen wird.

  Für Bilder extrahiert der Eintrag "thumbhash": true stattdessen einen base64-codierten ThumbHash⁠ nach meta.thumbhash, zusammen mit meta.has_alpha (gibt an, ob ein Alphakanal vorhanden ist, auch wenn das Bild vollständig deckend ist). Der Hash beschreibt die Pixel gemäß EXIF-Ausrichtung und verwendet bei animierten Bildern das erste Frame. Die Extraktion erfolgt nach dem Best-Effort-Prinzip: Bilder über 40 Megapixeln, nicht unterstützte Formate oder ein fehlgeschlagener bzw. durch Grenzwerte beschränkter Decodiervorgang erzeugen keinen Platzhalter. Eine erfolgreiche Extraktion verursacht eine zusätzliche Metadatengebühr in Höhe von 20 % der Bytes dieser Datei. Ist die Option deaktiviert oder wird kein Hash erzeugt, fällt kein ThumbHash-Aufschlag an.

  Setzen Sie diese Option für den Step, der das Bild erzeugt, etwa /upload/handle für hochgeladene Originale oder /image/resize für verarbeitete Ausgaben. Wird sie nur für /transloadit/store gesetzt, wird keine Extraktion angefordert: Die Speicherung behält die Metadaten des erzeugenden Steps bei. Transloadit Storage speichert einen erzeugten Hash dauerhaft zusammen mit seiner unveränderlichen Version und gibt ihn in gespeicherten Ergebnissen sowie beim nativen Lesen von Assets zurück. Direkte S3-Uploads erzeugen keine Platzhalter. Ein Platzhalter enthält Bildinformationen; schützen Sie ihn daher mit denselben Zugriffskontrollen wie das vollständige Bild.

  Für Videos können Sie den Parameter "colorspace": true hinzufügen, um den Farbraum des Ausgabevideos zu extrahieren.

  Für Videos können Sie außerdem den Eintrag "interlaced": true hinzufügen, um zu erkennen, ob das Video im Zeilensprungverfahren vorliegt. Dazu wird die ressourcenschonende ffprobe-Option field_order mit einem begrenzten Stichprobendurchlauf mithilfe von idet über die ersten Frames der Quelle kombiniert. Die Ergebnisse interlaced und field_order sowie das Diagnoseobjekt interlace_detection werden dabei unter file.meta ausgegeben. Dies ist rechenintensiv und wird entsprechend abgerechnet.

  Für Audio können Sie den Eintrag "mean_volume": true hinzufügen, um einen einzelnen Wert für die durchschnittliche Lautstärke der Audiodatei zu erhalten.

  Sie können diesen Parameter auch auf false setzen, um die Metadatenextraktion zu überspringen und das Transkodieren zu beschleunigen.

• user_meta

  Record<string, any>(Standard: {})

  Fügt jeder ausgegebenen Datei benutzerdefinierte JSON-Metadaten hinzu, ohne den Dateiinhalt zu verändern. Verschachtelte Objekte und Arrays werden unterstützt.

  Die Vererbung hängt vom Robot ab. Die Werte werden mit vorhandenen user_meta der Ausgabedatei zusammengeführt; der aktuelle Step ersetzt übereinstimmende Schlüssel auf oberster Ebene. Weisen Sie erforderliche Schlüssel explizit zu, wenn ein Robot neue Ausgabedateien erstellt.

  In Steps zur Verarbeitung bezieht sich ${file.*} auf die erste Eingabe und ${result.*} auf die ausgegebene Datei. Die Werte werden nach der Ausführung des Robots für jede Ausgabedatei ausgewertet, bevor die anschließende Metadatenextraktion und temporäre Speicherung erfolgen. Bei :original werden die Werte für jeden Upload vor der Metadatenextraktion ausgewertet.

  Nachfolgende Steps lesen ${file.user_meta.key}. Ein vollständiges Beispiel und die Vererbungsregeln finden Sie unter Benutzerdefinierte Metadaten.

• result

  boolean(Standard: false)

  Ob die Ergebnisse dieses Steps im Assembly Status JSON enthalten sein sollen

• queue

  batch

  Wenn Sie die Queue auf „batch“ setzen, wird die Priorität der Jobs für diesen Step manuell herabgestuft. So vermeiden Sie, Priority Job Slots für Jobs zu belegen, die keine Wartezeit von null in der Queue benötigen.

• force_accept

  boolean(Standard: false)

  Erzwingt, dass ein Robot einen Dateityp akzeptiert, den er sonst ignorieren würde.

  Standardmäßig ignorieren Robots Dateien, deren Typ sie nicht kennen. 🤖/video/encode ignoriert beispielsweise problemlos Eingabebilder.

  Wenn Sie den Parameter force_accept auf true setzen, können Sie erzwingen, dass Robots alle übergebenen Dateien akzeptieren. Dies führt in der Regel zu Fehlern und sollte nur zur Fehlersuche oder zur Behandlung von Grenzfällen verwendet werden.

• ignore_errors

  boolean | Array<meta | execute>(Standard: [])

  Fehler in bestimmten Verarbeitungsphasen ignorieren.

  Wenn Sie hierfür ["meta"] festlegen, ignoriert der Robot Fehler bei der Metadatenextraktion.

  Wenn Sie hierfür ["execute"] festlegen, ignoriert der Robot Fehler während der Hauptausführungsphase.

  Wenn Sie hierfür true festlegen, entspricht dies ["meta", "execute"] und Fehler in beiden Phasen werden ignoriert.

• use

  string | Array<string> | Array<object> | object

  Gibt an, welche Steps als Eingabe verwendet werden sollen.

  • Sie können beliebige Namen für Steps wählen, außer ":original" (reserviert für von Transloadit verarbeitete Benutzer-Uploads)
  • Sie können mehrere Steps mithilfe von Arrays als Eingabe angeben:

    {
      "use": [
        ":original",
        "encoded",
        "resized"
      ]
    }
    

  • Sie können Eingabe-Steps außerdem mit as kennzeichnen, um Robots die semantische Funktion zu übermitteln:

    {
      "use": [
        {
          "name": ":original",
          "as": "image"
        },
        {
          "name": ":original",
          "as": "mask"
        }
      ]
    }
    

  Tipp

  Das ist wahrscheinlich alles, was Sie über use wissen müssen. Sie können sich jedoch auch die erweiterten Anwendungsfälle ansehen.

• format

  jpg | png | webp(Standard: "png")

  Das Ausgabeformat des bearbeiteten Bildes.

• direction

  horizontal | vertical | grid(Standard: "horizontal")

  Gibt die Richtung an, in der die Bilder angeordnet werden.

  Verwenden Sie grid, um die Eingaben von links nach rechts und von oben nach unten anzuordnen.

  Gilt nur für das standardmäßige Spritesheet-Layout. Wird ignoriert, wenn effect auf polaroid-stack oder mosaic gesetzt ist, da diese Effekte eigene Layout-Algorithmen verwenden.

• effect

  mosaic | polaroid-stack

  Verwendet anstelle eines einfachen horizontalen oder vertikalen Spritesheets ein stilisiertes Collage-Layout.

  Derzeit wird polaroid-stack unterstützt, wodurch die Eingaben als überlappende Sofortbilder auf einer Leinwand dargestellt werden, sowie mosaic, wodurch eine bündig ausgerichtete Kachelcollage erstellt wird.

• columns

  string | number

  Anzahl der Spalten im Raster-Layout. Gilt nur, wenn direction den Wert grid hat.

  Wenn die Angabe fehlt, wird die Anzahl der Spalten automatisch anhand der Anzahl der Eingaben und der angeforderten Zeilen berechnet.

• rows

  string | number

  Anzahl der Zeilen im Raster-Layout. Gilt nur, wenn direction den Wert grid hat.

  Wenn die Angabe fehlt, wird die Anzahl der Zeilen automatisch anhand der Anzahl der Eingaben und der angeforderten Spalten berechnet.

• cell_width

  string | number

  Einheitliche Breite jeder Rasterzelle in Pixeln. Gilt nur, wenn direction den Wert grid hat.

  Die Größe der Bilder wird unter Beibehaltung des Seitenverhältnisses an die Zelle angepasst.

• cell_height

  string | number

  Einheitliche Höhe jeder Rasterzelle in Pixeln. Gilt nur, wenn direction den Wert grid hat.

  Die Größe der Bilder wird unter Beibehaltung des Seitenverhältnisses an die Zelle angepasst.

• border

  string | number(Standard: 0)

  Ein ganzzahliger Wert, der den Abstand zwischen den Bildern auf dem Spritesheet festlegt.

  Bei einem Wert von 10 ist der Abstand zwischen den Bildern am größten, während sie bei einem Wert von 1 direkt nebeneinander angeordnet werden.

  Wenn effect den Wert polaroid-stack hat, wird dieser Wert stattdessen als Innenabstand der Leinwand verwendet, damit die äußersten Fotos entsprechend viele Pixel Abstand zum Rand halten.

  Wenn effect den Wert mosaic hat, wird dieser Wert sowohl als äußerer Innenabstand der Leinwand als auch als Abstand zwischen benachbarten Kacheln verwendet.

• background

  string | transparent | none | black | white | red | green | blue | 6 weitere ↓(Standard: "#fff")

  Entweder der Hexadezimalcode oder der Name⁠ der Farbe, mit der der Hintergrund gefüllt wird (wird nur bei einem Rand > 1 angezeigt).

  Standardmäßig wird der Hintergrund transparenter Bilder in Weiß geändert. Legen Sie none oder transparent fest, um eine transparente Leinwand zu erhalten. Legen Sie format auf png oder webp fest, um den Alphakanal beizubehalten.

  Einzelheiten zur Beibehaltung der Transparenz bei allen Bildtypen finden Sie in dieser Demo EN (English).

• width

  string | number

  Die Breite der Ausgabeleinwand in Pixeln.

  Diese wird hauptsächlich von stilisierten Effekten wie polaroid-stack und mosaic verwendet.

• height

  string | number

  Die Höhe der Ausgabeleinwand in Pixeln.

  Diese wird hauptsächlich von stilisierten Effekten wie polaroid-stack und mosaic verwendet.

• seed

  string | number

  Optionaler deterministischer Seed, der von stilisierten Effekten wie polaroid-stack und mosaic verwendet wird.

• shuffle

  boolean(Standard: false)

  Gibt an, ob stilisierte Effekte wie polaroid-stack und mosaic die Reihenfolge der Eingaben vor dem Anordnen auf der Leinwand mischen dürfen.

• sort_by

  auto | basename | import_order(Standard: "basename")

  Steuert die Reihenfolge gebündelter Eingaben, wenn für den Eingabetyp kein explizit angegebener nummerierter Alias verwendet wird. Nummerierte Aliasse enden mit einem numerischen Suffix wie _1.

  Der Standardwert "basename" behält das natürliche Legacy-Sortierverhalten nach Basisdateinamen bei.

  Legen Sie hierfür "import_order" fest, um die Reihenfolge arraybasierter Import-Steps beizubehalten, wenn alle Eingabedateien vollständige Metadaten zur Importreihenfolge enthalten. "auto" bevorzugt ebenfalls die Importreihenfolge und verwendet als Fallback die natürliche Sortierung nach Basisdateinamen.

• coverage

  string | number

  Flächenabdeckungsmultiplikator für den Effekt polaroid-stack. Steuert, wie groß jedes Polaroid im Verhältnis zur Leinwand ist und damit, wie viel von der Leinwand durch Fotos abgedeckt wird.

  Der Standardwert 1.5 lässt entlang einiger Kanten einen dezenten beigefarbenen Rand frei. Verwenden Sie 2.0–2.5 für eine randlose Abdeckung; dabei überlappen sich die Fotos stärker. Werte unter 1.0 erzeugen kleinere Polaroids mit größeren Abständen.

  Hat keine Auswirkung auf den Stil mosaic oder auf einfache Spritesheets.

• adaptive_filtering

  boolean(Standard: false)

  Steuert die Bildkomprimierung für PNG-Bilder. Die Einstellung auf true führt zu einer kleineren Dateigröße, verlängert jedoch die Verarbeitungszeit. Es wird empfohlen, diese Option deaktiviert zu lassen.

• quality

  string | number(Standard: 100)

  Steuert die Bildkomprimierung für JPG-, PNG- und WebP-Bilder. Sehen Sie sich bitte auch 🤖/image/optimize an.

Demos

Verwandte Blogbeiträge