PNG en WebP, des fichiers plus légers qui gardent la transparence

Échangez un PNG encombrant contre un WebP léger qui garde sa transparence et se charge plus vite.

ou déposez l'image ici

Comment convertir PNG en WebP

Comment convertir PNG en WebP

Tirez un PNG dans la zone de dépôt ou cliquez pour en chercher un. Le travail démarre à l'instant où le fichier atterrit, sans bouton Convertir où que ce soit, et pour une image de tous les jours il se boucle en bien moins d'une seconde. Un bouton Télécharger enregistre ensuite le WebP sous le nom source avec une nouvelle terminaison. Convertissez-en un et il tourne dans votre navigateur, donnez-en plusieurs et ils montent ensemble vers notre serveur. Le même chemin sert les téléphones et les ordinateurs de bureau, sans installation requise. Pour en traiter un autre, déposez simplement le PNG suivant. Confiez-lui un PNG animé et seule la première image survit, puisque le WebP qu'il produit ici est une seule image fixe plutôt qu'une séquence animée.

Les pixels transparents passent directement dans le WebP

Les pixels transparents passent directement dans le WebP

Une couche alpha de 8 bits vit dans le WebP, donc chaque pixel transparent de votre PNG atterrit tout aussi transparent dans le WebP. Rien ne devient blanc, aucune frange ne cerne un détourage, et aucun nettoyage dans un éditeur n'est nécessaire ensuite. C'est la raison même de préférer WebP à JPG quand votre PNG porte de la transparence, puisque JPG ne possède pas d'alpha et doit échanger les pixels clairs contre une couleur unie. Logos, icônes, détourages de produits, maquettes d'interface, captures d'écran à coins arrondis, tout ce qui repose sur un fond transparent passe de l'autre côté sans être touché. Il n'y a aucun interrupteur à basculer pour cela, ça arrive tout seul, parce que porter l'alpha fait partie de ce pour quoi WebP a été conçu.

Raisons de passer de PNG à WebP

Raisons de passer de PNG à WebP

Avant tout, vous obtenez un fichier bien plus léger tandis que la transparence et la qualité visuelle tiennent. Les chiffres officiels WebP de Google montrent le WebP sans perte à peu près 26 pour cent sous un PNG équivalent, et le WebP avec perte et alpha près d'un tiers de la taille d'un comparable. Des images plus légères arrivent plus tôt, ce qui alimente directement le Largest Contentful Paint, l'un des Core Web Vitals de Google et un facteur de classement connu. PageSpeed Insights va jusqu'à pointer PNG sous sa suggestion de formats nouvelle génération, et passer à WebP efface ce signalement. Le support n'est pas non plus un obstacle, puisque Chrome, Firefox, Safari et Edge lisent tous WebP nativement.

Réglage de qualité et le compromis avec perte

Réglage de qualité et le compromis avec perte

Araluma écrit le WebP à un réglage proche du sans perte, ajusté pour les photos comme pour les graphismes, si bien qu'aux tailles d'affichage ordinaires il a la même allure que le PNG dont il est issu. Maintenu à ce niveau, WebP est techniquement avec perte, ce qui veut dire qu'un peu de précision au niveau du bit est abandonnée face à une copie sans perte impeccable. Pour presque tout le travail web, logos, icônes, éléments d'interface, photos, cet écart est invisible. Quand la tâche est au pixel près, comme des scans médicaux ou des masters d'archive, gardez le PNG et laissez le WebP être l'export. Sur les photos, vous pouvez généralement attendre une baisse de 50 à 70 pour cent en taille, posée par-dessus l'avance structurelle que WebP tient déjà sur PNG.

Où le PNG est vraiment converti

Où le PNG est vraiment converti

