PNG en WebP

À propos de ce convertisseur

Ce convertisseur PNG vers WebP gratuit transforme un PNG en WebP moderne, en conservant intacte la transparence. Les gains sont ici bien plus importants qu'avec le JPG — 60 à 80 % est courant, et sur un PNG photographique cela peut être davantage.

Tout s'exécute dans votre navigateur — votre image n'est jamais envoyée à un serveur.

Pourquoi les fichiers PNG deviennent si volumineux

Le PNG est sans perte. Chaque pixel est stocké exactement tel qu'il était et rien n'est jamais écarté. C'est le bon compromis pour certaines images, et un compromis très coûteux pour d'autres.

Le PNG compresse en repérant les répétitions — des suites de pixels identiques, des motifs qui reviennent. Cela fonctionne à merveille sur un logo à six couleurs plates, sur la capture d'écran d'un formulaire ou sur un graphique aux aplats nets. Une telle image peut se comprimer jusqu'à une infime fraction de sa taille brute.

Cela fonctionne mal sur les photographies, car une photo ne contient presque aucune répétition exacte. Chaque pixel d'un ciel diffère légèrement de son voisin : il n'y a rien à regrouper, et le PNG finit par stocker quelque chose de très proche des données brutes des pixels. C'est pourquoi une photo enregistrée en PNG est couramment cinq à dix fois plus volumineuse que la même photo en JPG, sans aucun bénéfice visible.

Un nombre considérable de PNG surdimensionnés sur le web sont simplement des photographies enregistrées dans le mauvais format — très souvent la capture d'écran d'une photo, puisque les outils de capture produisent du PNG par défaut.

Le WebP a deux modes, et c'est là toute l'astuce

C'est précisément ce qui fait du WebP un si bon remplaçant du PNG : il sait faire les deux travaux.

Le WebP sans perte conserve chaque pixel à l'identique, comme le PNG, mais le compresse mieux — typiquement 26 % plus petit que le même PNG. Pour un logo ou la capture d'une interface, vous obtenez une image identique dans un fichier plus léger, sans rien concéder.

Le WebP avec perte écarte du détail comme le JPG, mais prend toujours en charge la transparence — ce que le JPG n'a jamais su faire. C'est la combinaison qui n'existait pas avant le WebP. Une photo de produit détourée signifiait autrefois un PNG énorme, car c'était le seul format courant capable de contenir à la fois une photo et une couche alpha. Aujourd'hui, ce peut être un WebP avec perte d'une taille bien moindre.

Réglez une valeur de qualité élevée et vous obtenez un comportement sans perte ou quasi sans perte. Abaissez-la et vous échangez du détail contre de la taille, la transparence restant intacte.

Quelle qualité choisir selon le cas

Le bon réglage dépend entièrement du type d'image que contient le PNG.

• Logos, icônes, graphiques plats — utilisez la qualité maximale. Ils ont des bords francs et peu de couleurs ; ils se compressent bien de toute façon et les artefacts autour des bords sautent aux yeux.
• Captures d'écran avec du texte — qualité élevée, 90 ou plus. Le texte est l'endroit où la compression avec perte est la plus laide : une légère bouillie autour des lettres.
• Photographies avec transparence — 80 à 85 suffit largement, et c'est là qu'apparaissent les gains spectaculaires.
• Graphiques et schémas — qualité élevée. Les traits fins et les frontières de couleur nettes sont exactement ce que la compression avec perte brouille.
• Grandes images d'arrière-plan — 75 à 85 convient généralement, puisqu'elles se trouvent derrière d'autres contenus.

La règle sous-jacente : les bords francs et le texte exigent une qualité élevée ; les tons continus non.

La transparence survit — avec une chose à vérifier

Le WebP prend en charge une couche alpha 8 bits complète, comme le PNG. Ombres douces, bords estompés, courbes lissées et transparence partielle passent tous correctement. Ce n'est pas la transparence rudimentaire tout-ou-rien d'un GIF.

La seule chose à vérifier après une conversion à faible qualité est le bord d'un détourage. La compression avec perte travaille sur les données de couleur, et un pixel de bord semi-transparent peut prendre un léger halo de la couleur qui se trouvait derrière lui dans l'original. Sur un détourage propre à une qualité de 80 ou plus, vous ne le verrez pas. Sur une image très compressée avec un bord finement estompé devant une couleur soutenue, peut-être — regardez donc la frontière en taille réelle avant de publier.

