Introduction
Représenter un visuel de manière numérique est quelques chose qui est devenu anodin de nos jours, et pourtant beaucoup de notions sont parfois ignorées, mal interprétées ou restent floues. Le but de ce tutorial est de simplement poser des définitions et un sens à ces notions. Bien sur il se veut non exhaustifs et uniquement informatif. Tous vos retours et conseils sont les bienvenus afin d'enrichir et de mieux définir, ou délimiter, ce contenu.
Les types de représentation d'un visuel
De manière informatique une même image peut être interprétée différement. Prenons par exemple la représentation du drapeau japonais. Un rectangle blanc contenant un cercle rouge en son centre. Il esite deux manière pour pouvoir le représenter, de manière bitmap, ou de manière vectorielle
Le Bitmap
Il s'agit en fait d'une carte de points qui peut prendre diverses valeurs colorimétrique. Un peu comme un caneva où chaque maille du filet est remplie par un fil de coton d'une couleur définie. Le document est donc composé d'un certains nombre de points en largeur et en hauteur, la quantité de points est déterminé lors de la création du document. Chacun de ces points est coloré de manière distincte.
La taille d'une image bitmap est obtenue en multipliant le nombre de pixels en largeur par le nombre de pixels en hauteur. Donc si un appareil photo numérique propose des photos qui font 2 048 * 1 536, il s'agit en fait d'un appareil qui fait 2 048 * 1536 = 3,15 Millions de pixels.
Avantages
Les fichiers de type bitmaps sont très bien adaptés pour toutes les images qui représentent des contenus photographiques ou des contenus très riches en nuances et nombres de couleurs.
Inconvénients
Une fois définies les dimensions d'un document bitmaps ne peuvent pas être modifiés sans avoir à rééchantilonner l'image. C'est à dire que si l'image doit être agrandie ou réduite, le système devra alors soit inventer et créer de nouveaux points, ou au contraire trier et supprimer un certains nombre de points. Ce qui altérera forcément la qualité de l'image.
Si une image est agrandie sans utiliser le principe du rééchantillonage, la qualité du visuel sera également altérer. Voici quelques exemples sur une image faisant à l'origine 100 pixels sur 100 pixels, ayant une résolution de 72 dpi et qui est affichée respectivement à 100 %, 400 % et 800 %. Au fur et à mesure que l'agrandissement s'opère, la nétetté de l'image disparait et les pixels commencent à se distinguer. Sur une résolution écran l'effet n'est pas spectaculaire, sur une impression papier le résultat peut rapidement devenir non souhaité.
La résolution
Les principaux formats de fichiers de type bitmap
- gif
- jpeg, jpg
- png
- psd
- tiff
- bmp
Le format RAW
Le format RAW n'est pas en soit un format unique comme le serait le gif ou le jpeg... mais plutôt un ensemble de format propre à chaque constructeur de matériel. En fait le RAW est l'enregistrement du signal que le capteur de l'appareil numérique reçoit et transmet, mais il existe autant de manière d'encoder ce signal qu'il existe de constructeurs. Il existe à ce sujet deux excellents articles de Bruce Fraser sur le site de Adobe.
Les principaux logiciels traitant les images de type bitmap
- Photoshop
- Gimp
- Fireworks
- Paintshop
- Coreldraw
Le Vectoriel
Le vectoriel est une toute autre approche de la représentation visuelle qui s'appui sur en fait une représentation mathématique de ce visuel. Ce qui revient à dire que notre drapeau japonais, n'est ni plus ni moins qu'un cercle rouge ayant un diamètre d placé au centre d'un rectangle blanc ayant une dimension de l sur h.
Cela est même un peu plus puissant que cela dans le sens où chaque dimension n'est en fait qu'une référence par rapport à un coéfficient de proportionalité. Par exemple le drapeau japonais fait une largeur de 3 * dim, sur une hauteur de 2 * dim. Le cercle mesure 1,2 * dim de diamètre et son centre se situe horizontalement à 1,5 * dim et verticalement à 1 * dim. Enfin la couleur du rectangle est blanche, celle du cercle, rouge.
Avantages
Inconvénients
Les principaux formats de fichiers de type vectoriel
- ai
- eps
- dcs
- ps
Les principaux logiciels traitant les images de type vectoriel
- Adobe illustrator
- Freehand
- CorelDraw
L'aliasing ou le crénage
Les dimensions du document et du fichier
Taille
La taille d'un document de type bitmap correspond à la dimension en pixel de sa surface de représentation. Les unités de mesure sont souvent le pixel, qui correspond mieux aux langages des visuels écran. Toutefois, si vous utilisez des documents pour la PAO, vous pouvez aussi bien utiliser des unités de mesure telles que les colonnes, le cm, le pica... etc... L'essentiel est que en fonction de votre environnement de travail, l'unité de mesure que vous utilisez soit parlante et représentative pour vous.
Résolution
La résolution d'une image correspond au nombre de points présent dans une distance données. Généralement la profession utilise le dpi (dot per inch, soit ppp points par pouce). Une résolution de 100 dpi, signifie que la représentation d'un visuel utilise une définition de 100 points tout les pouces. les grandes règles de création définissent les résolutions suivantes :
- 72 dpi résolution écran
- 144 dpi résolution imprimante laser
- 300 dpi résolution imprimerie
En fait cela n'est pas aussi tranché que cela, mais cela donne plutôt un ordre d'idée. En effet, 72 dpi pour une résolution écran peut être vérifiée sur Macintosh ou sous Linux où la résolution utilisée par les cartes graphiques est effectivement de 72 dpi... mais les cartes graphiques exploitées par Windows réagissent elles à une résolution de 96 dpi... donc question...
Linéature
Nous pourrions aussi mettre en question les caricatures de résolution imprimerie qui sont toujours associées à 300 dpi... en effet, coté impression, il existe une autre donnée qui est la linéature. La linéature correspond aux nombres de lignes qui sont imprimées par une imprimante sur une distance donnée. En fait, lié à des problématiques d'encre et de réaction buvard des papiers, il n'est pas possible de dépasser un certain nombre de ligne (en fonction de l'encre et du papier) si on ne souhaite pas imbiber le papier. l'unité de la linéature est le lpi, (line per inch, soit lpp ligne par pouce). Les grandes règles d'utilisation sont :
- 50 à 70 pour du papier journal, recyclé à classique
- 110 à 120 magasine de normal à glassé
- 150 à 170 revues de luxes de glassée à brillante
A ce paramètre il faut également prednre en compte les qualités même de chaque acteur (qualité de la fabrication du type de papier, de l'encre, des buses de projections... etc...) qui définissent un paramètre de l'équation qualité qui s'étend de brouillon à supérieur, autrement dit de 1,5 à 2.
Créez un nouveau document photoshop de 100 pixels par 100 pixel en 100 dpi. Sélectionnez le menu Image > Taille de l'image, et appuyez sur le bouton Auto. Une nouvelle boite de dialogue s'ouvre et vous demande d'indiquer la linéature et le coéfficient de qualité. Admettons que vous travaillez pour du journal minute (type métro, 20 minutes, le 13, top achat...) donc vous saisiriez une valeur de linéature comprise entre 50 et 70 pour un coéfficient de qualité 1,5 (le plus simple pour connaître ces valeurs reste de vous rapporcher de votre imprimeur). Validez la boite de dialogue et controllez la valeur de la résolution qui a été calculez pour vous. Maintenant répetez l'opération mais en imaginant que votre image va être utilisé dans un magasine de type Géo, FHM... et où la linéature avoisinera les 150 pour une coéfficient de qualité de 2.... validez, regardez la résolution calculée... Voilà vous avez votre réponse sur les valeurs de résolution a utiliser.
Le point de trame
Taille d'impression
La taille d'impression dépend directement de la résolution employée. Si vous reprennez l'exemple précédent, vous verrez que pour un document de 100 pixels par 100 pixels, vous obtiendrez un document affiché (ou imprimé) allant de 85 mm pour une résolution de 300 dpi à 3,5 cm pour une résolution de 72 dpi. Prenez bien garde à ne pas rééchantilloner l'image lors de ces tests
Le rééchantillonage
Pourquoi rééchantilloner ?
Les diverses possibilités
Au plus proche
Bilinéaire
Bicubique
Bicubique plus lisse
Bicubique plus net
Des solutions alternatives pour rééchantilloner
