Convertir les pages d’un PDF en WebP pour le web

Mode d’emploi : PDF en WebP

1. Ajoutez votre PDFOuvrez cette page dans Chrome, Edge ou Firefox, puis déposez le PDF sur l’outil ou parcourez vos fichiers pour le trouver. Une miniature apparaît pour chaque page du document.
2. Réglez les pages, le DPI et la qualitéLaissez toutes les pages sélectionnées ou réduisez la sélection en cliquant sur les miniatures ou en tapant par exemple 4-6, 9. Pour le web, 150 DPI en qualité Haute est un bon point de départ.
3. Enregistrez les images WebPLancez la conversion, puis enregistrez le résultat. Une page seule arrive en un fichier .webp, et plusieurs pages arrivent dans une seule archive ZIP que vous pouvez décompresser dans le dossier d’images de votre site.

Un exemple concret

Un menu A4 de deux pages, menu.pdf, doit être mis en ligne sur le site d’un restaurant. Dans Chrome, laissez la résolution à 150 DPI et la qualité sur Haute (92), puis lancez la conversion. Vous obtenez menu-p1.webp et menu-p2.webp, de 1240 pixels de large sur 1753 de haut (21 cm ÷ 2,54 × 150 ≈ 1240,2 et 29,7 cm ÷ 2,54 × 150 ≈ 1753,9, arrondis à l’entier inférieur), réunis dans menu-2-files.zip.

Placée dans une colonne de 640 pixels de large, une image de 1240 pixels fournit environ deux pixels d’image par pixel CSS (1240 ÷ 640 ≈ 1,94), assez pour rester nette sur un écran haute densité. Pour de petits aperçus, 72 DPI donne 595 × 841.

Ce que fait l’outil, et ses limites

• Créer du WebP demande Chrome, Edge ou Firefox ; Safari s’arrête sur une erreur, utilisez alors PDF en JPG.
• La sortie est toujours du WebP avec perte (Haute = 92, Moyenne = 80). Pour une copie exacte au pixel près de chaque page, utilisez PDF en PNG.
• Les zones transparentes deviennent blanches, et les visiteurs ne peuvent ni sélectionner ni copier les mots affichés dans l’image.
• Un seul PDF par opération ; les pages de plus de 8000 px de côté ou de plus de 16 millions de pixels au total sont réduites.

PDF en WebP : ce qu’il faut savoir

Le WebP est un format d’image pensé pour le web. Avec une compression avec perte, il stocke en général une image de page en moins d’octets qu’un JPG de qualité visuelle comparable : les pages se chargent plus vite et vos visiteurs consomment moins de données mobiles. Tous les grands navigateurs actuels savent l’afficher.

Le convertisseur rend chaque page sélectionnée de votre PDF avec pdf.js, le moteur de rendu PDF open source de Mozilla, puis demande au navigateur d’encoder le résultat en WebP. Vous choisissez la résolution (72, 150 ou 300 DPI) et la qualité : Haute (92) est la valeur par défaut, et Moyenne (80) allège encore le fichier, avec des détails un peu plus doux. Les fichiers obtenus sont nommés par exemple catalogue-p1.webp, et plusieurs pages sont livrées dans un seul ZIP.

Navigateurs : Safari ne sait pas créer de WebP

L’encodage WebP est une fonction du navigateur, et Safari ne la propose pas : dans Safari, l’outil affiche donc un message d’erreur. Utilisez Chrome, Edge ou Firefox sur un ordinateur, ou passez à PDF en JPG, qui fonctionne dans tous les navigateurs pris en charge. Sur iPhone et iPad, les autres navigateurs reposent eux aussi en général sur le moteur WebKit d’Apple : attendez-vous à la même limite. Ouvrir et afficher des fichiers WebP dans Safari ne pose aucun problème ; seule la création manque.

Dans quels cas l’utiliser

• Montrer un aperçu sur une page de téléchargement

  Si vous proposez un manuel, un menu ou une fiche technique en PDF, un WebP de la première ou des deux premières pages montre aux visiteurs ce qu’ils vont obtenir avant de télécharger. 72 DPI suffit pour une miniature, 150 DPI pour un aperçu lisible.

