Convertir du HTML en PDF en ligne

Vous voulez automatiser des documents plutôt qu'en convertir un seul ? L'API HTML en PDF accepte la même entrée depuis votre application, avec en-têtes, pieds de page et numéros de page.

Papier, marges et arrière-plans

Le format de papier et l'orientation définissent la zone de page. Les marges s'appliquent sur chaque côté et se mesurent en pouces, l'unité qu'utilise le moteur d'impression de Chromium ; les valeurs en millimètres sont arrondies. Le format de papier choisi ici l'emporte sur la règle de taille @page de la feuille de style, si bien qu'un modèle A4 peut être imprimé en Letter. Les navigateurs omettent les couleurs et images d'arrière-plan à l'impression, sauf demande contraire, c'est pourquoi les arrière-plans sont activés par défaut : désactivez-les pour obtenir la version épurée que votre navigateur imprimerait.

Images, polices et fichiers liés

Le HTML collé n'a pas d'adresse web propre, donc les chemins relatifs comme images/logo.png ne peuvent pas être résolus. Utilisez des adresses https absolues ou des URI data pour les images, les feuilles de style et les polices. Notre moteur de rendu les récupère sur l'internet public : un fichier sur votre propre ordinateur ou sur un réseau privé est inaccessible. Les familles de polices Noto sont installées sur le moteur de rendu ; toute autre police doit être chargée avec @font-face depuis une adresse absolue, sinon le texte se rabat sur une police installée similaire et les lignes peuvent se couper autrement.

Sauts de page

Chromium passe à la page suivante là où le contenu manque de place. Utilisez break-inside: avoid sur les lignes, les cartes et les totaux pour les garder d'un seul tenant, et break-before: page pour commencer une section sur une nouvelle page. Le thead d'un tableau se répète en haut de chaque page sur laquelle il se poursuit. L'exemple de facture de quatre pages montre les trois.

Si le PDF n'a pas le bon aspect

• Contenu coupé au bord droit : un élément a une largeur fixe supérieure à celle de la page. Utilisez des pourcentages ou max-width.
• Un PDF vide ou presque : la page dessine son contenu en JavaScript après un délai, ou l'adresse de la page exige une connexion.
• Images manquantes : l'adresse est relative, privée, ou bloque les visiteurs automatisés.
• Couleurs manquantes : les arrière-plans sont désactivés, ou la feuille de style les masque avec une media query d'impression.

Pour un modèle complet avec numéros de page, en-têtes de tableau répétés et CSS d'impression, suivez le guide des factures PDF.

Limites et confidentialité

Le HTML est envoyé à Ironfang et imprimé sur nos serveurs au Royaume-Uni. Il n'est ni conservé, ni journalisé, ni mis en cache : le PDF est renvoyé dans la réponse et rien n'est gardé une fois qu'il a été envoyé. Les scripts du HTML s'exécutent, comme dans un navigateur, sans accès à ce site. Les documents peuvent peser jusqu'à 256 Ko et un rendu s'arrête après 30 secondes. Chaque adresse dispose de 20 rendus par heure, partagés avec les outils gratuits de capture d'écran et HTML en image. Les adresses de page doivent être des pages http ou https publiques. Les PDF réalisés ici portent une petite marque Ironfang Render sur chaque page ; les PDF obtenus par l'API avec votre propre compte n'en portent pas.