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.

Créez votre site internet !

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 !

Nouveau guide gratuit. 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

Comment choisir une template de site vitrine en 6 points clés !

Il est de nos jours courant de passer par une template pour créer son site web professionnel.

Lire la suite

Site vitrine : les 8 meilleurs sites d'inspiration

Faire un site vitrine unique n’est pas chose aisée. Comme disait Picasso, les bons artistes copient, les grands artistes volent. C’est pourquoi, nous avons demandé à nos designers quel était leurs sites internet d’inspiration favoris, ceux qu’ils...

Lire la suite

10 outils pour trouver les combinaisons de font parfaites

Créer un site internet au look professionnel repose sur un design de qualité et la typographie joue un rôle important pour cela.

Lire la suite

Top 12 des banques d'images gratuites et libres de droits

Cette année, on vous dit tout ! Voici l’un de nos petits secrets. La liste des banques d’image libre de droit que nous utilisons régulièrement chez Orson (et dans bien d’autres Startups) pour réaliser nos créations et illustrations.

Lire la suite