1. Bilder mangler eller er ødelagt
Hvis PDF-en eksporteres med manglende bilder, er det vanligvis fordi bildene bruker relative stier (f.eks., src="/images/logo.png") eller blokkeres av nettleserens sikkerhetspolicyer.
Løsningen: Bruk absolutte URL-er (f.eks., src="https://example.com/images/logo.png") eller bygg inn bilder direkte som Base64-data-URI-er.
2. CSS-stiler brukes ikke
Noen ganger ser HTML-forhåndsvisningen din flott ut, men PDF-utdataen er helt ustilet tekst.
Løsningen: Konverteren kan ha problemer med å laste eksterne stilark. Prøv å flytte CSS-en inn i en inline <style> -blokk i hodet av dokumentet ditt, eller bruk inline style="..." -attributter på enkeltelementer.
3. Klønete sideskift
Som standard vil HTML-konverterere hakke opp dokumentet ditt strengt basert på sidehøyde, noe som kan dele tabeller, bilder eller avsnitt klønete over to sider.
Løsningen: Bruk CSS-utskriftsegenskaper for å eksplisitt kontrollere sideskift:
.no-break {
page-break-inside: avoid;
}
.force-break-before {
page-break-before: always;
}Bruk .no-break -klassen på tabeller eller bilde-beholdere for å hindre at de blir kuttet i to.
4. Oppsettet er for bredt
Nettsider er designet for å fylle brede horisontale skjermer, mens standard-PDF-er (som A4 eller US Letter) er høye og smale.
Løsningen: Sørg for at HTML-beholderen din har en maksimal bredde satt. Vi anbefaler å tvinge en max-width wrapper på rundt 680px for å simulere en standard utskrevet sidebredde.
Har du fortsatt problemer?
Prøv å lime inn koden din i vår HTML to PDF converter. Det er avhengig av en høyfidelitets-gjengivelsesmotor som håndterer mange av disse kanttilfellene automatisk.