Qu'est-ce que HTML vers PDF ?

Convertit le balisage HTML en un PDF téléchargeable. Prend en charge les styles CSS, les images, les tableaux et les tailles de page personnalisées. Pratique pour les factures, les rapports ou la sauvegarde de contenu web hors ligne.

Choisis le format A4, A3, Letter ou Legal, bascule entre portrait et paysage, et règle les marges de 0 à 20 mm. Au besoin, protège le fichier par mot de passe ou ajoute les numéros de page en pied de page. CSS en ligne, images en base64 et tableaux passent dans le rendu. La conversion utilise html2pdf.js et html2canvas, donc une page avec des web fonts ou des effets avancés peut rendre un peu différemment de la prévisualisation.

Comment utiliser

  1. Étape 1 — Collez ou saisissez votre contenu HTML dans l'éditeur. L'aperçu en direct montre exactement à quoi ressemblera le PDF.
  2. Étape 2 — Configurez les paramètres de la page : choisissez le format du papier (A4, A3, Lettre, Légal), l'orientation (portrait/paysage) et les marges. Vous pouvez aussi définir un mot de passe ou ajouter des numéros de page.
  3. Étape 3 — Cliquez sur « Générer le PDF » pour créer le document, puis téléchargez-le directement sur votre appareil.

Quand l'utiliser

  • Générer une facture ou un reçu depuis un template HTML avant l'envoi au client.
  • Archiver un rapport stylé (graphiques, tableaux) sous forme de copie portable.
  • Préparer des supports prêts à imprimer à partir de contenu web pour un atelier ou un cours.

Résultat

Un freelance colle le HTML de sa facture avec le logo de l'entreprise, un tableau détaillé et les totaux. Il choisit le format A4 portrait avec des marges de 20 mm et télécharge un PDF professionnel à envoyer par e-mail à son client.

FAQ

Pourquoi mon PDF est-il différent de la prévisualisation ?
Le PDF est rastérisé via html2canvas, qui peint la page en une image puis l'emballe dans un PDF. Des web fonts pas tout à fait chargées, des éléments position: fixed et des filtres CSS peuvent rendre légèrement différemment de la preview.
Puis-je inclure des images hébergées sur un autre domaine ?
Uniquement si cet hôte envoie des en-têtes CORS permissifs. Sinon, html2canvas ne peut pas lire les pixels et l'image apparaît vide dans le PDF. Solutions : télécharge l'image et embarque-la en base64, ou héberge-la sur la même origine.
Comment contrôler les sauts de page ?
Ajoute la règle CSS page-break-before: always (ou page-break-after) sur l'élément où tu veux qu'une nouvelle page commence. Pour un tableau, page-break-inside: avoid sur la ligne empêche qu'elle soit coupée d'une page à l'autre.
Le texte du PDF est-il sélectionnable ?
Pas vraiment. Comme le rendu aplatit la page via canvas, le texte devient un bitmap. Certaines solutions superposent une couche de texte invisible pour permettre la sélection, mais cet outil produit des PDFs rasterisés — lisibles, mais pas toujours copiables.
Y a-t-il une limite de taille pour le HTML ?
En pratique, quelques centaines de Ko de balisage ou 10 à 15 pages. Au-delà, la mémoire peut saturer car le DOM entier est rasterisé en un seul canvas avant d'être découpé en pages.

Outils similaires