Comment convertir du HTML en PDF
Créer des PDF depuis du HTML est utile pour générer factures, rapports, lettres, certificats — tout document où vous voulez contrôler la mise en page avec du CSS mais distribuer sous forme de PDF.
Comment convertir du HTML en PDF
- Collez votre HTML — saisissez votre code HTML, y compris le CSS en ligne ou les balises
<style>, dans l'éditeur. Le code peut inclure la structure complète de page avec en-têtes, tableaux, images et styles. - Prévisualisez le rendu — une prévisualisation en direct montre exactement comment votre PDF sera rendu à mesure que vous tapez. Ajustez HTML et CSS jusqu'à ce que le rendu corresponde à vos attentes.
- Générez et téléchargez — cliquez sur le bouton de génération pour créer le PDF dans votre navigateur, puis téléchargez-le instantanément.
Ce que vous pouvez créer
- Factures et reçus — tableaux structurés avec identité d'entreprise, lignes d'articles et totaux
- Rapports — documents formatés avec titres, paragraphes, graphiques et tableaux de données
- Certificats — mises en page stylisées avec polices personnalisées, bordures et texte centré
- Lettres — correspondance professionnelle avec en-tête, corps et zone de signature
- CV — mises en page soignées exportées en PDF propre pour vos candidatures
Astuces de style pour la sortie PDF
Utilisez des styles en ligne ou des balises <style> — les feuilles de style externes ne sont pas chargées. Placez tout votre CSS soit en ligne sur les éléments, soit dans un bloc <style> du HTML.
Définissez les marges de page — utilisez @page { margin: 20mm; } en CSS pour contrôler l'espace autour de votre contenu dans le PDF.
Utilisez des unités adaptées à l'impression — mm, cm et pt sont plus prévisibles dans les PDF que px ou rem. Utilisez mm pour les marges et espacements qui doivent correspondre à des dimensions physiques.
Évitez les mises en page dépendantes de la fenêtre — les largeurs en pourcentage et les largeurs en pixels fixes fonctionnent mieux. Les unités liées à la fenêtre (vw, vh) peuvent ne pas se comporter comme attendu dans le PDF.
Astuces
- Prévisualisez d'abord — vérifiez toujours la prévisualisation en direct avant de générer. C'est bien plus rapide d'itérer sur le HTML que de régénérer un PDF à chaque fois.
- Utilisez du base64 pour les images — convertissez les images en Data URI base64 pour garantir leur inclusion dans le PDF. Les URL externes peuvent échouer à cause des restrictions CORS.
- Restez simple — les mises en page CSS complexes (grilles imbriquées, éléments positionnés superposés) peuvent ne pas se rendre parfaitement. Des mises en page plus simples donnent des PDF plus fiables.
- Testez les sauts de page — pour les documents multipages, utilisez
page-break-before: alwayspour contrôler où commencent les nouvelles pages.
Questions fréquentes
Le PDF préserve-t-il mon style CSS ?
Oui. Le convertisseur rend votre HTML avec le CSS appliqué, y compris couleurs, polices, marges et mise en page. Le PDF ressemble à la page web rendue, pas au code source brut.
Puis-je inclure des images dans le PDF ?
Oui. Utilisez des images en base64 (Data URI) pour les résultats les plus fiables. Les URL d'images externes peuvent fonctionner si elles sont accessibles et compatibles CORS.
Mon HTML est-il envoyé sur un serveur ?
Non. La conversion se fait entièrement dans votre navigateur. Votre code et le PDF généré ne quittent jamais votre appareil.
Quelles fonctionnalités CSS sont prises en charge ?
Le CSS standard, y compris mises en page, couleurs, polices, arrière-plans, bordures et tableaux, est bien pris en charge. Les fonctions avancées comme CSS Grid, des animations complexes et certains cas limites de Flexbox peuvent être limités.