Elysia Tools

Parcourez outils, exemples, explications visuelles et guides thématiques dans un espace clair.

Catégories populaires

Dossiers

Langue
ZHDERUPTENFRES

Elysia Tools

Navigation mobile

Document Tools

HTML/CSS vers PDF prêt à imprimer

· Dernière mise à jour:2026-10-12

Compose un PDF multipages prêt à imprimer directement depuis HTML et CSS : taille et marges @page, en-têtes de chapitre courants, compteurs de pages, traits de coupe et de repérage, fond perdu.

Détails

Ce que cet outil vous aide à faire

Un composeur de médias paginés CSS : donnez-lui un document HTML autonome dont le CSS porte la maquette d’impression, et il rend un PDF paginé prêt pour l’imprimeur — le flux « une sortie qualité LaTeX depuis HTML », sans un gramme de JavaScript dans votre document. Le moteur charge votre fichier dans Chromium headless en mode média print et imprime avec la taille de page tirée du CSS et les fonds activés. Deux moteurs : Paged.js, le polyfill MIT des médias paginés du W3C, est celui par défaut et couvre ce que les navigateurs ne font pas — traits de coupe et de repérage (la propriété marks), fond perdu, en-têtes et pieds courants via les boîtes de marge comme @top-center avec titres de chapitre par string-set, compteurs page et pages, pages nommées, contenu généré pour listes et notes — il découpe votre contenu en boîtes de page fixes et trace les marques hors de la coupe. Chromium natif sert de repli : Chrome 131+ implémente nativement tailles et marges @page et les seize boîtes de marge, ce qui couvre bien des maquettes, mais le rendu des marques y est limité — d’où le polyfill. En Auto, on prend Paged.js tant que le polyfill embarqué est disponible, avec repli natif sinon. Notes pratiques : gardez le document autonome (styles en ligne, images en data-URI), le moteur ne fait aucun accès réseau ; @page size accepte toute longueur CSS ou taille nommée plus landscape ; la boîte de page du PDF grandit du fond perdu pour que marques et fond tombent hors de la coupe, prêts pour l’imprimeur ; les écritures complexes sont composées avec les polices système de l’hôte. Les métadonnées consignent le moteur utilisé et le nombre de pages composées par Paged.js, pour vérifier la pagination avant tirage.

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Exemples

Exemples adaptés à cet outil

Associé

Continuer avec des outils et dossiers associés

Rédigé par l'équipe Elysia Tools

Guide d'utilisation de l'outil

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Catégorie
Document Tools
Types d’entrée
file, select
Type de sortie
file
Exemples associés
4
API disponible
Oui

Aperçu

Cet outil convertit un document HTML autonome et ses feuilles de style CSS en un PDF multipages prêt pour l'impression professionnelle. Grâce à Chromium headless et au polyfill Paged.js, il prend en charge les spécifications CSS Paged Media telles que la règle @page, les boîtes de marges, les compteurs de page, les traits de coupe et le fond perdu.

Quand l’utiliser

  • Lorsque vous devez générer des brochures ou livres avec des traits de coupe, du fond perdu et des repères d'impression.
  • Lorsque votre mise en page requiert des en-têtes ou pieds de page dynamiques avec le titre du chapitre courant via string-set et des compteurs de pages.
  • Lorsque vous souhaitez produire des rapports ou documents administratifs multipages sans dépendre de scripts JavaScript externes ni d'outils lourds comme LaTeX.

Fonctionnement

  1. 1Vous fournissez un fichier HTML autonome contenant le balisage et éventuellement un fichier CSS séparé contenant vos règles de mise en page.
  2. 2Vous sélectionnez le moteur de rendu : Paged.js pour la prise en charge complète des marques d'impression et boîtes de marge, Chromium natif, ou le mode automatique.
  3. 3Chromium headless exécute le rendu en mode d'émulation print, calcule les sauts de page et génère le fichier PDF final avec les fonds et dimensions définis.

Cas d’usage

  • Composition de livres, plaquettes et livrets au format A5 ou personnalisé avec traits de coupe pour l'imprimeur.
  • Génération automatisée de rapports d'activité A4 avec pagination continue et en-têtes de section dynamiques.
  • Édition de fiches produits ou manuels techniques intégrant des annexes et des pages nommées spécifiques.

Comparer les alternatives

  • Extrait des tableaux PDF avec OpenDataLoader et les exporte en JSON, CSV ou HTML

  • Extrait le contenu textuel des fichiers PDF et le convertit en diapositives de présentation PowerPoint

  • Convertisseur PDF vers texte avancé avec sélection de pages, options de format et extraction de métadonnées

Pour qui

Idéal pour

  • Convertir des fichiers PDF dans le navigateur.
  • Les workflows où Moteur de mise en page compte, par exemple Auto (Paged.js, repli natif) ou Paged.js (polyfill complet : traits, fond perdu, boîtes de marge).
  • Le workflow « An A5 booklet chapter spread with running headers and crop marks », en une seule passe.

Peu adapté pour

  • Tâches par lots entièrement automatisées — cette page est conçue pour un usage interactif ; pour les scripts, utilisez le point de terminaison API.
  • Fichiers dans des formats que cet outil n'accepte pas — il fonctionne avec .html en entrée.

