Fotobuch Service – JSON Upload

Lade eine kombinierte JSON-Datei hoch, die photobook und imageMap enthält.


Fotobuch Service - Benutzeranleitung

Was ist das?

Dies ist ein Service für die Erstellung von digitalen Fotobüchern. Sie senden eine JSON-Datei mit Fotobuch-Layout und Bild-URLs und erhalten automatisch ein PDF-Fotobuch zurück.

API-Endpunkt

POST /upload

Erwartet einen JSON-Body mit folgenden Feldern:

{
  "photobook": { ... },
  "imageMap": { "entryImageId": "https://..." },
  "entryMap": { "entryId": { "title": "...", "content": "...", "entryDate": "..." } },
  "config": {
    "pageSize": "21cm",
    "preview": false
  }
}

Felder:

Weboberfläche

Alternativ können Sie die JSON-Datei auch über die Weboberfläche hochladen:

  1. Webseite öffnen: Rufen Sie die Service-Webseite auf
  2. JSON-Datei auswählen: Wählen Sie eine vorbereitete JSON-Datei mit photobook und imageMap
  3. Seitengröße wählen: 21 cm (Standard) oder 29 cm
  4. Vorschau-Modus: Optional aktivieren für schnellere Vorschau mit reduzierter Bildqualität
  5. PDF erstellen: Das fertige PDF-Fotobuch öffnet sich automatisch in einem neuen Browser-Tab

Fotobuch-Struktur

Cover

Das Cover enthält ein Layout (square, round oder arch), optional ein Bild, Farben und Texte.

Einträge

Jeder Eintrag besteht aus einer oder mehreren Seiten. Jede Seite hat ein Layout und Elemente (Fotos oder Texte).

Verfügbare Seitenlayouts:

Schriftart

fontFamily im Layout legt die Schrift des ganzen Buches fest – Cover wie Innenseiten:

Unbekannte Werte und die im Editor stillgelegten Schriften ("lora", "italiana") fallen auf den Standard zurück – genau wie im Editor, damit Bildschirm und Druck übereinstimmen.

{ "layout": { "fontFamily": "josefin-slab", "cover": { ... }, "entries": [ ... ] } }

Textzone

Die Layouts text-top-image-bottom und text-top-2-images-bottom haben eine Textzone über den Bildern. Zwei optionale Felder steuern sie:

textHeight auf der Seite — wie hoch die Textzone ist:

showDate / showTitle / showContent im Textelement — welche Bestandteile gezeigt werden. Fehlt ein Feld, wird der Teil gezeigt; nur ein explizites false blendet ihn aus.

Sind alle drei auf false, zeigt die Textzone nichts mehr und fällt samt Zeilenabstand auf 0 zusammen — die Bilder beginnen dann am oberen Seitenrand und fluchten mit denen der Nachbarseite.

{
  "layout": "text-top-image-bottom",
  "textHeight": "auto",
  "elements": [
    {
      "position": 1,
      "type": "text",
      "text": { "alignment": "left", "showDate": true, "showTitle": true, "showContent": false }
    },
    { "position": 2, "type": "photo", "photo": { "entryImageId": "img-1" } }
  ]
}

Bei text-only wirken beide Felder nicht: dort füllt der Text ohnehin die ganze Seite.

Hinweise