Compresser une image PNG sans perdre la transparence : guide complet 2026
Le PNG est le format roi de la transparence — logos, captures d’écran, mockups, illustrations vectorisées. Mais sa structure sans perte le rend gourmand : un visuel de 1500 px peut peser 3 Mo là où un JPEG ferait 200 Ko. Ce guide explique comment réduire un PNG de 60 à 90 % sans perdre la transparence, dans le navigateur, sans uploader le fichier sur un serveur.
Pourquoi le PNG est lourd (et compressible)
Contrairement au JPEG, le PNG est sans perte : il préserve chaque pixel à l’identique, y compris la couche alpha (transparence). Sa compression est purement algorithmique (DEFLATE + filtres). Conséquence : un PNG de 8 couleurs et un PNG de 24 millions de couleurs peuvent peser un facteur 10 d’écart pour la même image visible.
Trois leviers réels pour alléger un PNG :
- Réduire la palette — 8, 16, 64, 128 ou 256 couleurs au lieu de 16 millions. Pour la plupart des logos et icônes, 64-128 couleurs suffisent largement.
- Compresser via un encodeur moderne —
oxipng,zopfli,pngquantou la coucheSquooshéconomisent 30-60 % sans toucher la palette. - Convertir en WebP avec alpha — WebP supporte la transparence depuis 2014 et compresse 25-50 % de mieux que PNG. Compatible navigateurs depuis Safari 14.
Notre outil de compression combine les deux premières méthodes par défaut, avec préservation automatique de l’alpha.
Méthode 1 — Compresser un PNG transparent dans le navigateur
C’est la méthode rapide pour un fichier ponctuel.
- Glissez votre
.pngdans la zone de dépôt de l’outil. - L’outil détecte automatiquement la couche alpha et propose deux modes :
- Lossless (sans perte) — réduit le poids sans toucher aux pixels. Gain typique 20-40 %.
- Quantize 256 — réduit à 256 couleurs avec dithering optionnel. Gain typique 60-80 %, perte invisible sur 95 % des cas.
- Cliquez “Compresser” — le fichier est traité localement (vérifiable via F12 onglet Réseau, aucune requête sortante).
- Téléchargez le
.pngallégé.
La transparence est automatiquement préservée. L’outil ne fait jamais de fond blanc. Pour vérifier, ouvrez le PNG compressé sur un fond coloré (par exemple fond rouge) — la transparence doit fonctionner identiquement.
Méthode 2 — Réduire la palette PNG (gain massif)
Si votre PNG contient peu de couleurs distinctes (logo, schéma, illustration), réduire la palette divise le poids par 4 à 10.
| Palette | Cas d’usage | Gain typique vs original |
|---|---|---|
| 256 couleurs | Photos, captures écran riches | 40-60 % |
| 128 couleurs | Illustrations, dégradés | 60-75 % |
| 64 couleurs | Logos colorés, icônes | 75-85 % |
| 16 couleurs | Logos simples, schémas | 85-95 % |
| 8 couleurs | Pictogrammes monochromes | 90-97 % |
Notre outil choisit automatiquement la palette optimale en fonction du contenu. Pour un contrôle manuel, le mode avancé propose un slider 8 → 256.
Erreur fréquente : appliquer une palette 64 sur une photo. Résultat : effet “posterisation” visible, dégradés cassés. Photo = JPEG ou WebP, pas PNG.
Méthode 3 — Convertir PNG transparent en WebP
WebP supporte la transparence et compresse mieux que PNG dans 90 % des cas. Compatible Chrome, Firefox, Edge, Safari ≥ 14, et tous les CMS modernes.
- Glissez le PNG dans l’outil.
- Choisissez le format de sortie “WebP”.
- Conservez la transparence (case cochée par défaut).
- Réglez la qualité sur 80 (sweet spot transparence + poids).
Gain typique : un logo PNG transparent de 240 Ko devient un WebP transparent de 60-90 Ko, sans différence visible.
Quand garder le PNG :
- Compatibilité avec un CMS très ancien (WordPress < 5.8 sans plugin WebP).
- Email — Outlook 2016 et certains clients exotiques refusent encore WebP.
- Print — pour l’impression, restez sur PNG ou TIFF.
Pour aller plus loin sur les formats, lisez notre comparatif JPEG vs WebP vs AVIF.
Méthode 4 — Pour les développeurs : pngquant + oxipng en CLI
Si vous traitez des PNG en masse dans un projet de dev, deux outils CLI gratuits :
# Quantize la palette à 256 couleurs (perte minime, gros gain)
pngquant --quality=80-95 input.png -o output.png
# Optimisation lossless additionnelle
oxipng -o 4 --strip safe output.png
Cette pile compresse en moyenne 70-85 % par rapport au PNG original Adobe Photoshop. Notre outil web utilise les mêmes algorithmes côté client (compilés en WebAssembly) — vous obtenez le même résultat sans installer quoi que ce soit, et sans uploader vos visuels.
Cas concret : logo entreprise PNG 2,4 Mo → 88 Ko
Photo de départ : logo d’entreprise haute résolution, fond transparent, 2400×800 px, 2,4 Mo.
| Action | Poids | Gain | Visuel altéré ? |
|---|---|---|---|
| Original | 2,4 Mo | 0 % | non |
| Lossless (oxipng) | 1,7 Mo | 29 % | non |
| Quantize 256 | 320 Ko | 87 % | non visible |
| Quantize 128 | 180 Ko | 92 % | non visible |
| WebP qualité 90 | 110 Ko | 95 % | non |
| WebP qualité 80 | 88 Ko | 96 % | non |
Pour 99 % des cas web, WebP qualité 80 avec transparence est le meilleur compromis. Pour les cas legacy qui exigent du PNG, quantize 128 est le sweet spot invisible.
Erreurs à éviter quand on compresse un PNG transparent
- Sauvegarder avec “Aplatir” coché dans Photoshop — cela supprime l’alpha et insère un fond blanc. Décochez avant export.
- Utiliser un outil “tout JPEG” — TinyJPG remplace l’alpha par du blanc pour certains uploads. Notre outil détecte et préserve automatiquement.
- Choisir un poids cible aberrant — viser < 10 Ko pour un logo 1500 px aboutit à des artefacts visibles. Laissez l’outil proposer un poids cible réaliste.
- Recompresser plusieurs fois le même PNG — même en lossless, certains métadata se perdent. Compressez une fois, à partir de l’original.
- Confondre PNG-8 et PNG-24 avec alpha — PNG-8 supporte la transparence binaire (1 bit) seulement ; PNG-24 supporte la transparence alpha (256 niveaux). Notre outil utilise PNG-24 par défaut pour préserver l’alpha graduel.
FAQ — compresser un PNG transparent
Compresser un PNG transparent supprime-t-il la transparence ?
Non, pas avec notre outil ni avec pngquant/oxipng. La couche alpha est préservée par défaut. Seuls les outils JPG-only ou les exports Photoshop avec “Aplatir l’image” cochée détruisent l’alpha. Vérifiez visuellement le résultat sur un fond coloré.
Quelle est la limite de compression d’un PNG sans dégradation ?
En lossless pur, 30-40 % de gain est le plafond. Au-delà, vous touchez à la palette : 60-80 % de gain devient possible avec 256 couleurs sans perte visible sur 95 % des images. Pour 90 %+ de gain, passez en WebP.
Pourquoi mon PNG est plus lourd après “compression” ?
Trois causes : (1) métadonnées EXIF/XMP rajoutées par l’outil (rare), (2) re-encodage avec un encodeur moins efficace que celui de Photoshop, (3) outil qui décompresse puis recompresse en niveau de qualité supérieur. Solution : utiliser un outil moderne (Squoosh, notre outil, pngquant) avec --strip safe.
Le PNG transparent est-il compatible partout en 2026 ?
Oui — PNG est universel depuis 1996. Tous les navigateurs, tous les emails, toutes les apps mobiles, tous les CMS. C’est le format le plus interopérable avec transparence en 2026.
Compresser un PNG dans le navigateur expose-t-il les données ?
Non, à condition d’utiliser un outil client-side comme le nôtre ou Squoosh. Vous pouvez le vérifier via F12 → onglet Réseau pendant la compression : aucune requête HTTP sortante. Les outils serveur (TinyPNG, ILoveImg) uploadent au contraire le fichier sur leurs serveurs.
Récapitulatif
Pour compresser un PNG en 2026 sans perdre la transparence :
- Privilégier la réduction de palette (gain massif, perte invisible sur logos/illustrations).
- Pour photos avec alpha → passer en WebP (gain 60-90 %).
- Utiliser un outil 100 % client-side comme le nôtre ou Squoosh.
- Tester le résultat sur fond coloré avant publication.
Pour aller plus loin, voir nos guides taille idéale des images web 2026 et Top 5 outils de compression d’image gratuits 2026.