• Illustrer un article de blog ou un site de documentation

  Vous citez une figure ou un formulaire tiré d’un PDF dans un article ? Un WebP limite le poids total de la page, ce qui compte vite quand un article contient plusieurs images de pages.

• Des images plus légères dans une appli ou un intranet

  Les équipes qui affichent des pages de rapports dans un tableau de bord, une base de connaissances ou une appli mobile peuvent stocker des versions WebP pour économiser de la bande passante et de l’espace de stockage, par rapport à des copies PNG.

Choisir une résolution pour le web

En ligne, ce qui compte, c’est la largeur à laquelle l’image sera affichée. Une page A4 rendue à 72 DPI fait 595 pixels de large ; à 150 DPI, 1240 pixels ; à 300 DPI, 2480. Au format Lettre US, ces largeurs sont de 612, 1275 et 2550 pixels.

• 72 DPI convient aux miniatures, aux cartes et aux petits aperçus où le lecteur doit seulement reconnaître la page.
• 150 DPI, la valeur par défaut, donne à une page A4 assez de pixels pour rester nette sur un écran haute densité de téléphone ou d’ordinateur portable quand elle est affichée sur environ 640 pixels CSS de large, une largeur courante pour une colonne d’article.
• 300 DPI est rarement utile sur le web. Gardez-le pour les pages où les visiteurs doivent zoomer sur de petits caractères, comme un graphique dense, car il contient quatre fois plus de pixels que 150 DPI.

Poids, qualité et transparence

Ici, le WebP produit est avec perte : il se comporte donc à peu près comme le JPG, avec des fichiers plus petits, un très léger adoucissement des contours nets en qualité Haute et un peu plus en qualité Moyenne. Les pages chargées de texte restent bien lisibles à 150 DPI en qualité Haute. Ce sont les pages avec des photos qui profitent le plus du WebP ; les pages de texte simple sont déjà légères dans n’importe quel format.

Chaque page est rendue sur du blanc : les zones transparentes du PDF deviennent donc blanches dans l’image. Les métadonnées du document, comme le titre et l’auteur, ne sont pas reprises. Les visiteurs ne peuvent ni sélectionner ni copier le texte de l’image : mettez donc aussi les mots importants dans le HTML autour de l’image ou dans son texte alternatif.

Une page exceptionnellement grande, comme un tableau mural, est réduite automatiquement pour rester sous le plafond du canevas du navigateur, environ 8000 pixels de côté.

Servir le WebP avec une solution de repli

Tous les navigateurs utilisés aujourd’hui savent afficher le WebP. Si votre public comprend de très vieux navigateurs ou logiciels de messagerie, proposez une version JPG grâce à l’élément picture du HTML (page en anglais). Un guide de référence sur les types de fichiers image, lui aussi en anglais, compare plus en détail le WebP au JPG, au PNG et à l’AVIF.

Quand le WebP n’est pas le bon choix

• Pièces jointes et formulaires en ligne. Certains logiciels de messagerie, logiciels de bureautique et portails officiels attendent encore du JPG ou du PNG. Envoyez-leur du JPG.
• Impression. Les imprimantes et les logiciels de mise en page préfèrent les fichiers sans perte ; pour cela, rendez les pages à 300 DPI avec PDF en PNG.
• Un PDF plus léger. Pour garder le document tout en l’allégeant, Compresser un PDF préserve son texte consultable.
• Publier quelques pages en PDF. Si les visiteurs doivent télécharger un chapitre plutôt que voir des images, découpez-le avec Diviser un PDF.
• Fichiers chiffrés. Un PDF qui demande un mot de passe doit d’abord passer par Déverrouiller un PDF, et vous devez connaître ce mot de passe.

Vous avez reçu des images WebP et vous en avez besoin dans un format plus largement accepté ? WebP en JPG les convertit.

Le traitement reste local

Aucun serveur ne voit votre document : le PDF est ouvert, dessiné et encodé en WebP par votre propre navigateur, puis enregistré sur votre appareil. Pour constater par vous-même qu’aucune donnée du fichier ne quitte l’onglet, suivez les étapes de vérification.