Vous trouvez l'article parfait en ligne et l'enregistrez au format PDF à l'aide de la fonction d'impression du navigateur. Le PDF résultant ne ressemble en rien à la page Web que vous lisiez. Il manque des images. Le texte se chevauche. La mise en page qui était propre et lisible à l'écran est un désordre confus sur la page PDF. La conversion du navigateur Web vers PDF est pratique mais imprécise, produisant une sortie qui se rapproche plutôt que de reproduire la page Web d'origine.
Les fonctions d'impression au format PDF du navigateur utilisent la feuille de style CSS d'impression de la page Web, et non le CSS de l'écran. Les développeurs Web créent souvent une mise en page simplifiée spécifiquement pour l'impression qui supprime la navigation, les barres latérales et les publicités. Cette mise en page imprimée peut être radicalement différente de ce que vous voyez à l’écran. La différence est intentionnelle, conçue pour produire des impressions plus propres, mais elle peut être surprenante.
Pourquoi la sortie d'impression du navigateur diffère de l'affichage à l'écran
Les pages Web utilisent deux feuilles de style CSS distinctes : une pour l’affichage à l’écran et une pour l’impression. La feuille de style d'écran contrôle ce que vous voyez dans le navigateur. La feuille de style d'impression contrôle ce qui apparaît lorsque vous imprimez ou enregistrez au format PDF. Les deux feuilles de style peuvent spécifier des mises en page, des polices, des couleurs et même du contenu complètement différents.
La conversion PDF Format supprime également les éléments interactifs. Les menus déroulants, le contenu à onglets, les carrousels et les sections en accordéon qui nécessitent de cliquer ou de survoler pour révéler le contenu produisent une sortie PDF incomplète. Le PDF capture uniquement l'état actuellement visible de ces éléments, qui peut être leur état réduit ou masqué.
La feuille de style d'impression explique la plupart des surprises.
La feuille de style d’impression est le principal responsable de la plupart des surprises en matière de mise en page.
Le contenu dynamique chargé par JavaScript après le chargement initial de la page peut ne pas apparaître dans le PDF. Les pages à défilement infini, les images chargées paresseusement et le contenu qui nécessite une interaction de l'utilisateur pour se charger sont particulièrement vulnérables. Le navigateur imprime ce qui est actuellement chargé dans le DOM, ce qui peut ne représenter qu'une fraction du contenu total de la page.
Essayez Word en PDF
Aucune installation nécessaire. Fonctionne directement dans votre navigateur.
Problèmes d'impression courants et comment les résoudre
Les images manquantes dans la sortie PDF résultent généralement du fait que la feuille de style d'impression masque les images pour économiser de l'encre ou d'images chargées paresseusement qui n'avaient pas été chargées au moment du lancement de l'impression. Faites défiler toute la page pour déclencher un chargement paresseux avant l’impression. Désactivez la feuille de style d'impression dans les outils de développement du navigateur pour forcer l'utilisation de la disposition de l'écran pour l'impression.
WukongPDF peut traiter la sortie PDF Viewing résultante pour ajuster les dimensions de la page et supprimer les éléments indésirables, mais il ne peut pas restaurer le contenu que le navigateur a omis lors de la capture d'impression.
Utilisation du mode Lecteur pour une sortie PDF plus propre
La plupart des navigateurs incluent un mode lecteur qui extrait le contenu principal et l'affiche dans un format propre sur une seule colonne. Activez le mode lecteur avant d’imprimer au format PDF. La sortie en mode lecteur est plus simple que la page Web complète mais plus fiable, avec un flux de texte cohérent et aucun contenu manquant.
Outils dédiés de conversion de page Web en PDF ou impression par navigateur
Les outils de capture de pages Web dédiés produisent une sortie PDF plus fiable que les fonctions d'impression du navigateur. Ces outils restituent la page dans son intégralité, attendent que tout le contenu soit chargé et capturent la mise en page de l'écran plutôt que la mise en page d'impression. La sortie correspond plus étroitement à ce que vous voyez à l’écran.
Les pages Web qui doivent être capturées avec précision au format PDF, testent à la fois la fonction d'impression du navigateur et un outil de capture dédié. Comparez la sortie. L’outil qui produit le meilleur résultat pour une page Web peut ne pas être le meilleur pour une autre. La variabilité de la conception des pages Web signifie qu’aucune méthode ne fonctionne parfaitement pour toutes les pages.
Traitement du contenu Web multipage
Les articles longs qui s'étendent sur plusieurs pages imprimées dans la sortie PDF comportent souvent des sauts de page gênants qui coupent les images ou divisent les paragraphes au milieu d'une phrase. L'algorithme de pagination du navigateur ne comprend pas les limites du contenu. Il coupe les pages à des positions fixes en fonction du format du papier.
Utilisez l’aperçu avant impression du navigateur pour identifier l’endroit où les sauts de page se produiront. Ajustez l'échelle d'impression, les marges ou le format du papier pour déplacer les sauts de page vers des positions plus naturelles. Une légère réduction d'échelle, de 100 % à 95 %, peut décaler suffisamment les sauts de page pour éviter les pires divisions de contenu.
Pour les articles répartis sur plusieurs pages PDF, envisagez d'utiliser un éditeur PDF après la capture pour combiner le contenu fragmenté. Recadrez les images de pages individuelles et réassemblez-les dans un document continu qui s'écoule plus naturellement que les sauts de page imposés par le navigateur.
Préserver les contenus interactifs et dynamiques
Les pages Web contenant des graphiques vidéo, audio ou interactifs intégrés perdent ces éléments dans la sortie PDF. Le PDF capture une image statique de l'état actuel. Pour le contenu où l'élément interactif est essentiel, incluez l'URL de la page Web originale dans le PDF afin que les lecteurs puissent accéder à la version interactive complète.
Les liens dans le PDF capturé peuvent ne pas être cliquables. La fonction d'impression du navigateur convertit parfois le texte en contours vectoriels ou en images raster qui ne conservent pas les hyperliens. Testez la sortie PDF en cliquant sur un lien connu pour vérifier la fonctionnalité du lien. Si des liens sont perdus, utilisez un éditeur PDF pour les rajouter manuellement.
Les intégrations de réseaux sociaux, les sections de commentaires et le contenu associé chargé dynamiquement survivent rarement au processus d'impression au format PDF. Si ces éléments sont importants, capturez-les séparément sous forme de captures d'écran et insérez-les dans le PDF après la capture du contenu principal.
Les pages Web conçues avec des mises en page réactives peuvent présenter une mise en page différente au moteur d'impression et à l'écran. Un design adapté aux mobiles et qui semble propre sur un téléphone peut s'imprimer sous la forme d'une colonne étroite avec un espace blanc excessif. Tester la sortie d'impression avec différentes largeurs de fenêtre de navigateur peut identifier la taille de fenêtre qui produit la meilleure sortie PDF.
Les pages Web qui utilisent CSS Grid ou Flexbox pour la mise en page peuvent se redistribuer de manière imprévisible lors de l'impression, car la feuille de style d'impression remplace souvent la mise en page complexe de l'écran par une mise en page linéaire simplifiée. Le contenu apparaissant côte à côte à l’écran apparaît empilé verticalement dans le PDF.
Les polices personnalisées chargées à partir de services Web tels que Google Fonts ou Adobe Fonts peuvent ne pas être disponibles pour le moteur d'impression du navigateur. La sortie d'impression remplace les polices système, modifiant l'apparence du texte, la longueur des lignes et les sauts de page.
Les images d'arrière-plan et les dégradés appliqués via CSS ne sont généralement pas imprimés par défaut pour économiser de l'encre. Une section qui reposait sur un arrière-plan sombre avec un texte clair pour plus de lisibilité peut devenir invisible lorsque l'arrière-plan est supprimé et que le texte clair reste.
Les pages Web avec des en-têtes fixes ou des barres de navigation collantes peuvent apparaître au milieu du contenu PDF sur chaque page. Ces éléments sont positionnés par rapport à la fenêtre d'affichage, et non au contenu de la page, et leur positionnement fixe est perdu lors de la conversion PDF.
Le niveau de zoom du navigateur lors de l'impression affecte la sortie PDF. Une page imprimée avec un zoom de 100 % produit des résultats différents de la même page imprimée avec un zoom de 75 %. Le niveau de zoom modifie la taille du texte et le nombre de pages.
L'impression d'une page Web à partir d'un navigateur mobile produit des résultats différents de l'impression à partir d'un navigateur de bureau, car les navigateurs mobiles fournissent souvent une version simplifiée de la page au moteur d'impression.
Pages Web derrière un login ou un paywall, le PDF imprimé peut inclure du contenu qui n'était visible qu'après authentification. Le PDF devient un enregistrement du contenu authentifié et doit être traité avec la sécurité appropriée.
Les extensions de navigateur qui modifient l'apparence des pages Web, telles que les bloqueurs de publicités, les extensions du mode sombre et les feuilles de style personnalisées, affectent la sortie d'impression. Le PDF imprimé reflète la page modifiée telle que l'extension la présente.
L'enregistrement d'une page Web au format PDF est fondamentalement un instantané d'un support dynamique dans un format statique. La conversion capture la page à un moment donné, gelant le contenu qui peut changer quelques minutes plus tard.
À des fins d'archivage, un PDF enregistré à partir d'une page Web doit inclure l'URL et la date d'accès dans les métadonnées du document ou sur la première page afin que les futurs lecteurs puissent localiser la source originale.
Les pages Web dotées de frameworks JavaScript lourds tels que React, Angular ou Vue peuvent ne presque rien afficher dans la sortie PDF, car le moteur d'impression capture la page avant que JavaScript n'ait fini de créer le DOM. Attendre plusieurs secondes après le chargement de la page avant l'impression donne au framework le temps de terminer le rendu.
Les requêtes multimédias CSS qui ciblent l'impression peuvent masquer ou afficher des éléments spécifiques. Une feuille de style d'impression bien conçue inclut le contenu principal et exclut la navigation, les publicités et les commentaires. Une feuille de style d'impression mal conçue ou absente revient à la disposition de l'écran, qui peut ne pas bien se traduire par les dimensions de page fixes d'un PDF.
Le cache du navigateur affecte la sortie PDF lors de l'impression de pages nécessitant une authentification. Si le navigateur a mis en cache les informations d'identification, la sortie d'impression inclut du contenu authentifié. Si la session a expiré, la sortie imprimée peut afficher une page de connexion au lieu du contenu prévu. Vérifiez le contenu de la page avant de l'imprimer en faisant défiler toute la page.
L'impression d'une page Web contenant des iframes intégrés provenant d'autres domaines peut produire des zones vides dans lesquelles le contenu iframe doit apparaître. Les restrictions d'origine croisée empêchent le moteur d'impression d'accéder au contenu iframe de différents domaines. La sortie PDF affiche des rectangles vides là où le contenu intégré était à l'écran.
Pour les captures de pages Web critiques, utilisez la fonction Enregistrer sous du navigateur pour enregistrer la page Web complète, le HTML et les ressources, avant de les imprimer au format PDF. La copie enregistrée sert de référence pour déterminer à quoi devrait ressembler la page et vous pouvez comparer la sortie PDF avec la copie enregistrée pour identifier ce qui a été perdu lors de la conversion d'impression.
Essayez Word en PDF
Aucune installation nécessaire. Fonctionne directement dans votre navigateur.