1. Bilder saknas eller är trasiga
Om din PDF exporteras med saknade bilder, beror det vanligtvis på att bilderna använder relativa sökvägar (t.ex., src="/images/logo.png") eller blockeras av webbläsarens säkerhetspolicyer.
Fixen: Använd absoluta URL:er (t.ex., src="https://example.com/images/logo.png") eller bädda in bilder direkt som Base64-data-URI:er.
2. CSS-stilar tillämpas inte
Ibland ser din HTML-förhandsgranskning bra ut, men PDF-utdata är helt ostylad text.
Fixen: Konverteraren kan ha svårt att ladda externa stilmallar. Försök flytta din CSS till ett inline <style> -block i head av ditt dokument, eller använd inline style="..." -attribut på enskilda element.
3. Besvärliga sidbrytningar
Som standard kommer HTML-konverterare att hugga upp ditt dokument strikt baserat på sidhöjd, vilket kan dela tabeller, bilder eller stycken besvärligt över två sidor.
Fixen: Använd CSS-utskriftsegenskaper för att explicit kontrollera sidbrytningar:
.no-break {
page-break-inside: avoid;
}
.force-break-before {
page-break-before: always;
}Tillämpa .no-break -klassen på tabeller eller bildbehållare för att förhindra att de delas i två.
4. Layouten är för bred
Webbsidor är designade för att fylla breda horisontella skärmar, medan standard-PDF:er (som A4 eller US Letter) är höga och smala.
Fixen: Se till att din HTML-behållare har en maximal bredd inställd. Vi rekommenderar att tvinga en max-width wrapper på cirka 680px för att simulera en standardutskriven sidbredd.
Har du fortfarande problem?
Försök klistra in din kod i vår HTML to PDF converter. Den förlitar sig på en högfidelitets-renderingsmotor som hanterar många av dessa kantfall automatiskt.