Cas limites et erreurs fréquentes

  • PDF protégés par mot de passe

    Le fichier ne peut pas être lu tant que le mot de passe n'est pas supprimé — cet outil n'a pas de champ de mot de passe.

  • PDF numérisés sans couche de texte

    Les pages qui ne sont que des images ne contiennent pas de texte sélectionnable, donc la sortie texte est vide — commencez par appliquer l'OCR au fichier.

  • Fichiers très volumineux

    Les gros fichiers prennent plus de temps et peuvent atteindre les limites de mémoire du navigateur — essayez d'abord avec un échantillon plus petit.

Exemples

1. Composition d'une brochure A5 avec traits de coupe et fond perdu

Graphiste prépresse

Contexte

Préparation d'un livret de deux chapitres destiné à être envoyé chez un imprimeur offset.

Problème

Le document HTML doit comporter des traits de coupe précis, un fond perdu de 6 mm et des titres de chapitres courants.

Utilisation

Déposer le fichier HTML autonome incluant les directives @page et sélectionner Paged.js comme moteur de mise en page.

@page {
  size: A5;
  margin: 20mm;
  bleed: 6mm;
  marks: crop cross;
  @top-center { content: string(chapter-title); }
  @bottom-center { content: counter(page); }
}

Résultat

Un PDF multipages dont les dimensions incluent le fond perdu et affichent les repères de coupe conformes aux exigences d'impression.

2. Génération d'un rapport financier standard en A4

Contrôleur de gestion

Contexte

Édition périodique d'un rapport d'audit interne sous forme de fichier PDF paginé.

Problème

Appliquer une numérotation des pages cohérente et une mise en page propre sans recourir à un polyfill complexe.

Utilisation

FAQ

Mes images et mes polices distantes sont-elles chargées ?

Non, le moteur n'effectue aucun accès réseau. Vous devez intégrer vos images en data-URI et vos styles directement dans les fichiers fournis.

Quelle est la différence entre le moteur Paged.js et le moteur natif ?

Paged.js gère l'ajout des traits de coupe, des marques de repérage et du fond perdu hors coupe, tandis que Chromium natif se concentre sur les règles @page et les boîtes de marge standard.

Comment définir les dimensions de la page et les marges ?

Utilisez la règle CSS standard @page dans votre fichier, par exemple en spécifiant @page { size: A4; margin: 20mm; }.

Comment sont gérés les fonds perdus (bleed) ?

Avec Paged.js, la surface du PDF est automatiquement élargie de la valeur du fond perdu pour que le dessin et les repères dépassent de la zone de coupe finale.

Le document peut-il exécuter du code JavaScript personnalisé ?

Non, l'outil est conçu pour compiler la maquette uniquement à partir de balises HTML et de déclarations CSS, sans exécuter de scripts tiers.

Accueil
Outils3212
Atelier
Exemples593
Visualisations471
Visionneuses de fichiers103
Dossiers239
Étiquettes333
Images, audio et vidéo657

Outils de traitement, conversion et optimisation d’images, d’audio et de vidéo

Maths, dates et finance647

Calculateurs, outils numériques, logique de dates, statistiques et finance

Design et couleur298

Outils de couleur, mise en page, graphisme, style visuel et assistance design

Texte et rédaction209

Outils de rédaction, nettoyage, formatage, extraction et analyse de texte

Développement et Web193

Utilitaires développeur, réseau, débogage Web et assistants d’automatisation

Conversion et encodage175

Outils de conversion de formats, fichiers, archives, unités et encodages

Lancement d’un quiz de prospection et transmission des contacts
Textes commémoratifs : validation familiale et remise pour impression
Habitudes privées : sauvegarde, restauration et partage vérifié
D’un article aux brouillons X et LinkedIn : revue factuelle et livraison
Revue de cours Markdown interactif et livraison hors ligne

© 2026 Elysia Tools. Tous droits réservés.

DocumentationTarifsÀ proposConditions d'utilisationPolitique de confidentialitéCookiesContact
Documents

Exemples PDF

Exemples PDF generes par les outils du 2026-02-01 au 2026-02-10

Documentation

Exemples de Slides Markdown

Presentations Markdown style Remark/Marp pour tester l export PDF

Traitement de texte

Échantillons de HTML avec Images

Échantillons de code source HTML avec des images pour tester l'extraction

Développement

Echantillons HTML

Fichiers d exemple pour la visionneuse HTML dans le navigateur

Document Tools

Rendu HTML vers PDF

Rend un sous-ensemble HTML en PDF

Document Tools

Fragments En-tête/Pied PDF

Convertit HTML en PDF avec des fragments logo, titre et date

Document Tools

HTML d email vers PDF

Rend le contenu HTML d un email en PDF en conservant la mise en forme de base

Text Processing

PDF Deep Research en article HTML

Convertissez un export PDF de ChatGPT Deep Research en article HTML autonome et agréable à lire — titres, paragraphes reformatés, équations et chaque citation liée à sa source. Aucune liste à coller : les citations sont déjà dans le PDF.

Charger le document HTML avec son fichier CSS associé et choisir le moteur Chromium natif.

@page {
  size: A4 portrait;
  margin: 25mm;
  @bottom-right {
    content: counter(page) " / " counter(pages);
  }
}

Résultat

Un document PDF propre avec sauts de pages automatiques et numérotation intégrée directement dans les marges.

Extracteur de tableaux PDF vers CSV/JSON
PDF vers PowerPoint
PDF vers Texte Avancé