TD M1205 --- Infographie – MMI1 --

TD M1205 --- Infographie – MMI1 --- Les formats
de fichiers image
1. Préalable : extension des fichiers
Dans les pages qui suivent il est question d’extension des fichiers. Il est bien sûr préférable d’afficher ces extensions
de façon à identifier les fichiers avec certitude. Les copies d’écran ci-dessous précisent comment procéder pour leur
affichage pour Mac OS et pour Windows :
IUT de Troyes
1
Par ailleurs il est utile de rappeler que le renommage d’un fichier par le changement du nom de l’extension est
prohibé (le système d’exploitation vous alerte en pareil cas).
2. Les images matricielles / vectorielles
Les images matricielles (ou pixélisées voire « bitmap ») sont composées de pixels. C’est ce type d’images que l’on
manipule avec Photoshop.
Il existe un autre type d'images numériques, les images vectorielles, dont le principe est de représenter les données
de l’image par des formes géométriques qui vont pouvoir être décrites d'un point de vue mathématique. Illustrator
produit principalement des images vectorielles.
3. La compression des fichiers
La compression conduit à réduire le poids des fichiers en supprimant les informations inutiles ou redondantes.
Il existe deux types de compression :
•
la compression non destructive : lors de sa restitution, l’image est strictement identique à sa forme originale
(il n’y a aucune perte d’information)
•
la compression destructive : l’image subit une simplification (il y a perte d’information).
4. Les formats d’images
Les
formats
d’images pour
l’impression
Pour conserver la qualité des images à l’impression, privilégiez les formats les riches :
-
si vous utilisez un appareil photo numérique de type reflex le format RAW (et ses nombreuses variantes
différentes selon les fabricants DNG, NEF, CRW, …) s’impose.
-
si votre image a été réalisée sur Photoshop ou Illustrator conservez le format propriétaire (PSD ou AI),
-
si vous devez communiquer vos images, à votre imprimeur par exemple, choisissez le format PDF en gérant
la compression des images et en étant vigilant concernant les polices de caractères.
Les
formats
d’images pour
le
web
Les formats JPEG, PNG et GIF sont les plus utilisés pour les images matricielles. SVG est utilisé pour les images
vectorielles.
JPEG
Il s’agit du format généralement recommandé pour l’enregistrement de photographies. Les images sont
compressées et parfois très dégradées si l’objectif est de réduire le poids du fichier au maximum.
IUT de Troyes
2
PNG-24
Comme JPEG, ce format est excellent pour les photographies. Préférez le format PNG-24 au format JPEG si votre
image contient des pixels transparents (le format JPEG ne prend pas en charge la transparence ; vous devez la
remplir avec une couleur de détourage). Pour une même image, les fichiers PNG-24 sont souvent beaucoup plus
volumineux que les fichiers JPEG.
GIF
Il s’agit du format idéal pour les dessins au trait, les illustrations comportant de larges zones de couleur en aplat et
des détails précis, ainsi que pour le texte. Par ailleurs, si vous souhaitez exporter une image animée, vous devez
utiliser le format GIF.
PNG-8
Ce format, moins connu, est interchangeable avec le format GIF. Ses applications sont les mêmes (à l’exception de
l’animation).
SVG
Ce format vectoriel (alors que les 4 précédents sont matriciels) est un format décrivant les images comme des
formes, des tracés, du texte et des effets de filtre. Les fichiers produits sont compacts et offrent des images de
qualité élevée sur le Web. Les utilisateurs peuvent agrandir leur vue d’une image SVG à l’écran sans sacrifier la
netteté, le détail ou la clarté.
IUT de Troyes
3
5. Exercices
a- Propriétés des fichiers d’images matricielles : en recherchant sur Internet, trouvez une définition pour les
propriétés suivantes
Transparence La transparence est une caractéristique permettant de définir le niveau d’opacité des,
éléments d’une image. C'est-à-dire la possibilité de voir à travers l’image des éléments graphiques
située derrière celle-ci.
Couleurs indexées
Une image en couleurs indexées contient une table dans laquelle est définie l'ensemble de
la palette de couleurs de l'image, et comporte jusqu'à 256 couleurs. Cette technique permet d'utiliser moins de
couleurs que les images en 24bits tout en conservant une bonne qualité d'image.
Entrelacement
L’entrelacement est un affichage progressif de l’image, qui voit ça définition augmenter
progressivement
b- Complétez le tableau suivant :
Compression des
données
Format
Affichage
progressif
Format
propriétaire
(oui/non)
Usage
Non compressé
de 2 à 16
millions
Non
Non
Image non dégradée mais
très lourde. Stockage
Réglable, avec perte
de
qualité. Plus la
compression est
importante, plus
l'image est dégradée.
format destructeur
16 millions
Oui
Non, libre de
droits
Tous usages, selon
compression.
Images "naturelles".
Oui, sans perte de
qualité
de 2 à 256
Oui
avec palette.
Brevet Unisys
Image animé
Réglable, au choix
sans perte ou avec
perte de qualité
16 millions
Brevet Aldus
corporation
Tous sauf Internet
BMP
JPEG
Nb de
couleurs
GIF
TIFF
IUT de Troyes
Non
4
Oui, sans perte de
qualité
PNG
de 2 à 256
(PNG 8) ou
16 millions
(PNG 24)
Oui
Non, libre de
droits
Tous, recommandé
Internet mais incompatible
avec les navigateurs
anciens.
Supporte la transparence.
Les exercices qui suivent se font avec le logiciel Photoshop
c- À partir du fichier painted_ladies.jpg, testez les différentes options de format d’enregistrement que propose le
menu « Enregistrer pour le web de Photoshop ». Notez dans un tableau les résultats obtenus (qualité et poids)
pour chaque format.
d- À partir du fichier transparent.jpg remplacez la couleur de fond par une couche transparente et sauvegardez dans
un format permettant de conserver cette propriété. Format PNG
e- Enregistrez le fichier test.psd au format PDF en testant 3 réglages différents (exploitez le paramètre prédéfini
mais aussi les options de compression des images). Notez dans un tableau les résultats obtenus (qualité et poids)
pour chaque version.
IUT de Troyes
5
eQualité
Poids
Version 1
7,12 Mo
Sans compression
Version 2
8 bits
5,68 Mo
Minimum
4,11 Mo
ZIP
Version 3
JPEG
IUT de Troyes
6