PDF in HTML einbinden
Ein PDF auf Ihrer Website anzeigen, mit fertigem Code von Tiiny Host
Fertiger Code für Ihre Seite
Zum hochgeladenen PDF erzeugt Tiiny Host den passenden iframe-Code. Diesen Code fügen Sie in eine Seite Ihrer Website ein, wo das Dokument mit eigener Viewer-Leiste erscheint.
Code holen und einfügen
Ohne eine Zeile eigenen Code
1. PDF auswählen
Legen Sie das PDF bereit, das auf Ihrer Website erscheinen soll.
2. Bei Tiiny Host hochladen
Ziehen Sie die Datei in das Upload-Feld auf tiiny.host und veröffentlichen Sie sie.
3. Code in Ihr HTML einfügen
Den iframe-Code finden Sie im Projektmenü unter „Embed this link“. Kopieren Sie ihn an die gewünschte Stelle Ihrer Seite.
Das Embed im Detail
🔗 Sofort einbettbar
Der Code steht bereit, sobald das PDF veröffentlicht ist.
🚧 Fertiger Code
Das iframe-Snippet kopieren Sie fertig formatiert aus dem Projektmenü.
🔐 Geschützte Dateien
Der Passwortschutz aus dem Tarif Solo gilt auch innerhalb des Embeds.
💻 Von überall verwalten
Eingebettete PDFs verwalten Sie im Dashboard, an jedem Rechner.
🤝 Link zum Teilen
Neben dem Embed hat das PDF eine normale Adresse für E-Mails und Social-Media-Beiträge.
🖥 Anzeigemodi
Neben der Standardansicht gibt es ab Tiny einen Präsentationsmodus.
Selbst einbetten oder Code übernehmen
Ein iframe- oder object-Tag ist schnell geschrieben. Das PDF braucht trotzdem einen Speicherort im Netz. Außerdem zeigen Browser eingebettete Dateien unterschiedlich an.
Einbetten geht auch im kostenlosen Tarif
Den Einbettungscode gibt es in jedem Tarif. Kostenlose PDFs dürfen bis zu 0,5 MB groß sein, genug für eine Preisliste oder ein kurzes Handout.
- ✓ 1 eingebettetes PDF
- ✓ PDFs bis 0,5 MB
- ✓ 5.000 Besuche und 5 GB Datenvolumen pro Monat
- ✓ Einbettungscode und Link zum Teilen
- – Tiiny-Host-Banner im Viewer
- Tiny 5 € · kein Banner, PDFs bis 25 MB, QR-Codes, Statistiken
- Solo 13 € · 5 PDFs, Passwortschutz, Download-Sperre, eigene Domain, API
- Pro 31 € · 15 PDFs, E-Mail-Abfrage, Teammitglieder, Priority-Support
- Pro Max 74 € · unbegrenzte PDFs, 2 TB Speicher
Einbettbare PDF-Größe je Tarif
Upload-Limit je TarifPreislisten und Handouts sind meist klein genug für jeden Tarif. Hat die Seite mit dem Embed viele Besucher, lohnt neben der Dateigröße ein Blick auf das monatliche Besuchskontingent.
PDFs aus dem eigenen Code einbetten
Für Websites mit vielen Dokumenten lohnt sich ein Skript: Es lädt jedes PDF per API hoch und schreibt die zurückgegebene URL direkt in das src-Attribut des iframes.
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@katalog.pdf" \
-F "domain=produktkatalog.tiiny.site"
# → https://produktkatalog.tiiny.site
# Ein PUT auf dieselbe Domain ersetzt die DateiBeliebte Kandidaten fürs Embed
Wochenspeiseplan
Der Speiseplan von Kita oder Kantine, eingebettet auf der Website und jede Woche neu.
Produktkatalog
Ein Katalog im Onlineshop, der jede Saison wechselt, während der Website-Code unverändert bleibt.
Kursprogramm
Das Semesterprogramm einer Bildungseinrichtung, eingebettet auf der Kursseite.
Share PDFs Online: Embed and Link Techniques
When to embed a PDF on a page and when a link is the better choice.
Styling Embedded PDFs in HTML
How to connect a stylesheet to an HTML page, useful when you're styling the page around an embed.
