Optimiser la compression des images PNG avec transparence

Blog du Freelance > Optimisation des PNG

Optimisation des PNG

la compression PNG passée au crible !

Posté le 19 juillet 2013 | Rangé dans Tutoriaux

Optimiser la compression des images PNG avec transparence

Le poids des images a toujours été important sur Internet. Depuis le début, lorsque nous surfions en 56K avec nos modems et nos forfaits à l’heure, le poids de la page était un facteur clé à la réussite de nos sites Internet. Malheureusement, ce n’est pas parce que nous avons des connexions ADSL beaucoup plus rapides et une connexion illimitée que l’internaute a changé ses principes. J’aurais même tendance à dire que l’internaute deviendrai plus exigent avec le temps… La richesse graphique apportée à nos maquettes depuis l’age d’or d’Internet en 2002 nous force à faire de plus en plus d’efforts sur la qualité de nos images. Il y a beaucoup de manières de travailler l’intégration des pages, en utilisant les formats acceptés comme le GIF, le JPG et le PNG. Malheureusement, le PNG conserve la qualité photo (16 millions de couleurs) en y ajoutant un paramètre de transparence, ce qui inclut tout de suite un poids beaucoup plus important à nos fichiers.

C’est pourquoi une optimisation minutieuse est indispensable !

Dans un premier temps, lorsque vous exportez des images destinées à Internet (pages, mails, …) sous Photoshop vous avez le menu exporter pour le web et les périphériques… qui permet d’optimiser le poids des images en jouant facilement sur les réglages de qualité d’images pour en déterminer un poids idéal, compromis entre la photo sans compression et une photo dégradée.

Cependant, suite à plusieurs tests sur différents logiciels et différentes solutions en ligne, il semblerait que Photoshop n’optimise pas à 100% le format PNG. D’autres solutions permettent, pour la même image, d’atteindre un poids inférieur pour une qualité d’image semblable ! Il n’y a pas de raisons particulières à ce petit défaut à Photoshop, car pour le JPG et le GIF il est bon, voir très bon dans certains cas (pour les dégradés notamment). A mon avis Photoshop n’a jamais pris le temps de remettre en cause la compression PNG lors d’un export pour le web et les périphériques, tout simplement !

Il existe plusieurs sites notamment qui proposent une compression optimisée, notamment TinyPNG qui semblerait d’après mes tests être le plus intéressant. Il suffit de glisser ses fichiers PNG pour qu’il compresse immédiatement les fichiers. Un lien permet alors de télécharger la nouvelle version optimisée. Simple comme bonjour. Et le must, c’est qu’on peut aller jusqu’à 20 images à la fois. Du coup, l’optimisation devient très rapide à faire juste avant une mise en ligne.

Le site pour optimiser au mieux vos PNG : TinyPNG

A propos de l'auteur

jacques Danilo, blogueur et freelance

Jacques Danilo
www.pixelcrea.com

Graphiste indépendant depuis 12 ans, photographe et formateur freelance dans le Grand-Ouest. Passionné par le web et les nouvelles technologies, blogueur et entrepreneur, je suis à votre disposition :

Contactez-moi

Sur le blog du freelance

Découverte de l'outil de tracking Google Analytics
oui

Les bases de Google Analytics 2018

Pour vérifier l’efficacité de votre site internet, ou de mesurer des informations pertinentes lors de vos actions en webmarketing, l’outil indispensable de ...

Découverte de l'administration de Wordpress
oui

L'administration de Wordpress

Dans ce tutoriel destiné aux débutants, je vais vous présenter l’interface d’administration de Wordpress. Il s’agit ici d’une découverte ...

Optimisez le SEO de vos fiches produits sur Prestashop 1.7
oui

Fiches produits : le SEO dans Prestashop 1.7

Mettez toutes les chances de votre coté en adoptant les bons réflexes SEO lorsque vous ajoutez un produit sur Prestashop 1.7. Etape par étape, nous allons ...

16 moyens d'obtenir des backlinks pour 2018
oui

SEO : 16 techniques pour vos backlinks pour 2018

Le référencement naturel (optimisation SEO) va de pair avec l’obtention de backlinks. Il s’agit de liens pointant vers une page de notre site Internet. C’est ...

Comment bien référencer vos images sur votre site Internet ?
oui

Les images et le SEO

Les images ont une place importante dans la stratégie SEO de votre entreprise : elles permettent de gagner en visibilité grâce à Google Images et de gagner ...

Partagez cet article sur les réseaux sociaux

Les commentaires

Il n'y a pas encore de commentaires, soyez le premier à réagir
Laissez un commentaire

Laissez un commentaire








* Champs obligatoires

» Retour au blog du freelance