Cela se divise selon le nombre que vous donnez. Convertissez un PNG seul et toute la tâche se passe dans l'onglet, sur le moteur d'image du navigateur lui-même, sur votre appareil, sans rien qui monte et sans rien noté sur le fichier. Vérifiez-le vous-même, ouvrez DevTools, gardez le panneau Réseau ouvert pendant que vous convertissez cette image unique et comptez zéro requête sortante qui la transporte. Convertissez-en une poignée ensemble et elles montent vers notre serveur, qui les parcourt toutes et renvoie un seul téléchargement. Ce téléchargement est nettoyé de notre serveur sous environ 2 heures, et vous pouvez l'effacer à l'instant où vous enregistrez. Ainsi une image ne quitte jamais le navigateur, et un lot reste sur notre serveur juste le temps de monter ce que vous emportez.

Quand le PNG d'origine reste le bon choix

Quand le PNG d'origine reste le bon choix

Aussi loin que WebP voyage, quelques lieux lui restent fermés. Une poignée de logiciels de création, d'imprimeries et de systèmes de contenu maison s'en tiennent au PNG, et tandis que votre système d'exploitation avale un PNG par glisser sans broncher, il réclame volontiers une extension pour WebP. D'où la règle simple côté conservation : ce que vous touchez encore et encore et réenregistrez dans un logiciel de bureau, gardez-le de préférence en PNG sans perte, sinon de petites pertes s'empilent à chaque tour de décompactage et de réécriture. Envoyez WebP sur le web et laissez le PNG se reposer chez vous comme source. Et si un jour vous voulez le sens inverse et refaire un PNG depuis un WebP, l'outil webp-to-png se tient prêt pour cela.

Comment ça marche

  1. Confiez un PNG

    Faites glisser le PNG sur la page, ou cherchez-le dans le sélecteur. Les parties transparentes suivent. Convertissez-en une et elle reste sur votre machine, déposez-en plusieurs et elles montent vers notre serveur pour être traitées ensemble.

  2. Détendez-vous

    Vous ne faites rien de plus. Une image typique devient un WebP à peu près aussi vite que votre doigt se relève, sans étape Convertir et sans roue qui tourne en chemin.

  3. Regardez-le rétrécir

    Le résultat indique la taille obtenue. Les zones claires restent claires, et le WebP devrait peser visiblement moins que le PNG par lequel vous avez commencé.

  4. Gardez votre WebP

    Une touche sur Télécharger l'écrit, ancien nom, fraîche terminaison .webp. D'autres en attente ? Lancez chacun sur la page et ils passent un par un.

Questions fréquentes

La transparence est-elle conservée lors de la conversion de PNG en WebP ?

Elle l'est. Comme WebP tient une couche alpha complète, chaque zone claire de votre PNG reste claire une fois qu'il est un WebP. Ce seul fait est la raison pour laquelle WebP bat JPG comme cible chaque fois que vous partez d'un PNG transparent, puisque JPG ne possède pas d'alpha et doit peindre les zones claires d'une couleur unie, tandis que WebP laisse le détourage exactement tel qu'il l'a trouvé. Logos, icônes, prises de vue de produits, éléments d'interface sur fonds transparents, tous traversent entiers et ne vous demandent rien de plus.

Pourquoi convertir PNG en WebP ?

Pour un fichier plus léger qui garde à la fois sa transparence et son allure. D'après les chiffres WebP de Google, la variante sans perte tourne à peu près 26 pour cent sous un PNG équivalent, et la variante avec perte dotée d'alpha atterrit près d'un tiers de celui-ci. Une image plus légère arrive plus tôt, ce qui aide le Largest Contentful Paint, une mesure Core Web Vitals que Google pèse dans le classement. PageSpeed Insights pointe même PNG comme une opportunité de format nouvelle génération dans son audit d'images. En prime, chaque grand navigateur, de Chrome et Firefox à Safari et Edge, lit WebP sans aide.

La conversion de PNG en WebP perd-elle en qualité ?

Au réglage proche du sans perte qu'Araluma utilise, les photos et les graphismes ont la même allure que le PNG source aux tailles d'affichage ordinaires. Maintenu ici, WebP est techniquement avec perte, donc un soupçon de précision au niveau du bit part vers un fichier plus léger. Pour un usage web de tous les jours, logos, icônes, photos, cet écart est invisible. Pour un travail au pixel près ou d'archivage, gardez le PNG et traitez le WebP comme la copie de diffusion. La conversion laisse votre PNG intact, posé sur votre appareil tel qu'il était.

