J'ai vu de nombreux types d'extensions d'images mais je n'ai jamais vraiment compris les différences entre elles. Y a-t-il des liens qui expliquent clairement leurs différences ?
Existet-il des normes à prendre en compte lors du choix d'un type d'image particulier à utiliser dans une application ? Qu'utilisons-nous pour les applications web ?
Oui. Ce sont des formats de fichier différents (et leurs extensions de fichier).
Les entrées Wikipedia pour chacun des formats vous donneront beaucoup d'informations :
Les formats d'image peuvent être séparés en trois catégories principales :
Les formats non compressés prennent le plus de données, mais ils sont des représentations exactes de l'image. Les formats bitmap tels que le BMP sont généralement non compressés, bien qu'il existe également des fichiers BMP compressés.
Les formats de compression avec perte sont généralement adaptés aux photographies. Ils ne conviennent pas aux illustrations, aux dessins et au texte, car les artéfacts de compression provenant de la compression de l'image ressortiront. La compression avec perte, comme son nom l'indique, ne code pas toutes les informations du fichier, de sorte que lorsqu'elle est récupérée dans une image, elle ne sera pas une représentation exacte de l'original. Cependant, elle est capable de compresser les images de manière très efficace par rapport aux formats sans perte, car elle élimine certaines informations. Un exemple typique d'un format de compression avec perte est le JPEG.
Les formats de compression sans perte sont adaptés aux illustrations, aux dessins, au texte et à d'autres éléments qui ne donneraient pas un bon résultat avec une compression avec perte. Comme son nom l'indique, la compression sans perte codera toutes les informations de l'original, de sorte que lorsque l'image sera décompressée, elle sera une représentation exacte de l'original. Comme il n'y a aucune perte d'information dans la compression sans perte, elle ne peut pas atteindre une compression aussi élevée que la compression avec perte, dans la plupart des cas. Des exemples de compression d'image sans perte sont le PNG et le GIF (le GIF ne permet que des images 8 bits).
Le TIFF et le BMP sont tous deux des formats "enveloppe", car les données internes peuvent dépendre de la technique de compression utilisée. Ils peuvent contenir à la fois des images compressées et non compressées.
Le moment d'utiliser un certain format de compression d'image dépend vraiment de ce qui est compressé.
Question connexe : Compression impitoyable d'images volumineuses pour le web
Je ne pense pas que le BMP soit un format « enveloppe » de la même manière que le TIFF l'est (ou que le PDF l'est pour cette question), ni qu'il puisse être compressé (je veux dire, vous pouvez le ZIP, mais il ne contient pas de données compressées).
@ChrisW : BMP permet de compresser le contenu du fichier. Je viens de jeter un coup d'œil à la page Wikipedia que j'ai référencée, et elle prend en charge RLE, PNG et JPEG. (Je ne savais pas qu'il prenait en charge le contenu en PNG et JPEG - j'ai appris quelque chose de nouveau !)
BMP souffre généralement du même problème que WAV, ils ne sont jamais normalisés et sont donc utilisés à mauvais escient pour à peu près tout ce à quoi vous pouvez penser.
Il y a quelques facteurs clés dont vous devriez être conscient...
Tout d'abord, il existe deux types de compression : Sans perte et Avec pertes.
Sans perte signifie que l'image est réduite de taille sans aucune dégradation de la qualité. Avec pertes signifie que l'image est réduite de taille, mais avec une dégradation de la qualité. Si vous enregistrez une image dans un format Avec pertes à plusieurs reprises, la qualité de l'image deviendrait de plus en plus mauvaise.
Il existe également différentes profondeurs de couleur (palettes) : Couleur indexée et Couleur directe.
Avec indexées, cela signifie que l'image ne peut stocker qu'un nombre limité de couleurs (généralement 256) choisies par l'auteur de l'image, tandis qu'avec directe, vous pouvez stocker de nombreux milliers de couleurs non choisies par l'auteur.
BMP - Sans perte / Indexées et Directes
C'est un ancien format. C'est Sans perte (aucune donnée d'image n'est perdue lors de l'enregistrement) mais il n'y a pratiquement aucune compression du tout, ce qui signifie que l'enregistrement en tant que BMP donne des tailles de fichiers TRÈS grandes. Il peut avoir des palettes Indexées et Directes, mais cela ne console pas vraiment. Les tailles de fichiers sont tellement grandes de manière inutile que personne n'utilise vraiment ce format.
Idéal pour : Rien vraiment. Il n'y a rien dans lequel le BMP excelle, ou qui n'est mieux fait par d'autres formats.
GIF - Sans perte / Indexées uniquement
Le GIF utilise une compression sans perte, ce qui signifie que vous pouvez enregistrer l'image à plusieurs reprises sans perdre de données. Les tailles de fichiers sont beaucoup plus petites que les BMP, car une bonne compression est réellement utilisée, mais il ne peut stocker qu'une palette Indexée. Cela signifie qu'il ne peut y avoir qu'un maximum de 256 couleurs différentes dans le fichier. Cela paraît comme une quantité assez faible, et c'est le cas.
Les images GIF peuvent également être animées et avoir de la transparence.
Idéal pour : Logos, dessins linéaires et autres images simples qui doivent être petites. Principalement utilisé pour les sites web.
JPEG - Avec pertes / Directes
Les images JPEG ont été conçues pour rendre les images photographiques détaillées aussi petites que possible en supprimant des informations que l'œil humain ne remarquera pas. En conséquence, il s'agit d'un format Avec pertes, et enregistrer le même fichier à plusieurs reprises entraînera une perte de données accrue au fil du temps. Il possède une palette de milliers de couleurs et est donc idéal pour les photographies, mais la compression avec pertes signifie qu'il est mauvais pour les logos et les dessins linéaires : Non seulement ils seront flous, mais de telles images auront également une taille de fichier plus grande par rapport aux GIF!
Idéal pour : Les photographies. Également, les dégradés.
PNG-8 - Sans perte / Indexées
Le PNG est un format plus récent, et le PNG-8 (la version indexée du PNG) est vraiment un bon remplacement pour les GIF. Malheureusement, il présente quelques inconvénients : Tout d'abord, il ne peut pas prendre en charge l'animation comme le GIF le peut (bien qu'il le puisse, mais seul Firefox semble le prendre en charge, contrairement à l'animation GIF prise en charge par tous les navigateurs). Deuxièmement, il a certains problèmes de prise en charge avec les anciens navigateurs comme IE6. Troisièmement, des logiciels importants comme Photoshop ont une très mauvaise implémentation du format. (Maudit soit Adobe!) Le PNG-8 ne peut stocker que 256 couleurs, comme les GIF.
Idéal pour : La principale chose que le PNG-8 fait mieux que les GIF est la prise en charge de la transparence alpha.
Note importante : Photoshop ne prend pas en charge la transparence alpha pour les fichiers PNG-8. (Maudit soit Photoshop!) Il existe des moyens de convertir les fichiers PNG-24 de Photoshop en fichiers PNG-8 tout en conservant leur transparence, cependant. Une méthode est PNGQuant, une autre est d'enregistrer vos fichiers avec Fireworks.
PNG-24 - Sans perte / Directes
Le PNG-24 est un excellent format qui combine un encodage sans perte avec des couleurs directes (des milliers de couleurs, tout comme le JPEG). Il est très similaire au BMP à cet égard, sauf que le PNG compresse réellement les images, ce qui donne des fichiers beaucoup plus petits. Malheureusement, les fichiers PNG-24 seront toujours bien plus gros que les JPEG, les GIF et les PNG-8, donc vous devez toujours considérer si vous voulez vraiment en utiliser un.
Même si les PNG-24 permettent des milliers de couleurs tout en ayant une compression, ils ne sont pas destinés à remplacer les images JPEG. Une photographie enregistrée en PNG-24 sera probablement au moins 5 fois plus grande qu'une image JPEG équivalente, avec très peu d'amélioration de la qualité visible. (Bien sûr, cela peut être un résultat souhaitable si vous ne vous souciez pas de la taille du fichier et souhaitez obtenir la meilleure image possible en termes de qualité.)
Tout comme le PNG-8, le PNG-24 prend également en charge la transparence alpha.
+1 La seule chose qui manque pour que cela soit une réponse complète à la question de l'OP est une mention pour JPG (extension de fichier commune pour JPEG) et une section pour TIFF.
Généralement, il s'agit de :
Compression sans perte Les algorithmes de compression sans perte réduisent la taille du fichier sans perdre la qualité de l'image, même s'ils ne sont pas compressés en un fichier aussi petit qu'un fichier compressé en perte. Lorsque la qualité de l'image est valorisée plus que la taille du fichier, les algorithmes sans perte sont généralement choisis.
Compression avec perte Les algorithmes de compression avec perte exploitent les limitations inhérentes de l'œil humain et rejettent les informations invisibles. La plupart des algorithmes de compression avec perte permettent des niveaux de qualité variables (compression) et à mesure que ces niveaux augmentent, la taille du fichier diminue. Aux niveaux de compression les plus élevés, la détérioration de l'image devient perceptible sous forme d'"artefacts de compression". Les images ci-dessous illustrent les artefacts perceptibles des algorithmes de compression avec perte ; sélectionnez l'image miniature pour voir la version en taille réelle.
Chaque format est différent comme décrit ci-dessous :
JPEG Les fichiers JPEG (Joint Photographic Experts Group) sont (dans la plupart des cas) un format avec perte ; l'extension du nom de fichier DOS est JPG (d'autres systèmes d'exploitation peuvent utiliser JPEG). Presque tous les appareils photo numériques peuvent enregistrer des images au format JPEG, qui prend en charge 8 bits par couleur (rouge, vert, bleu) pour un total de 24 bits, produisant des fichiers relativement petits. Lorsque la compression n'est pas trop forte, elle ne nuit pas de manière significative à la qualité de l'image, mais les fichiers JPEG subissent une dégradation génératiennent lorsqu'ils sont modifiés et enregistrés plusieurs fois. Les images photographiques peuvent être mieux sauvegardées dans un format non-JPEG sans perte si elles doivent être rééditées, ou si de petits "artefacts" (défauts causés par l'algorithme de compression JPEG) sont inacceptables. Le format JPEG est également utilisé comme algorithme de compression d'image dans de nombreux fichiers Adobe PDF.
TIFF Le format de fichier TIFF (Tagged Image File Format) est un format flexible qui enregistre normalement 8 bits ou 16 bits par couleur (rouge, vert, bleu) pour des totaux de 24 bits et 48 bits, respectivement, en utilisant soit les noms de fichier TIFF, soit TIF. La flexibilité du TIFF est à la fois une bénédiction et une malédiction, car aucun lecteur unique ne lit tous les types de fichiers TIFF. Les TIFF peuvent être avec ou sans perte ; certains offrent une compression sans perte relativement bonne pour les images en noir et blanc. Certains appareils photo numériques peuvent enregistrer au format TIFF, en utilisant l'algorithme de compression LZW pour un stockage sans perte. Le format d'image TIFF n'est pas largement pris en charge par les navigateurs Web. Le TIFF reste largement accepté comme norme de fichier photographique dans le secteur de l'impression. Le TIFF peut gérer des espaces colorimétriques spécifiques à un appareil, comme le CMJN défini par un ensemble particulier d'encres d'impression.
PNG Le format de fichier PNG (Portable Network Graphics) a été créé comme le successeur gratuit et open source du GIF. Le format de fichier PNG prend en charge la vraie couleur (16 millions de couleurs) tandis que le GIF ne prend en charge que 256 couleurs. Le format de fichier PNG est excellent lorsque l'image comporte de grandes zones uniformément colorées. Le format PNG sans perte est le mieux adapté pour éditer des photos, et les formats avec perte, comme le JPG, sont les meilleurs pour la distribution finale d'images photographiques, car les fichiers JPG sont plus petits que les fichiers PNG. De nombreux anciens navigateurs ne prennent actuellement pas en charge le format de fichier PNG, cependant, avec Internet Explorer 7, tous les navigateurs Web contemporains prennent entièrement en charge le format PNG. L'entrelacement Adam7 permet une prévisualisation anticipée, même lorsque seulement un faible pourcentage des données de l'image a été transmis.
GIF Le format GIF (Graphics Interchange Format) est limité à une palette de 8 bits, soit 256 couleurs. Cela rend le format GIF adapté au stockage de graphiques avec relativement peu de couleurs, tels que des diagrammes simples, des formes, des logos et des images de style cartoon. Le format GIF prend en charge l'animation et est encore largement utilisé pour fournir des effets d'animation d'image. Il utilise également une compression sans perte qui est plus efficace lorsque de grandes zones ont une seule couleur, et inefficace pour les images détaillées ou les images en tramage.
BMP Le format de fichier BMP (Windows bitmap) gère les fichiers graphiques dans le système d'exploitation Microsoft Windows. En général, les fichiers BMP ne sont pas compressés, donc ils sont volumineux ; l'avantage est leur simplicité, leur large acceptation et leur utilisation dans les programmes Windows.
Utilisation pour les pages Web / les applications Web
Ci-dessous se trouve un bref résumé de ces formats d'image lors de leur utilisation sur une page Web / une application.
Source : Formats de fichiers d'images
Étant donné que d'autres ont couvert les différences, je vais parler des utilisations.
TIFF est généralement utilisé par les scanners. Cela crée de gros fichiers et n'est pas vraiment utilisé dans les applications.
BMP n'est pas compressé et crée également de gros fichiers. Il n'est pas vraiment utilisé dans les applications non plus.
Le GIF était autrefois très répandu sur le web, mais il est tombé en désuétude car il ne prend en charge qu'un nombre limité de couleurs et est breveté.
Le JPG/JPEG est principalement utilisé pour tout ce qui est de qualité photo, mais pas pour du texte. La compression avec perte utilisée a tendance à altérer les lignes nettes.
Le PNG n'est pas aussi petit que le JPEG mais est sans perte, il convient donc aux images avec des lignes nettes. Il est largement utilisé sur le web maintenant.
Personnellement, j'utilise généralement le PNG partout où je le peux. C'est un bon compromis entre le JPG et le GIF.
BMP peut être compressé en RLE... Ce n'est pas grand-chose, mais c'est efficace sur les images simples. C'est également un format propriétaire (Microsoft).
TIFF est extrêmement populaire parmi les personnes qui ont besoin d'une qualité sans perte (artistes). De plus, il est idéal pour compresser des images monochromes, c'est pourquoi c'est l'un des formats les plus populaires pour les logiciels de numérisation de fax/documents numériques.
Ces noms font référence à différentes façons d'encoder des données d'image pixelisées (JPG et JPEG sont la même chose, et TIFF peut juste inclure un jpeg avec des métadonnées supplémentaires).
Ces formats d'image peuvent utiliser différents algorithmes de compression, différentes représentations de couleurs, différentes capacités à transporter des données supplémentaires autres que l'image elle-même, et ainsi de suite.
Pour les applications web, je dirais que le jpeg ou le gif suffit. Le jpeg est utilisé plus souvent en raison de son ratio de compression plus élevé et le gif est généralement utilisé pour des animations légères où un flash (ou quelque chose de similaire) est excessif, ou dans des cas où un arrière-plan transparent est souhaité. Le PNG peut également être utilisé, mais je n'ai pas beaucoup d'expérience avec cela. Les BMP et TIFF ne sont probablement pas de bons candidats pour les applications web.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
1 votes
Quelqu'un ayant une meilleure réputation que moi devrait passer en revue ces réponses et les consolider.
0 votes
Voici votre réponse : stackoverflow.com/questions/2336522/…
0 votes
Cette question est fermée et pourrait être supprimée. La même réponse est ci-dessous et devrait être la réponse acceptée à mon avis.