PC-optimise.com Contacter l'administrateur
Thème :
Pages lues : - Visites :  
Modifications sur le site :
  • 11/04/2010 : Modification des scripts CSS
  • 31/03/2010 : Suppression du Javascript dans le menu principal
  • 24/04/2008 : Mise en plage de dons via PayPal

Choisir le format d'image adapté à des graphes ou des captures d'écran et aux photocopies

Page mise en ligne le 10/12/2022 - PC-Optimise
Imprimer le document
Imprimer
Recommander le document à quelqu´un
Recommander
Faire une remarque
Des remarques ?

Sommaire :
  1. A quel type d'images allons-nous nous intéresser ?
  2. Compression sans pertes & importance de la palette
  3. Compression à perte : JPEG et JPEG 2000
  4. Alléger une image JPEG
  5. Faire une photocopie
  6. Conclusion

1. A quel type d'images allons-nous nous intéresser ?

Dans le cadre de ce tutoriel, nous allons nous contenter d´explorer le cas des images comportant relativement peu de couleurs : on aura donc des dégradés et un nombre de couleurs limité pour ce qui n´est pas dégradé. Typiquement, cela correspond en fait :

  • aux graphiques
  • aux captures d´écran en général, pour les pages affichant principalement du texte et des icones
  • aux captures d´écran de figures 3D (qui comportent souvent des dégradés, mais peu de couleurs globalement)

Ces images ont comme principale particularité qu´il existe de nombreux pixels pour lesquels les pixels voisins ont une couleur proche (pour les dégradés) voire identique. Nous ne nous intéresserons pas au cas des photos, vu que logiquement, ces dernières ne présentent généralement pas de zones avec de telles propriétés.
Ci-dessous, voici l´image qui nous servira de base :

Un exemple d´image avec des dégradés (flèche verte et zone encadrée en vert), ou de teintes proches (encadré rouge), du texte et des zones relativement unicolores

Un exemple d´image avec des dégradés (flèche verte et zone encadrée en vert), ou de teintes proches (encadré rouge), du texte et des zones relativement unicolores (cliquer pour agrandir)

Le contenu d´une image

Les images ont une profondeur de 24 bits pour une qualité optimale (hormis en photographie où l´on peut aller plus loin), soit 1 octet pour définir la conteneur en rouge, un autre pour le vert et un troisième pour le bleu. Pour définir une image, il suffit alors de donner ces 3 octets pour chaque pixel ! Un calcul rapide montre alors qu´une image de 1280 x 1024 pixels (soit la résolution typique d´un écran de 17 ou 19") nécessite alors 3.9 Mo de données ! Le bitmap (extension BMP) fonctionne ainsi, et donc occupe beaucoup de place, mais l´image n´est pas modifiée.
C´est justement parce que stocker les informations d´une image sous cette forme est peu intéressante qu´un certain nombre de formats ont été mis au point, dont certains plus particulièrement pour le Web : jpg, GIF et plus récement PNG.
Nous allons donc nous intéresser à ces formats bien particuliers, puisque reconnus par tous les navigateurs. Nous inclueront aussi le JPEG 2000, au sens où il commence lui aussi à percer.

Compresser les données

Pas de mystère pour représenter rigoureusement la même information, il faut jouer des mathématiques et des propriétés de l´image à traiter. Pour faire simple,

  • si une ligne de plusieurs pixels sont identiques, il est plus judicieux de coder l´information "n pixels de telle couleur" que n fois "telle couleur" (principe du codage RLE, disponible dans le BMP).
  • si certaines zones se répètent, lors des répétitions, il est plus intéressant de dire "à partir de là, c´est comme telle autre zone", et c´est cette fois l´algorithme LZW (GIF) qui intervient.
  • si une couleur est très souvent présente, il est dommage de la représenter avec 24 bits... il serait nettement plus intéressant de la remplacer par un format plus léger (quelques bits), quitte à ce que les couleurs "rares" dans l´image soient représentées sur plus de 24 bits. Il suffit alors en début de fichier de donner les correspondances dans une table. Ce principe est utilisée dans le codage de Huffman.

Ces 3 procédés sont les principaux, et on remarque qu´ils se contentent de traduire l´image autrement, sans en altérer le contenu. Pour cette raison, ce sont des algorithmes de compression dits Sans pertes.

Une autre façon de compresser consiste à approximer les pixels par une fonction connue. On y perd de l´information, mais si l´oeil ne peut voir la différence, c´est un peu comme le mp3 en audio comparé au format CD. On parle alors de compression avec pertes. Le lecteur intéressé pour par exemple s´intéresser à la méthode des ondelettes, utilisée par exemple dans le JPEG 2000, et même dans beaucoup d´algorithmes à pertes. La justesse du résultat est paramétrable : plus on augmente la fidélité, plus le fichier devient conséquent en taille. Plus on compresse, et plus l´image se détériore. Reste à voir si pour des images "simples", ce type de compression se montre plus intéressant ou pas que la compression sans pertes.

Propriétés des formats

Le tableau suivant résume les propriétés des différents formats :

FormatDéfinitionType de compressionProfondeur des couleursParticularités
BMPBitMaP
  • Aucun (RLE possible)
  • 24 bits
  • 16 bits (couleur)
  • 8 bits (couleur)
  • 8 bits (nuance de gris)
  • 16 bits
  • 1 bit (monochrome)
  • Les formats les plus connus ne sont pas compressés
  • Lisible par tout le monde
GIFGraphics Interchange Format
  • LZW (sans perte)
  • 8 bits (palette ajustable)
  • Peut gérer la transparence
  • Gère les animations
  • Format protégé
JPEGJoint Photographic Experts Group
  • 24 bits
  • Le format à pertes le plus utilisé
  • Niveau de compression ajustable
JPEG 2000Joint Photographic Experts Group 2000
  • 24 bits
  • Conçu pour être plus performant que JPEG pour les transformations à pertes
  • Pas aussi reconnu que JPEG
  • Niveau de compression ajustable
PNGPortable Network Graphics
  • Sans pertes
  • jusque 48 bits
  • Format libre
  • Gère les niveaux de transparence

Bien que souvent utilisé, nous ne parlerons pas du format TIFF, puisque ce dernier est quasiment inexistant sur Internet.

Page suivante

Avez-vous apprécié l´absence de publicité sur ce site ?
La publicité est utilisée sur les sites internet pour financer les frais d´hébergement et de fonctionnement. PC-Optimise préférant que ses lecteurs ne soient pas importunés par ces contenus non désirés, c´est un système de dons qui a été mis en place, le reste des dépenses restant à la charge de l´auteur. Si vous avez apprécié, vous pouvez donc contribuer à travers un don via PayPal.


Copyright©PC-optimise.com (mis en ligne le 8 mai 2006)
Page générée en 0,3759s