CodeKitHub
Français
Outils image

Compresser des images PNG en ligne

Réduisez considérablement la taille des fichiers PNG tout en conservant la transparence : cet outil utilise la quantification de palette — la même technique que celle employée par TinyPNG — et fonctionne entièrement dans votre navigateur. Les gains de taille sont généralement de l'ordre de 50 à 70 % pour les captures d'écran, les logos et les éléments graphiques d'interface utilisateur, sans aucune différence visible.

Moins de couleurs = fichier plus petit ; 256 couleurs sont visuellement identiques pour la plupart des graphiques

    En quoi consiste cet outil ?

    Le format PNG est sans perte ; il ne dispose donc d’aucun paramètre de « qualité » à réduire — un réencodage simpliste n’apporte pratiquement rien. La véritable compression PNG fonctionne différemment : la quantification de la palette réduit l’image à un ensemble de couleurs soigneusement choisi (jusqu’à 256). Étant donné que les captures d’écran, les logos et les graphismes d’interface utilisent de toute façon rarement plus de couleurs distinctes que cela, la taille du fichier est réduite de 50 à 70 % tout en conservant un aspect identique. La transparence (le canal alpha) est entièrement préservée.

    C'est la technique utilisée par des services bien connus comme TinyPNG — la différence ici, c'est qu'elle fonctionne directement dans votre navigateur grâce à un moteur open source : vos images restent ainsi sur votre appareil et il n'y a pas de limite quotidienne de fichiers.

    Pourquoi l'utiliser ?

    • Une véritable compression (généralement de 50 à 70 %), et non un simple réencodage « placebo ».
    • Transparence préservée — compatible avec les logos, les icônes et les éléments d'interface utilisateur.
    • Aucun téléchargement, contrairement aux services de type TinyPNG — et donc aucune limite quant au nombre de fichiers.
    • Budget couleur ajustable (16–256) avec affichage des économies réalisées par image.
    • Prise en charge par lots, gratuit, sans filigrane.

    Mode d'emploi

    1. Faites glisser les fichiers PNG dans la zone (le moteur de compression se lance automatiquement, une seule fois).
    2. Conservez 256 couleurs pour obtenir des résultats visuellement identiques, ou réduisez ce nombre pour obtenir des fichiers plus légers.
    3. Chaque résultat indique le montant exact des économies réalisées — cliquez sur « Télécharger ».
    4. Si un fichier PNG de type photo ne se compresse pas suffisamment, convertissez-le plutôt au format JPG (voir « PNG vers JPG »).

    Exemple

    Entrée

    app-screenshot.png — 980 KB

    Résultat

    app-screenshot-compressed.png — 290 Ko (−70 %), 256 couleurs

    Les captures d'écran et les éléments graphiques de l'interface utilisateur sont magnifiquement quantifiés ; la palette couvre toutes les couleurs réellement utilisées.

    D'après nos propres tests

    Pour notre test de lancement, nous avons utilisé une image délibérément complexe : un fichier PNG de 600 × 400 pixels composé de 200 zones de couleur semi-transparentes qui se chevauchent — bien plus désordonnée qu’une capture d’écran classique. La taille du fichier est passée de 31,1 Ko à 7,8 Ko (−75 %) en 256 couleurs, tout en conservant le canal alpha intact. Les graphismes d'interface utilisateur réels se compressent encore mieux, car ils utilisent moins de couleurs distinctes que notre test de résistance. Nous avons également confirmé l'inconvénient indéniable : les contenus photographiques présentent des bandes visibles avec 256 couleurs — c'est dans ce cas qu'il vaut mieux opter pour le format JPG/WebP, ce qui explique pourquoi les liens vers les convertisseurs se trouvent dans la section précédente.

    Cas d'utilisation courants

    • Réduire la taille des captures d'écran d'applications ou de sites web avant de les joindre à un rapport de bogue ou à une page de documentation.
    • Compresser un logo ou un ensemble d'icônes destinés à un site web sans perdre la transparence de l'arrière-plan dont dépendent les développeurs.
    • Réduire la taille des fichiers d'exportation des maquettes d'interface utilisateur issues d'outils de conception avant de les partager avec une équipe.
    • Réduire le poids d'un ensemble d'éléments graphiques d'interface destinés à un guide de style ou à un référentiel de système de conception.

    Foire aux questions

    Comment peut-on compresser davantage un format sans perte ?

    En introduisant une légère perte de manière intelligente : la quantification sélectionne les quelque 256 couleurs qui représentent le mieux l'image et attribue à chacune d'elles un pixel. Pour les graphiques dont la gamme de couleurs est limitée, le résultat est visuellement identique : techniquement, il y a une perte, mais dans la pratique, elle est imperceptible.

    La transparence résistera-t-elle à la compression ?

    Oui, le canal alpha est conservé, y compris les pixels semi-transparents (ombres portées, contours lissés). C'est exactement ce dont les logos et les éléments d'interface utilisateur ont besoin.

    Dans quels cas la compression PNG n'est-elle pas efficace ?

    En ce qui concerne les photos et les dégradés lisses, ceux-ci utilisent des milliers de couleurs ; avec seulement 256, des bandes peuvent donc apparaître. Pour les contenus photographiques, la conversion au format JPG ou WebP permet un gain de place bien plus important ; c'est justement à cela que sert notre convertisseur PNG vers JPG.

    En quoi cela diffère-t-il de TinyPNG ?

    Même technique de base (quantification de la palette), gains de place similaires. Les différences concrètes : vos fichiers ne sont jamais téléchargés ici, il n'y a pas de limite de 20 fichiers par lot, pas de plafond de 5 Mo, et pas de formule payante — car aucun serveur n'effectue le traitement.

    Quelle gamme de couleurs dois-je choisir ?

    Commencez à 256 — le résultat visuel est identique pour la quasi-totalité des graphismes. Passez à 64 ou 32 pour les icônes et les éléments d'interface simples afin de gagner davantage d'espace ; surveillez l'apparition d'effets de bandes sur la vignette d'aperçu.

    Outils associés