JPEG ou PNG ? Quel format choisir pour ses images ?

JPEG ou PNG ? Quel format choisir pour ses images ?

Il existe de nombreux standards pour l’enregistrement de vos photos numériques. En fonction de l'utilisation et du type d'image, un format est généralement à privilégier pour avoir le bon rapport qualité/poids

Sur Internet, seuls trois formats sont correctement affichés par les navigateurs :

  • le JPEG
  • le PNG
  • le GIF

Pour un meilleur rendu visuel, certains de ces formats sont plus recommandés selon l’utilisation que vous souhaitez en faire, ou les caractéristiques de votre image (taille, qualité, poids).

Par exemple pour votre logo vous privilégierez le PNG, pour une photo de produit le JPEG ou pour une image animée le GIF, etc...

Si les images ne sont que faiblement pertinentes pour le référencement naturel de votre site, il est essentiel de les soigner afin que l’expérience de vos visiteurs soit agréable et qu’ils aient envie de revenir sur votre site internet.

Dans cet article nous vous expliquerons les principales différences entre ces différents formats pour que vous puissiez optimiser la présentation de vos images sur votre site web ou votre page Facebook. Nous en profiterons pour vous expliquer en quoi consiste la compression d’images.

Quel format pour quelle utilisation

Dans quels cas privilégier le format PNG

Si vous devez réaliser les traitements suivants :

  • Intégré du texte dans l’image,
  • Apporter de la transparence dans vos images. La transparence correspond à l’opacité de l’image. Cette technique offre la possibilité de distinguer d’éventuels éléments graphiques présents en arrière-plan (typiquement pour intégrer un logo).

Ces traitements sont possibles avec d’autres formats, mais le format PNG fournit une image très nette même si vous avez ensuite besoin de travailler ses dimensions (Pour cela vous pouvez utiliser notre éditeur d'images : Pimagic).

Au contraire, le format JPEG va rendre une image plutôt baveuse, parfois floue sur les bords. Le JPEG est par ailleurs incompatible avec la transparence.

Le GIF, présente un bon rendu, mais le poids disproportionné du fichier limite son utilisation pour ce type de traitement.

Dans quels cas privilégier les formats GIF ou PNG

Si vous devez réaliser les traitements suivants, utilisez le PNG ou le GIF:

  • Intégrer un logo,
  • Intégrer une icône,
  • Intégrer un dessin,
  • Intégrer un graphique.

Pour ce type de traitement, l’utilisation du JPEG, implique un poids trop important ce qui limite son intérêt.

Dans quels cas privilégier le format JPEG

Si vous devez réaliser les traitements suivants, le JPEG est le format idéal :

  • une photographie,
  • une image haute qualité.

Le JPEG permet en effet un meilleur rendu grâce à son large panel de couleurs (16,7 millions) et offre une qualité parfaite et un poids optimal pour le web.

Le GIF est à proscrire, car il va dégrader considérablement la qualité de l’image.

Le PNG peut donner une image de bonne qualité, néanmoins son poids sera bien trop lourd pour envisager de l’insérer sur une page web.

Dans quels cas privilégier le format GIF

Reste à parler des animations. Pour ce type d’image, c’est très simple, seul le GIF supporte les images animées.

Commencez la création de votre site

Comment optimiser le poids de son image ?

Au-delà de la représentation visuelle, bien optimiser votre image va vous permettre de gagner un temps conséquent lors de l’affichage d’une page Internet et va réduire la place que prend l’image sur votre serveur. C’est ce que l’on nomme la compression.

Pourquoi ? Une image trop lourde sur votre site web ralentira l’affichage et augmentera le temps de chargement d’une page sur un navigateur.

Sachez que la compression d’une image JPEG peut nuire à sa qualité. À l’inverse, le PNG et le GIF supportent la compression sans perte de qualité.

Logiciels de compression

Comme toujours sur internet certains sont gratuits et performants d’autres sont payants.

Voici notre sélection des outils gratuits et de qualité. À vous de les tester et de choisir celui qui vous convient le mieux:

  • the Gimp : une interface un peu complexe, mais c’est un outil très puissant et gratuit !
  • JPEG optimizer en Anglais pour traiter les Jpeg
  • JPEGmini en Anglais pour traiter les Jpeg sur Mac
  • Kraken lui aussi en Anglais, mais qui traite tous les formats

Nous espérons que cet article vous sera très utile. Maintenant, à vous de jouer !

Votre site est-il efficace ?

François Mathieu

François Mathieu

Expert web-marketing et création de site web.

Plus de conseils pour créer un site efficace

Pourquoi compresser les images sur mon site internet?

La qualité des images sur votre site internet est essentielle, car elle donne l'identité de votre entreprise. Si votre objectif est de les utiliser dans votre communication digitale, cette qualité peut pourtant être handicapante pour le...

Lire la suite

Top 10 des blogs de Webdesign 2018

Que vous soyez étudiant, professionnel ou tout simplement passionné de Webdesign, vous êtes curieux des belles créations et à l’affût des nouveautés et tendances du milieu.

Lire la suite

15 portfolios incontournables pour trouver l'inspiration

Et nous y voilà : après ce mois pluvieux de janvier, on a rassemblé au sein des équipes Design et Marketing chez Orson la sélection des meilleurs portfolios que nous avons trouvé sur le web.

Lire la suite

Les meilleures tendances webdesign à surveiller en 2018

Les meilleures tendances webdesign pour 2018 dans la création de site internet : le titre de l’article d’aujourd’hui peut paraître osé.

Qui sommes-nous pour décréter les tendances, me direz vous … mais le webdesign est un sujet qui nous plait. On...

Lire la suite