Quelques formats d'images

• Le format image le plus répandu est le Jpeg ( .jpg). Il est adapté pour la photographie numérique, mais aussi pour les photos sur Internet. Il faut tout de même noter que c'est un format compressé à taux variable, mais destructif. L'image est en 16 millions de couleurs et en RVB.


• Autre format adapté pour Internet : le GIF(.gif). C'est un format développé par CompuServe et est basé sur l'algorithme de compression LZW en binaire. Pas très simple tout ça ! J'avoue avoir utilisé cette phrase brute du cours. Ce qu'il faut retenir, c'est que ces images sont compactes, compressées et limitées à 256 couleurs. Il permet la transparence des images. Particularité : les images peuvent être animées.


• Le Png (.png) est un format (tout comme le gif) adapté pour Internet. Il est libre, mais peu utilisé. Il comporte pourtant l'avantage d'être une bonne alternative entre gif et jpeg, car la résolution et sa compression sont efficaces.


• L'Eps (.eps) est un format utilisé pour les images vectorielles (formes géométriques). Par exemple, il est utilisé pour les logos et les cartes. Ce format est aussi adapté pour l'imprimerie.


• Autre format adapté pour l'imprimerieTif (.tif). De plus, il permet une compression sans perte de l'archivage.


• Le Bmp (.bmp) est le format d'image le plus connue, le plus ancien et utilisable par la majorité des logiciels. Mais comporte le désavantage d'être lourd et très peu utilisé.

Pêle-mêle de formats propriétaires :

• Psd : format natif de Photoshop
• Ai : format d'Illustrator
• Indd : format d'Indesign
• Qxd : format de Quark Xpress

Qu'est-ce que le RVB ?

Le RVB c'est tout simplement les initiales des couleurs Rouge, Vert et Bleu: Les trois couleurs primaires.

De manière plus théorique, nous avions vu que le RVB est un système colorimétrique qui permet à partir de ces trois couleurs de bases de représenter toutes les couleurs.
Voyons maintenant comment se présente le RVB. Pour cela, nous allons utiliser GIMP !

Ce sera une sorte d'anticipation sur le post à venir (Outils de base de GIMP).

Tutoriel en 8 points pour comprendre le système RVB.

1. Ouvrez GIMP


2. Ensuite allez dans fichier/ Nouveau (ou Ctrl+N) puis mettez 800x800px.
   
   











3. Cliquez sur l'outil de remplissage, vérifiez bien que la couleur choisie est la noire. Vous voilà avec un beau fond noir.
   


4. Accrochez-vous, car ce qui suit mérite une grande concentration ! Donc, ouvrez la boîte de dialogue canaux, puis cliquez sur canaux. Vous voyez un canal rouge, vert et bleu. Décochez-les tous sauf le canal rouge. Veillez bien à ce que vous n'ayez sélectionné que le canal Rouge et qu'il soit visible (voir la flèche).
   


5. Puis sélectionner l'outil de sélection elliptique. Tracer un cercle sur le fond noir et appuyer sur la touche Suppr de votre clavier.
   


6. Faites la même chose en sélectionnant bien le canal vert cette fois-ci. Tracer l'autre cercle de façon à ce qu'il coupe le cercle rouge. Ce n'est pas évident puisque l'on a masqué le cercle rouge. Petite astuce : cliquez sur l'œil du canal rouge sans le sélectionner !! Vous devez obtenir ceci.
   


7. Continuer les mêmes manipulations pour le canal bleu en veillant bien à ce que le cercle coupe à la fois le cercle rouge et vert.


8. Une fois les cercles tracés, ne masquez plus les canaux. Sélectionnez-les tous. Vous devez avoir une image comme ceci.
   Il s'agit là de la synthèse additive de ces trois couleurs primaires. Nous avons superposé ces couleurs, ce qui permet de voir qu'elles sont les couleurs données lorsqu'on les mélange.

Rouge+Vert= Jaune
Vert+Bleu= Cyan
Bleu+Rouge= Magenta
Rouge+Bleu+Vert= Blanc




Vous allez dire, "mais à quoi ça sert de savoir ça ?" Il y a beaucoup d'utilité à connaître le RVB. Déjà cela permet d'éviter les fautes de mauvais goût, toutes les couleurs ne peuvent pas se marier.
Par exemple, le cyan et le rouge ne vont pas ensemble, car le rouge est opposé au cyan.