De combien WebP est-il plus petit que PNG ?

Les chiffres officiels WebP de Google placent le WebP sans perte autour de 26 pour cent sous un PNG équivalent, et le WebP avec perte doté d'alpha à environ un tiers de la taille d'un comparable. Le ratio exact dépend du contenu, les graphismes aux larges zones claires et aux aplats de couleur gagnant le plus, tandis que les photos chargées de détails voient une baisse plus modeste mais toujours utile. Dans tous les cas, le WebP sort plus léger et la transparence survit.

Est-il sûr de convertir PNG en WebP ici ?

Cela dépend si vous convertissez une image ou plusieurs. Un PNG seul est refait directement dans le navigateur, donc ce fichier n'est pas envoyé, et vous pouvez le vérifier en ouvrant DevTools et en regardant le panneau Réseau au milieu de la conversion, où aucune requête d'image sortante n'apparaît. Convertissez-en plusieurs d'un coup et elles montent vers notre serveur pour être traitées ensemble, puis ce téléchargement est nettoyé sous environ 2 heures, et vous pouvez le retirer vous-même dès que vous enregistrez. D'une manière ou d'une autre, rien de votre image ne reste au-delà du montage de votre téléchargement.

WebP fonctionne-t-il dans tous les navigateurs ?

Oui, à toutes fins pratiques. La lecture native est arrivée partout dès que Safari 14 a été livré en 2020, rejoignant Chrome, Edge et Firefox, qui ensemble représentent presque tous les navigateurs que les gens utilisent vraiment. Les exceptions sont les vraiment anciens et certaines webviews embarquées, et pour un public susceptible de les inclure, PNG reste le choix prudent. Quiconque est sur un navigateur des cinq dernières années obtient WebP sans peine. Si vous voulez confirmer un cas précis, l'entrée WebP de caniuse.com expose le support.

Les détails

Notes de l'équipe sur l'artisanat, les formats et les petites décisions derrière un bon recadrage rond.

