Compresser PNG

Comment fonctionne la compression PNG dans le navigateur ?

PNG est un format d’image sans perte : chaque pixel est stocké exactement, la taille de fichier naît de trois couches — filtre (comment la ligne de pixels est rendue prédictible), compression DEFLATE (réduction zip-like d’octets redondants) et la structure de chunks (chunks obligatoires comme IHDR/IDAT/IEND plus chunks ancillaires optionnels pour métadonnées). Qui réduit un PNG a deux leviers : meilleur choix filtre/DEFLATE (sans perte) ou moins de couleurs (avec perte).

L’outil utilise deux encodeurs spécialisés, tous deux comme WebAssembly dans l’onglet de navigateur :

PNG (1–50 Mo)
    ↓
[1] Scan alpha → opaque / binaire / semi-transparent
    ↓
[2a] sans perte : optimiseur OxiPNG (niveau 2) — pixels bit-identiques
[2b] avec perte : quantification de palette — 8 à 256 couleurs
    ↓
[3] Strip métadonnées (tEXt, iTXt, zTXt, eXIf, tIME)
    ↓
[4] Curseur A/B + stats par fichier
    ↓
ZIP ou fichiers individuels

Si la voie WASM ne s’initialise pas dans votre navigateur, l’outil bascule silencieusement sur l’API Canvas — plus petit que l’original mais sans le gain complet de l’optimiseur.

Quand sans perte, quand avec perte ?

Choisir sans perte quand les pixels doivent être exacts :

• Captures d’écran avec texte, maquettes UI, snippets de code en image
• Pixel art, icônes, logos avec bords nets
• Diagrammes, charts, dessins techniques
• tout ce qui sera peut-être retouché plus tard

Sans perte livre typiquement 20–40 % de réduction. Sur captures de smartphones modernes (PNG avec compression minimale en source) jusqu’à 50 %.

Choisir avec perte quand la taille de fichier est plus importante que la fidélité de pixel :

• illustrations décoratives à dégradés doux
• matériel photo qui pour des raisons historiques se présente en PNG (mieux : envisager JPEG)
• rendus 3D pour livraison web
• arrière-plans où la postérisation dans des zones lisses est acceptable

Avec perte livre typiquement 60–80 % de réduction. Quality 80 est le sweet-spot pour la plupart des illustrations ; sous Quality 50 la palette devient si petite que le banding devient visible.

Que montre le diagnostic du canal alpha ?

Avant la compression, l’outil scanne le canal alpha de chaque fichier et le classe dans l’une de trois catégories :

• Opaque sur toute la surface : tous les pixels ont alpha 255. PNG est ici souvent excessif — nous affichons un lien d’indication vers le compresseur JPG, qui livre pour des images opaques typiquement des fichiers nettement plus petits.
• Transparence binaire : seulement alpha 0 ou 255, pas de valeur intermédiaire. Classique sur icônes à bords nets ou feuilles de sprite. Les deux modes fonctionnent ici sans artefact visible.
• Transparence douce (semi-transparent X %) : valeurs intermédiaires présentes, X % des pixels sont semi-transparents. Classique sur ombres, effets lumineux, bords anti-aliasés. Sans perte conserve chaque valeur exactement ; avec perte peut ici arrondir minimalement les valeurs alpha — nous affichons un avertissement.

Le diagnostic tourne directement après le glisser-déposer, sans que vous ayez à compresser. Il aide au choix du mode et est la base du cross-link vers le compresseur JPG.

Ce que montre le curseur A/B

La comparaison A/B superpose original et version compressée et les fait basculer via une ligne de séparation verticale que vous déplacez à la souris ou au clavier. Sur PNG, les artefacts sont particulièrement visibles aux endroits suivants :

• Dégradés lisses : en mode avec perte apparaît ici la postérisation — bandes de paliers de couleur discrets au lieu d’un gradient doux.
• Lignes fines et texte : à quality très agressive, les bords anti-aliasés fins peuvent casser.
• Ombres et lueurs : les zones semi-transparentes deviennent occasionnellement plus anguleuses lors de la quantification avec perte.

