EPUB-Design bezeichnet die gestalterische und technische Aufbereitung elektronischer Bücher im EPUB-Format, das auf HTML und CSS basiert und auf allen gängigen E-Readern und Lese-Apps gelesen werden kann.
Rubrik: Grafik & Kommunikationsdesign · Unterrubrik: Editorial Design · Niveau: Fortgeschritten Synonyme / Auch bekannt als: E-Book-Design, Electronic Publishing, E-Book-Gestaltung
Was ist EPUB-Design?
EPUB (Electronic Publication) ist das offene Standardformat für E-Books, das vom W3C und der IDPF (International Digital Publishing Forum) entwickelt wurde. EPUB-Dateien sind im Kern ZIP-Archive, die HTML-, CSS-, Bild- und Metadaten-Dateien bündeln.
EPUB-Design verbindet Kenntnisse aus Editorial Design, Typografie und Webentwicklung: Ein gutes E-Book muss auf einem kleinen Smartphone genauso lesbar sein wie auf einem großen Tablet, in Schwarz-Weiß (E-Ink) wie in Farbe, mit kleiner wie mit großer Schrift.
Erklärung
EPUB-Typen: Reflowable und Fixed Layout
Reflowable EPUB: Der Text passt sich dynamisch der Bildschirmgröße und der eingestellten Schriftgröße an. Absätze fließen um, Bilder werden automatisch skaliert. Dies ist der Standard für Romane, Sachbücher und textlastige Werke.
Vorteile: Barrierefreiheit, Kompatibilität, kleine Dateigröße. Nachteile: Keine präzise Kontrolle über Zeilenumbrüche und Bildplatzierung.
Fixed-Layout-EPUB (FXL): Das Layout ist starr – wie ein gescanntes Buch oder ein interaktives PDF. Ideal für Kinderbücher, Bildbände, illustrierte Sachbücher.
Vorteile: Layouttreue, gut für visuelle Bücher. Nachteile: Schlechte Lesbarkeit auf kleinen Geräten, schlechtere Barrierefreiheit, größere Dateigröße.
Technischer Aufbau einer EPUB-Datei
Eine EPUB3-Datei (aktueller Standard) enthält:
`` mybook.epub/ META-INF/ container.xml (Einstiegspunkt) OEBPS/ content.opf (Metadaten, Manifestliste) toc.ncx / nav.xhtml (Navigationsstruktur) chapter01.xhtml (Kapitelinhalt) chapter02.xhtml styles/ main.css (CSS-Stylesheet) images/ cover.jpg figure01.png ``
Typografie im EPUB
EPUB-Typografie ist eingeschränkter als Print-Typografie – und das ist gewollt: Der Leser kann Schrift, Größe und Kontrast anpassen. Gute EPUB-Typografie:
- Definiert relative Schriftgrößen (em, rem, % statt px)
- Verzichtet auf fixe Abstände (keine absoluten Pixel)
- Verwendet Systemschriften oder eingebettete Web-Schriften (WOFF2-Format)
- Setzt nur minimales CSS, das mit Leser-Einstellungen nicht kollidiert
Absatzformate aus InDesign werden beim EPUB-Export zu CSS-Klassen. Eine saubere Format-Struktur im InDesign-Dokument ist Voraussetzung für qualitativ hochwertigen EPUB-Export.
EPUB aus InDesign exportieren
InDesign bietet zwei Exportwege:
- Datei → Exportieren → EPUB (Reflowable): Für textbasierte Bücher
- Datei → Exportieren → EPUB (Fixed Layout): Für layoutgenaue Bücher
Wichtige Einstellungen beim Reflowable-Export:
- Reihenfolge der Elemente (nach XML-Struktur oder Objekt-Stapelung)
- Bildbehandlung: Auflösung, Format (JPEG/PNG/SVG)
- Inhaltsverzeichnis: Aus Inhaltsverzeichnis-Funktion generieren
- Metadaten: Titel, Autor, ISBN
Nachbearbeitung: Automatisch generierte EPUBs brauchen oft Nachbearbeitung im Code. Tools: Sigil (EPUB-Editor, kostenlos), Calibre (EPUB-Verwaltung und -Konvertierung), Visual Studio Code mit EPUB-Plugin.
EPUB3 vs. EPUB2
EPUB2 (alt): Breite Kompatibilität, einfacher HTML/CSS, aber begrenzte Multimedia-Unterstützung.
EPUB3 (aktuell): HTML5 und CSS3, unterstützt Audio, Video, JavaScript, MathML, SVG. Bessere Barrierefreiheit durch semantisches HTML und ARIA-Labels.
Barrierefreiheit
EPUB3 unterstützt WCAG-Barrierefreiheitsstandards (Web Content Accessibility Guidelines). Gut zugängliche EPUBs enthalten:
- Alt-Texte für alle Bilder
- Semantisch korrektes HTML (h1, h2, p – keine div-Suppe)
- Navigationsstruktur mit EPUB Navigation Document
- Sprachauszeichnung (lang-Attribut)
Beispiele
O'Reilly Media: Der Fachverlag produziert seine Bücher in einem Single-Source-Format und publiziert parallel als EPUB, PDF und HTML – ein Beispiel für effizienten Multi-Channel-Publishing-Workflow.
Droemer Knaur: Großer deutscher Verlag mit breitem EPUB-Angebot für alle gängigen E-Reader-Plattformen (Kindle, Tolino, Apple Books).
In der Praxis
Workflow-Empfehlung: Gute EPUBs entstehen durch saubere Quelldaten. Manuskript muss korrekt ausgezeichnet sein (Überschriftenhierarchie, Absatzstruktur), bevor es in InDesign oder direkt in EPUB-Code überführt wird.
Valierung: EPUBs müssen validiert werden – der kostenlose Online-Validator EPUBCheck (von W3C) prüft auf Standard-Konformität. Unverzichtbar vor Einreichung bei Plattformen (Kindle Direct Publishing, Apple Books, Tolino).
Kindle/MOBI vs. EPUB: Amazon nutzt eigene Formate (MOBI, AZW3, KFX). Calibre oder Kindle Direct Publishing konvertieren EPUB automatisch. Die Darstellung weicht auf Kindle-Geräten von der EPUB-Vorschau ab.
Vergleich & Abgrenzung
| Format | Interaktivität | Layouttreue | Barrierefreiheit |
|---|---|---|---|
| Reflowable EPUB | Gering | Niedrig | Sehr gut |
| Fixed-Layout-EPUB | Mittel | Hoch | Mittel |
| Interaktives PDF | Mittel | Hoch | Schlecht |
| Kindle MOBI/AZW | Gering–mittel | Niedrig–mittel | Gut |
Häufige Fragen (FAQ)
Was ist der Unterschied zwischen EPUB und Kindle? EPUB ist ein offenes Format, das auf allen E-Readern außer Kindle läuft. Kindle nutzt proprietäre Formate (MOBI, AZW3, KFX). Amazon konvertiert hochgeladene EPUBs automatisch in das Kindle-Format.
Muss ich programmieren können, um EPUBs zu erstellen? Für einfache Bücher reicht InDesign-Export + Sigil für Nachbearbeitung. Für komplexere Projekte sind HTML/CSS-Kenntnisse hilfreich.
Kann ich Schriften in EPUB einbetten? Ja, WOFF oder WOFF2-Schriften können eingebettet werden. E-Reader können die eingebetteten Schriften aber überschreiben, wenn der Nutzer seine eigene Systemschrift bevorzugt. Prüfen Sie die Lizenz der Schrift für EPUB-Einbettung.
Wie groß darf eine EPUB-Datei sein? Es gibt keine strikte Grenze. Praktisch sollten EPUBs ohne Video unter 50 MB bleiben. Apple Books erlaubt bis zu 2 GB, Kindle Direct Publishing bis zu 650 MB für eBooks.
Verwandte Einträge
- Interaktive PDFs und Digital Publishing mit InDesign
- Absatz- und Zeichenformate in InDesign
- Buchgestaltung: Innengestaltung und Umschlag
- Druckdaten aufbereiten: PDF-Export, Preflight
Weiterführend
- Garrish, Matt (2011): What Is EPUB 3? O'Reilly Media, Sebastopol.
- Garrish, Matt & Gylling, Markus (2013): EPUB 3 Best Practices. O'Reilly Media, Sebastopol.
- W3C (2023): EPUB 3.3 Spezifikation.
- Folens, Anita (2020): Accessible EPUBs in Action. E-Book in Eigenverlag.
- Klanten, Robert & Ehmann, Sven (Hrsg., 2012): Turning Pages: Editorial Design for Print and Digital Media. Gestalten, Berlin.
