1. Les images sont manquantes ou cassées
Si votre PDF s'exporte avec des images manquantes, c'est généralement parce que les images utilisent des chemins relatifs (par ex., src="/images/logo.png") ou sont bloquées par les politiques de sécurité du navigateur.
Le correctif : Utilisez des URL absolues (par ex., src="https://example.com/images/logo.png") ou intégrez les images directement en URI de données Base64.
2. Les styles CSS ne sont pas appliqués
Parfois, votre aperçu HTML est superbe, mais la sortie PDF est du texte complètement non stylé.
Le correctif : Le convertisseur peut avoir du mal à charger les feuilles de style externes. Essayez de déplacer votre CSS dans un bloc inline <style> dans le head de votre document, ou utilisez des attributs style="..." en ligne sur les éléments individuels.
3. Sauts de page maladroits
Par défaut, les convertisseurs HTML découpent strictement votre document selon la hauteur de page, ce qui peut diviser maladroitement des tableaux, images, ou paragraphes sur deux pages.
Le correctif : Utilisez les propriétés d'impression CSS pour contrôler explicitement les sauts de page :
.no-break {
page-break-inside: avoid;
}
.force-break-before {
page-break-before: always;
}Appliquez la classe .no-break aux tableaux ou conteneurs d'images pour éviter qu'ils ne soient coupés en deux.
4. La mise en page est trop large
Les pages web sont conçues pour remplir de larges écrans horizontaux, tandis que les PDF standards (comme A4 ou US Letter) sont hauts et étroits.
Le correctif : Assurez-vous que votre conteneur HTML a une largeur maximale définie. Nous recommandons de forcer un wrapper max-width d'environ 680px pour simuler une largeur de page imprimée standard.
Toujours des problèmes ?
Essayez de coller votre code dans notre HTML to PDF converter. Il s'appuie sur un moteur de rendu haute-fidélité qui gère automatiquement bon nombre de ces cas limites.