Alors, ne mettez plus de tee-shirt vert avec un pantalon magenta !



Mais ça sert aussi à améliorer une photo (voir post Améliorer une photo).
Autre exemple, une image ayant un étrange voile translucide jaunâtre peut être améliorée. Il suffit pour cela de nous reporter sur notre bible RVB pour repérer la couleur opposé au jaune pour agir sur la courbe des couleurs.

Quoi qu'il en soit, vous voyez bien que le RVB est essentiel pour la retouche d'image, le connaître est donc indispensable.

Quelle est la différence entre Gimp et Inkscape ?

Gimp et Inkscape : image matricielle et image vectorielle.

Gimp est un logiciel qui traite les images par points (matricielle) ou plus précisément par pixels.

Inkscape est éditeur de dessins vectoriels (composés de plusieurs formes géométriques).

Les avantages et inconvénients entre les images matricielles et images vectorielles

L'avantage de travailler avec des images vectorielles est que l'on peut l'agrandir sans risques de pertes de qualité.
Voyez la différence.

Image matricielle :





Quand on l'agrandit, on voit bien la perte de qualité. Les pixels agrandis sont visibles et donnent un effet d'escalier.




Malgré tout, les images matricielles sont peu lourdes, ce qui explique leurs utilisations plus répandues pour le web.








Image vectorielle :






Ici, on n'observe aucune perte de qualité lorsque l'on agrandit l'image vectorielle. Idéal pour les logos utilisés pour des impressions grand format (affiches, banderoles, drapeaux publicitaires, etc.).





L'inconvénient majeur est le poids des images matricielles.













Petit P.S, l'image utilisée pour illustrer mes propos est un Kirby ! J'ai utilisé ce tuto pour réaliser mon Kirby ! N'hésitez pas à faire de même si vous avez déjà fait un petit tour dans la section "débuter avec Inkscape".

Les unités de mesure : Pixel, mégapixel, pouce.

Dans ce post, nous allons voir ce qu'est un pixel, un mégapixel, les pouces et les formats. Le programme s'annonce très chargé. Mais ne vous inquiétez pas, tout sera résumé !!!!

Comment sont composées les images numériques ?

Les images numériques sont constituées de plusieurs points appelés pixel ( abv: px). Le pixel est le plus petit élément de ces images. L'assemblage de plusieurs pixels donne donc une photo !
Cela permet de définir le mégapixel ! Un mot souvent utilisé pour la vente des appareils photo numériques. Le mégapixel du suffixe mega désigne 1 million de pixels.

Prenons des exemples pour comprendre tout ça.

Le pixel

Tout d'abord, il faut savoir que la taille moyenne d'un écran est de 1024X768px (même si l'on constate que cette taille tend à augmenter) et qu'une grande image fait environ 0,4Mx. Donc les photos faisant plus d'1 million de pixels sont plus destinées pour l'impression que pour la visualisation sur écran.

Le pouce

D'autre part, l'unité de mesure utilisée pour désigner la taille d'un écran est le >pouce. Un pouce fait un peu plus d'un centimètre.

Les images pour le web et pour l'impression

Pour une image destinée au web, par exemple, 72px par pouce est largement suffisant.
Mais pour l'impression de qualité, il faut au moins 300px par pouce. Par ailleurs, lorsque l'on imprime des photos sur des imprimantes maison, 150 à 200px par pouce suffiront.
Ces indications permettent de bien définir la résolution selon ce que l'on souhaite faire avec les images.

Pour finir, retenons que pour le format A4 (21X29,7), on a besoin de 3820px X 2515px (=9 Mx) ce qui fait 300px par pouce.

Comme on l'a dit plus haut, avoir ces informations à l'esprit permet de bien définir la résolution. Avec GIMP (ou les autres logiciels de traitement d'images comme Photoshop), vous verrez bien que le choix de la résolution se fait lorsque l'on ouvre un nouveau fichier vierge.

N'hésitez pas à laisser des commentaires pour signaler les erreurs graves ou encore les informations manquantes. J'ai surtout résumé les informations que je pense avoir comprises.

Passons à la pratique ! Dirigez-vous sans plus attendre vers les sections Gimp et Inkscape !