Zum Inhalt springen
Zurück zu allen Werkzeugen№ 002

3D-Flipbook

Öffne jedes PDF als realistisches 3D-Flipbook — WebGL, CSS 3D oder leichtes Swipe.

Werkzeug wird geladen…

Ein PDF im Browser ist eine Schriftrolle. Ein Katalog, ein Magazin oder ein Programmheft wurde als etwas gestaltet, das man umblättert, und dieses Tool stellt genau das wieder her: Die Seiten werden in hoher Auflösung gerendert und als Buch präsentiert, in dem du blätterst. Drei Engines stehen zur Wahl, und du kannst ohne erneutes Rendern zwischen ihnen wechseln – WebGL für eine echte 3D-Seitenwölbung, CSS 3D für eine leichtere Version ohne GPU und ein flacher 2D-Modus, der überall funktioniert, auch auf alten Handys.

Wissenswert ist vor allem der Export. Du kannst das Flipbook als eigenständiges Paket herunterladen – als Ordner in einem ZIP oder als einzelne HTML-Datei –, das Viewer, Engine und deine Seiten zusammen enthält. Es öffnet sich per Doppelklick, funktioniert offline und macht keine externen Aufrufe, sodass ein Katalog ohne weiteres Zubehör auf einen USB-Stick oder einen statischen Host passt.

So funktioniert es

  1. Lege ein PDF ab oder öffne eines über einen Link.
  2. Warte, während die Seiten in hoher Auflösung gerendert werden.
  3. Wechsle die Engine, wenn die 3D-Ansicht ruckelt – die Seiten werden nicht neu gerendert.
  4. Lies es oder exportiere das ganze Flipbook als ZIP-Ordner oder als einzelne HTML-Datei.

Wofür man es nutzt

  • Einen Katalog oder ein Magazin auf einer Website als etwas veröffentlichen, in dem die Leute tatsächlich blättern.
  • Einem Kunden eine eigenständige interaktive Version einer Broschüre geben, die offline funktioniert.
  • Ein Programmheft oder Lookbook auf einem Tablet zeigen, ohne dass ein PDF-Reader im Weg ist.

Häufige Fragen

Wird meine Datei auf einen Server hochgeladen?
Nein. Die Datei wird von JavaScript und WebAssembly in deinem eigenen Browser-Tab geöffnet. Sie wird nie hochgeladen, es gibt keine Verarbeitung auf einem Server und nichts wird gespeichert – schließt du den Tab, ist alles weg.
Was steckt eigentlich im Export?
Der Viewer, die Engine und deine gerenderten Seiten – ein vollständiges Flipbook. Es enthält kein PDF, nichts wird hochgeladen, und es macht keine externen Aufrufe, läuft also aus einem Ordner, von einem USB-Stick oder auf jedem statischen Host.
Welche Engine soll ich nehmen?
WebGL für den echten Umblättereffekt auf einem Rechner mit GPU. CSS 3D, wenn WebGL nicht startet oder das Gerät bescheiden ist. Flach 2D als Option, die immer funktioniert. Der Wechsel geht sofort, weil die Seiten bereits gerendert sind.
Es heißt, die Flipbook-Engine konnte nicht gestartet werden.
Meist ist WebGL nicht verfügbar – eine virtuelle Maschine, ein abgeschotteter Browser oder eine alte GPU. Wechsle zu CSS 3D oder Flach 2D; der Inhalt ist identisch, nur die Umblätter-Animation unterscheidet sich.
Warum ist es bei einem langen Dokument langsam?
Jede Seite wird in hoher Auflösung gerendert, damit der Text beim Zoomen scharf bleibt, und das ist echte Arbeit für den Browser. Ein Katalog mit 200 Seiten braucht am Anfang eine Weile und lässt sich dann flüssig lesen.

Ähnliche Werkzeuge