HTML sauber in PDF umwandeln

Für die Papierbreite gestalten

DIN A4 mit 20 mm Rand lässt 170 mm nutzbare Breite, etwa 643 CSS-Pixel. Breitere Layouts werden verkleinert, die Schrift wird kleiner. Verwende max-width: 100 % für Bilder und Prozent- oder fr-Breiten im Grid.

Druck-CSS in fünf Zeilen

• @page { size: A4; margin: 20mm; } legt Format und Ränder fest.
• h2 { break-after: avoid; } hält Überschriften beim Text.
• tr, figure { break-inside: avoid; } verhindert geteilte Zeilen und Bilder.
• .kapitel { break-before: page; } beginnt Abschnitte auf neuer Seite.
• @media print { nav, button { display: none; } } blendet Bildschirmelemente aus.

Schriften und Bilder

Nur lokal installierte Schriften fehlen auf anderen Rechnern, verlinke also eine Webschrift oder nutze verbreitete Schriften. Bilder brauchen für den Druck 150 bis 200 Pixel pro Zoll: Ein Foto über die ganze A4-Breite benötigt etwa 1.300 Pixel.

Die richtige Ausgabe wählen

Für Rechnungen, Verträge und Dokumentation hält Als PDF speichern den Text durchsuchbar. Für Plakate, Urkunden und Designs, die überall gleich aussehen müssen, zeichnet PDF herunterladen die Seite exakt wie gesehen.