Comment l'utiliser

• Téléversez votre PNG — cliquez sur la zone de dépôt ou faites glisser un fichier .png
• Choisissez la qualité — plus elle est élevée, plus le détail est conservé ; plus elle est basse, plus le fichier est petit
• Téléchargez — enregistrez votre WebP

Bon à savoir

• Les gains sont les plus élevés sur les PNG photographiques. La capture d'écran d'une photo peut perdre 90 % de son poids sans changement visible.
• Une petite icône peut ne pas rétrécir. En dessous de quelques kilooctets, la surcharge du format domine et le WebP peut être équivalent ou légèrement plus gros. Gardez le plus petit des deux.
• Redimensionnez avant de convertir. Un PNG de 3000 pixels affiché à 300 pixels gaspille plus d'octets qu'aucun codec ne peut récupérer.
• Les favicons doivent rester en PNG ou ICO. La prise en charge des favicons WebP est irrégulière, et le fichier est minuscule dans les deux cas.
• Les clients de messagerie sont en retard sur les navigateurs. Certains n'affichent toujours pas le WebP : utilisez PNG ou JPG dans un modèle d'e-mail.
• Conservez l'original PNG si l'image est une ressource maîtresse que vous retoucherez.

Questions fréquentes

De combien le WebP est-il plus petit que le PNG ?

Bien plus que la plupart des gens ne l'imaginent. Le WebP sans perte est en moyenne environ 26 % plus petit que le même PNG, pour un résultat identique pixel par pixel. Passer au WebP avec perte, ce que le PNG ne sait pas faire du tout, permet couramment d'économiser 60 à 80 %, et sur une photographie enregistrée en PNG cela peut dépasser 90 %. Plus le contenu photographique est important, plus le gain est grand.

Mon arrière-plan transparent sera-t-il conservé ?

Oui. Le WebP prend en charge une couche alpha 8 bits complète, exactement comme le PNG : ombres douces, bords estompés et transparence partielle survivent tous. C'est l'un des principaux avantages du WebP sur le JPG, qui n'a aucune transparence. Aux réglages de qualité très bas, inspectez le bord d'un détourage pour repérer un léger halo coloré.

Dois-je utiliser le WebP avec perte ou sans perte ?

Sans perte pour les logos, icônes, schémas et captures d'écran contenant du texte — tout ce qui comporte des bords francs ou du lettrage, où les artefacts de compression se voient et où le fichier est de toute façon petit. Avec perte pour les photographies, y compris celles à fond transparent, où le gain est important et la perte invisible à partir d'une qualité de 80.

Pourquoi mon PNG est-il si volumineux au départ ?

Presque certainement parce qu'il contient une photographie. Le PNG stocke chaque pixel exactement et compresse en cherchant des répétitions, or les photographies n'en contiennent presque aucune d'exacte — il n'y a donc rien à regrouper. Le PNG est le bon choix pour les graphiques plats et les captures d'interfaces, et le mauvais pour le contenu photographique.

Puis-je reconvertir en PNG plus tard ?

Oui, et la transparence survivra à l'aller-retour. Mais si vous avez converti en WebP avec perte, le détail écarté à cette étape est perdu pour de bon — reconvertir vous donne un PNG de l'image compressée, pas l'original. Conservez vos PNG maîtres si vous devez les retoucher plus tard.

Le WebP fonctionne-t-il dans les e-mails ?

Pas de façon fiable. La prise en charge par les navigateurs est aujourd'hui universelle, mais les clients de messagerie sont loin derrière et plusieurs n'affichent rien du tout pour un WebP. Utilisez PNG ou JPG dans les modèles d'e-mail. La même prudence vaut pour certains logiciels de bureau, les flux d'impression et les formulaires de téléversement qui n'acceptent que PNG et JPG.

Mon image est-elle envoyée à un serveur ?

Non. La conversion se déroule entièrement à l'intérieur de votre navigateur, le fichier ne quitte donc jamais votre ordinateur. Cela compte particulièrement pour les captures d'écran, qui contiennent souvent des noms, des adresses, des numéros de compte ou des systèmes internes.

Outils associés

• WebP vers PNG — l'autre sens, en conservant la transparence
• JPG vers WebP — pour les photographies sans transparence
• Compresseur d'images — alléger une image sans changer son format
• Suppresseur d'arrière-plan — créer la transparence en premier lieu