Cliquez n’importe où dans l’image pour zoomer dans la région — les deux côtés zooment de manière synchrone, le comparatif reste donc précis. « Réinitialiser le zoom » vous ramène à la vue d’ensemble. Sur PNG opaques, la comparaison A/B montre aussi directement si JPEG suffirait visuellement — le comparatif entre PNG sans perte et PNG avec perte rend la différence rapidement visible.

Métadonnées dans PNG — qu’est-ce qui est retiré ?

Les fichiers PNG portent souvent plus de métadonnées que visible. Sources habituelles :

• tEXt/iTXt/zTXt : champs texte avec auteur, nom de logiciel, commentaires. Photoshop, Affinity, GIMP y placent souvent le nom du programme et la date de création.
• eXIf : bloc EXIF avec marque appareil, coordonnées GPS, heure de prise. Rare dans PNG, mais présent dans des captures iPhone.
• tIME : date de modification comme horodatage 7-octets.

Le bouton strip métadonnées (actif par défaut) retire ces chunks et réduit légèrement la taille de fichier en plus. Important : le profil de couleur ICC, le marqueur sRGB, les valeurs gamma et chromaticity et la densité de pixel sont conservés — sinon le rendu des couleurs bascule ou l’image est rendue à une taille étrangère.

Pour une suppression de métadonnées séparée et fine (sélection par champ, scan d’aperçu), utilisez notre outil dédié de suppression de métadonnées — il fonctionne en complément de la compression.

Confidentialité — tout reste dans l’onglet du navigateur

Beaucoup d’outils en ligne gratuits pour le même problème téléversent vos images sur leurs serveurs, promettent une suppression à 24 heures et suppriment effectivement la plupart du temps. Le problème n’est pas la suppression mais le téléversement : qui exploite le serveur voit les images. Scans de pièces d’identité, captures avec saisies de mot de passe, maquettes internes — tout passe dans des mains étrangères, même brièvement.

Ici rien de tout cela. Dès que la page est chargée, tout le traitement tourne via les standards web (Canvas API, WebAssembly) dans l’onglet de navigateur. Vous pouvez le vérifier dans le panneau réseau des outils de développement : pendant la compression aucun fichier image ne sort. Pas non plus de télémétrie, pas d’analyse de clics, pas de cookies.

Quelles lacunes assumées a cet outil ?

Nous construisons un compresseur PNG, pas un outil universel d’image. Ce qui n’est volontairement pas inclus :

• Export WebP/AVIF : seraient un autre outil (png-vers-webp, png-vers-avif existent). Cette page garde le scope sur PNG → PNG.
• API serveur : rompt la promesse pure-client — pas de levier à discuter.
• Stress-test 50+ fichiers : soft-cap à 30 fichiers avec avertissement. Les très grands lots demandent un workflow serveur que nous n’avons délibérément pas.
• Filtres custom par pixel : pas de sharpening, pas de postérisation à curseur, pas de sélecteur de dithering. Pour cela il y a des programmes de retouche.
• Conversion de profil couleur sRGB ↔ P3 : complexe, propice aux erreurs, pas inclus ici. Nous conservons le profil existant et ne convertissons pas entre espaces de couleur.
• Redimensionnement à la compression : outil propre Redimensionner une image. Qui a besoin des deux passe séquentiellement les deux outils.

L’outil fait une chose bien et indique clairement où se trouve sa limite.

Quels outils d’image sont apparentés ?

Autres outils de l’écosystème kittokit qui conviennent aux workflows PNG :

• Compresser JPG — quand votre image est opaque et que JPEG suffit visuellement, la variante JPG est nettement plus petite.
• Supprimer les métadonnées — sélection fine par champ pour JPG, PNG, WebP et PDF.
• Convertir le format d’image — convertir PNG en WebP ou AVIF, les deux à quality comparable plus petits que PNG.