Comment WebP atteint des tailles plus petites que PNG
WebP tourne en deux modes distincts. Son mode sans perte associe la prédiction spatiale et chromatique à une étape d'entropie qui surpasse le DEFLATE de PNG, et atterrit selon les chiffres publiés par Google à peu près à 26 pour cent de meilleure compression sur les images typiques. Son mode avec perte emprunte une transformation par blocs au travail vidéo, bâtie pour lâcher le détail que l'oeil remarque à peine tout en gardant ce qu'il voit. Quand une image porte de l'alpha, WebP comprime cet alpha sans perte sur sa propre voie tandis qu'il traite les données RGB avec perte, et c'est ainsi que le WebP avec perte et transparence peut entrer près d'un tiers de la taille d'un PNG à qualité visuelle équivalente. Le DEFLATE de PNG ne connaît que le sans perte et ne peut jamais puiser dans le marché perceptif que conclut la voie avec perte. Cette séparation structurelle est toute la raison de l'écart de taille.
La couche alpha en détail
L'un comme l'autre, PNG et WebP gardent de l'alpha sur 8 bits, si bien que chaque pixel peut annoncer une opacité allant de 0 pour totalement clair jusqu'à 255 pour totalement plein. Lorsque le moteur d'image de la plateforme refabrique un PNG en WebP, il relève le RGBA de chaque pixel et glisse l'alpha tout droit dans l'étape de codage WebP, qui le tient sous compression sans perte, peu importe le sort réservé au RGB. De cette façon, un pixel totalement clair à 0, un pixel mi-clair situé entre 1 et 254 et un pixel plein à 255 retombent chacun sur l'état rigoureusement identique dans le WebP. Sur un logo doté d'une ombre portée douce ou d'un texte anti-crénelé posé sur fond clair, cette fine douceur de bord traverse sans une éraflure. JPG n'y arrive pas: privé de champ alpha dans son conteneur, il plaque d'abord l'image sur une couleur de fond avant le moindre codage.
Core Web Vitals et choix du format d'image
Combien de temps le plus grand élément visible d'une page met à paraître dans la zone d'affichage, voilà ce que chronomètre le Largest Contentful Paint, et le plus souvent ce rôle revient à l'image principale. Google glisse le LCP au cœur de son signal de classement Core Web Vitals. Par son seul poids, PNG récidive sur ce terrain, car un PNG photographique en 4K peut grimper à plusieurs mégaoctets là où la même image en WebP proche du sans perte n'en garde qu'une fraction. C'est exactement ce que pointe PageSpeed Insights dans son audit des formats nouvelle génération, en désignant PNG comme le format à remplacer. Faire passer en WebP les PNG plantés sur le chemin de rendu critique figure ainsi parmi les gestes uniques les plus rentables pour la vitesse mesurée. La chronologie de la prise en charge sécurise le tout: WebP dans Chrome dès 2011, Firefox dès 2019, Safari dès 2020 et Edge depuis sa refonte Chromium.
Sortie avec perte et le réglage proche du sans perte
WebP expose une molette de qualité de 0 à 100, où les nombres plus hauts gardent plus de détail et coûtent plus d'octets. Araluma fixe cette molette à un point proche du sans perte, choisi pour équilibrer la fidélité et la taille sur les catégories web habituelles que sont les photos, les graphismes d'interface et les icônes. À ce point, la sortie se lit comme impossible à distinguer du PNG source aux distances d'écran normales. Strictement, un peu de précision au niveau du bit glisse face à un encodage sans perte véritable, ce qui veut dire qu'une vérification octet par octet entre le WebP décodé et le PNG d'origine ferait remonter de petits écarts numériques, tous sous le seuil de la vue humaine sur un matériau photographique. Pour les scans médicaux, l'imagerie satellite ou la préservation d'archives où le sans perte est une règle dure, le bon geste est de garder le PNG et de traiter le WebP purement comme export de diffusion plutôt que comme copie de travail.
Comportement des métadonnées
Tourner un PNG en WebP balaie les champs EXIF, IPTC et XMP de la sortie, ce que fait chacun des trois grands moteurs de navigateur. Sur les profils colorimétriques, les moteurs prennent des chemins divergents. Chrome et Safari gardent la balise sRGB sur le WebP, tandis que Firefox efface le lot, le profil ICC et tout. Ainsi le WebP se lit comme sûr en sRGB partout, pourtant une balise de gamut étendu, Display-P3, Adobe RGB, ProPhoto RGB, posée sur le PNG source ne tient pas à travers Firefox. Cet écart mord dans le travail professionnel où la couleur est critique, donc quand une vraie fidélité de couleur doit chevaucher, choisissez un convertisseur qui écrit délibérément les données ICC, ou réappliquez la balise de profil ensuite avec un éditeur de métadonnées bâti pour la tâche.
Quand garder PNG et quand WebP suffit
Trancher ne prend qu'un instant. Si l'image finit sur une page ou une application web et qu'un navigateur de 2020 ou plus récent la regarde, l'export juste, c'est WebP. Si elle doit en revanche s'ouvrir dans Figma, Sketch ou Affinity Designer, jetez d'abord un œil à la prise en charge de WebP dans votre version précise, car elle flotte. Si la route mène à l'impression, tenez-vous à PNG ou TIFF, puisque la plupart des RIP d'impression boudent WebP. Si elle s'en va par e-mail, PNG reste le choix plus tranquille, tant les clients de messagerie sont capricieux avec les formats modernes. Et si elle sert de fichier de travail que vous rouvrez, retouchez et réenregistrez sans cesse, gardez le PNG comme master. En diffusion, le WebP proche du sans perte brille, tandis que pour archiver et retoucher PNG conserve l'avantage. Proprement pensé: conserver le PNG et expédier le WebP vers le web.