Fichier ou code collé
Le mode « Fichier .html » accepte les extensions .html et .htm, et le PDF reprend le nom du fichier. Le mode « Coller le code » convient à un modèle d’e-mail, à une facture produite en HTML ou à un simple extrait : un fragment sans structure complète suffit, le navigateur la reconstitue. Le PDF s’appelle alors wearepdf-html.pdf.
Le code n’est envoyé à aucun serveur pour être converti, mais une image ou une feuille de style qu’il appelle par une adresse web est demandée à son site pendant le rendu : le guide consacré au traitement local explique comment vérifier ce qui transite.
De la page web aux pages A4
- Le HTML est chargé dans un cadre invisible de 794 pixels de large, où le JavaScript est bloqué.
- L’outil attend la fin du chargement, quatre secondes au plus, puis mesure la hauteur totale de la page.
- La page entière, marges du corps comprises, est capturée à double résolution sur fond blanc.
- Cette image est coupée en tranches aux proportions d’une feuille A4, soit environ 1 123 pixels de page web par page. Chaque tranche est placée en JPEG de qualité 90 % sur toute la largeur de la feuille.
Ce que le rendu laisse de côté
- Les scripts : un contenu construit par JavaScript, comme un graphique ou une application web, reste vide ou dans son état initial.
- Les images appelées par une adresse web ou par un chemin relatif. Seules apparaissent les images incorporées au code, en adresse « data: » ou en SVG écrit dans la page.
- Les feuilles de style et dossiers enregistrés à côté du fichier, puisque seul le .html est lu. Les styles écrits dans la page elle-même sont appliqués.
- Les règles d’impression et de saut de page CSS : la découpe tombe à hauteur fixe, quitte à trancher une ligne ou une image.
Écrire un HTML qui se convertit bien
- Réunissez les styles dans une balise style de la page et incorporez les images en base64.
- Donnez une marge intérieure (padding) au corps de page : le PDF n’ajoute aucune marge autour de la capture.
- Concevez la mise en page pour 794 pixels de large, largeur à laquelle les requêtes média sont évaluées.
Comment faire ?
- Choisissez « Fichier .html » pour importer un fichier, ou « Coller le code » pour saisir le HTML.
- Vérifiez que styles et images sont intégrés au code : les ressources externes ne seront pas chargées.
- Cliquez sur « Convertir en PDF » ; le rendu du HTML, puis la génération du PDF, s’affichent en progression.
- Contrôlez la vignette de la première page et téléchargez le PDF.
Limites à connaître
- Pas de conversion depuis une adresse web : l’outil lit un fichier ou un code, jamais un site en ligne.
- Page A4 portrait, sans marge ajoutée ni réglage de qualité.
- Pages converties en images : ni sélection du texte, ni recherche, ni liens actifs.
Questions fréquentes
Comment convertir une page web ouverte dans mon navigateur ?
L’outil ne va pas chercher de page en ligne. Enregistrer la page en .html puis l’importer ne reprend que son texte et ses styles internes : images et feuilles de style enregistrées à côté manqueront. La commande d’impression de la plupart des navigateurs, avec une destination PDF, restitue mieux une page complète.
Pourquoi mes images ne s’affichent-elles pas dans le PDF ?
Elles sont appelées par une adresse, distante ou relative. Même quand elles se chargent dans le cadre de rendu, la capture les écarte. Incorporez-les au code en base64, avec une adresse commençant par « data:image/ », et elles seront reproduites.
Une ligne est coupée en deux entre deux pages : comment l’éviter ?
La coupure tombe tous les 1 123 pixels environ, sans tenir compte du contenu. Ajoutez de l’espace avant l’élément concerné pour le repousser sur la page suivante, puis relancez la conversion.
Mon graphique généré en JavaScript est vide : pourquoi ?
Le cadre de rendu n’exécute aucun script. Remplacez le graphique par une image incorporée. Copier le HTML obtenu après exécution suffit pour un graphique tracé en SVG, pas pour un dessin réalisé dans un élément canvas, qui n’est pas inscrit dans le code.
Guides liés
- Outils PDF en ligne : vérifier si vos fichiers partent sur un serveur
Envoi sur un serveur ou traitement dans le navigateur ? La méthode pour le contrôler vous-même avec l’onglet Réseau, et les limites de ce contrôle.
Fiche mise à jour le