Université Pierre Mendès France - IUT de Valence
Informatique :
Les formats d’image
Simon Gay, Annie Duflot
1
Les ressources informatiques
Généralités sur les images
◼ Structure d’une image :
◼ Une image est une matrice de petits carrés élémentaires de couleur
◼ Ces carrés sont appelés pixels (Picture Element)
Les ressources informatiques
Généralités sur les images
◼ Image couleur :
◼ Constituée de trois couches de couleurs : rouge, vert et bleu
◼ Couleurs primaires en synthèse additive
Image RVB
(Rouge-Vert-Bleu,
ou RGB in english)
◼ Chaque pixel contient trois valeurs : une pour la quantité de rouge,
une pour la quantité de vert, une pour la quantité de bleu.
Les ressources informatiques
Généralités sur les images
◼ À noter :
◼ C’est pareil pour les écrans
Les ressources informatiques
Formats d’images : le BitMap
◼ Créé en 1990 par Microsoft et IBM
◼ On enregistre les trois valeur de chaque pixel
◼ Permet jusqu’à 16,8 millions de couleurs (mode 24 bits)
◼ En 24 bits, on a un octet pour le rouge, un pour le vert et un pour le bleu (3x8=24)
◼ La taille du fichier dépend de la taille de l’image
◼ Exemple : deux images de largeur 1000 pixels et de hauteur 463 pixels :
◼ Taille : 500 x 463 x 3 = 1 389 000 octets (≈1,3 Mo)
Les ressources informatiques
Formats d’images : le jpeg
◼ Joint Photographic Experts Group Joseph Fourier
◼ Créé en 1991 (1768-1830)
Mathématicien et
◼ Basé sur la décomposition de Fourier physicien
◼ transformée en cosinus discrète (TCD)
◼ Méthode de compression avec perte (l’image est dégradé de façon
irréversible)
Les ressources informatiques
Formats d’images : le GIF
◼ Graphics Interchange Format
◼ Créé en 1987
◼ Méthode de compression sans perte (pas de dégradation de l’image)
◼ Au plus 256 couleurs (sur une palette de 16,8 millions)
◼ Peu adapté aux photos
◼ Gestion de la transparence (on peut voir à travers certaines parties de
l’image)
◼ Images animées : enregistrement de la succession d’images
Les ressources informatiques
Formats d’images : le PNG
◼ Portable Network Graphics
◼ Créé en 1996 pour remplacer le GIF (alors sous brevet)
◼ Méthode de compression sans perte (algorithme deflate)
◼ Jusqu’à 281 474 milliards de couleurs (mode 48 bits)
◼ Le plus souvent, on reste sur 16,8 millions de couleurs (mode 24 bits)
◼ Gestion de la transparence (totale ou partielle)
◼ Plus efficace sur des images simples
Les ressources informatiques
Formats d’images : comparatif
◼ Utilisation des formats
◼ BitMap : 1,32 Mo 1,32 Mo
◼ Jpeg : 267 ko 58,4 ko
◼ Gif : 239 ko 31,1 ko
◼ PNG : 1,01 Mo 33,3 ko
Les ressources informatiques
Les images vectorielles
◼ Les images ne sont pas constituées de pixels mais de formes et primitives
géométriques (cercles, polygones, courbes…) définies par des
paramètres
◼ Un cercle est défini par son centre, son diamètre, une épaisseur et une couleur
◼ On peut agrandir l’image autant qu’on veut !
◼ Quelques logiciels de dessin vectoriel :
◼ Adobe Flash, Affinity Designer, Inkscape (libre), LibreOffice Draw (libre)
◼ Très utile pour faire des diagrammes de qualité professionnelle
◼ Mais inutilisable sur des photographies
Université Pierre Mendès France - IUT de Valence
Informatique :
Généralités
Simon Gay, Annie Duflot
11
Les ressources informatiques
Compression de fichiers
◼ Procédé qui permet de réduire la taille d’un fichier
◼ Chaque logiciel a sa propre méthode
◼ Deux intérêts :
◼ Réduire la taille d’un fichier (pour gagner de la place)
◼ Regrouper plusieurs fichiers en une seule archive
◼ Attention : il n’est pas possible de modifier un fichier compressé
◼ Il faut d’abord le décompresser pour le modifier
◼ Quelques logiciels et formats populaires :
◼ WinZip format .zip
◼ WinRar format .rar
◼ PowerArchiver
◼ 7-Zip format .7z
Les ressources informatiques
Informatique : quelques généralités
◼ Résolution (définition)
◼ Nombre de pixels qui composent l’écran. En règle générale, on donne la
résolution avec le nombre de pixels de largeur et de hauteur.
◼ Quelques résolutions ‘standard’ :
VGA : 640 x 480 pixels (307 200 pixels)
SD (ancienne norme TV): 720 x 576 (414 720 pixels)
HD 720 : 1280 x 720 (921 600 pixels)
Full HD : 1920 x 1080 (2 073 600 pixels)
4K : 4096 x 2160 (8 847 360 pixels)
◼ Ne pas confondre : résolution d’affichage et résolution d’écran
◼ Résolution de l’écran : nombre de pixels physiquement présents sur
l’écran
◼ Résolution d’affichage : taille de l’image qui s’affiche à l’écran
◼ Il faut adapter la résolution d’affichage à celle de l’écran pour un
affichage plus net
Les ressources informatiques
Informatique : quelques généralités
◼ Résolution (définition) de l’écran
◼ Résolution élevée : plus de détails mais nécessite + de ressources
◼ Résolution faible : moins de détails, mais moins gourmand en
ressources.
◼ Sous Windows 10 : Démarrer > Paramètres > Système > Afficher , puis
sélectionner la résolution.
◼ Bon à savoir : le terme résolution est ici abusif : normalement, on dit
définition, résolution est une mesure du nombre de pixel par unité de
longueur (pixel par pouce) sur un écran.
◼ Cependant, utiliser résolution à la place de définition est très courant.
Les ressources informatiques
Un format particulier : le PDF
◼ Portable Document Format
◼ Créé en 1992 par Adobe System
◼ Peut contenir du texte et des images
◼ Conçu pour garantir et préserver la mise en page quel que soit le logiciel
avec lequel on le lit !
◼ Lisible par de très nombreux logiciels et sur de nombreux systèmes (PC
windows, Mac, Linux, smartphone…)
Les ressources informatiques
Une base du Web : l’URL
◼ Uniform Resource Locator
◼ Aussi appelé adresse web
◼ Permet de localiser et demander une ressource sur le web (page internet,
fichier sur un serveur…)
◼ Pour une page web, c’est l’adresse que l’on saisi dans le champs en haut du
navigateur (barre d’adresse).
◼ Quelques exemples :
◼ Page web
[Link]
[Link]
◼ Ressource IUT
[Link]
[Link]