JPEG ou PNG ? Quel format choisir pour ses images ?
Il existe de nombreux standards pour l’enregistrement de vos photos numériques : JPEG, PNG, TIFF, etc. 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). Si vous souhaitez créer un site internet ou créer un portfolio, vos images doivent très légères !
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 :
- Insérer un logo,
- Intégrer une icône,
- Insérer 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.
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 d’affichage 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 en anglais, mais qui traite tous les formats
- TinyJPG lui aussi en anglais, traite les PNG, JPEG, et WebP.
Nous espérons que cet article vous sera très utile. Maintenant, à vous de jouer !