Différents formats d’images

Ce cours sur les formats d'images est utilisé en seconde dans la partie intitiation au calcul binaire

Sur cette page un tutoriel sur les différents formats d'images

1* Les deux formats compressés gif et jpg.

Il s'agit ici de comparer la taille en octets d'une même photo qui a été compressée sous différents algorithmes.
Ouvrez le logiciel photofiltre et récupérez le fichier cigognes_01.jpg qui se trouve ci-dessous . Vous allez alors enregistrer ce fichier dans votre dossier personnel quatre fois :
Enregistrez le fichier sous :

1. choisir le format Windows bitmap (bmp)

2. Puis choisir le format jpeg … et laissez l'option de compression à 90 nommez votre fichier cigognes_01

3. Recommencez en enregistrant au format jpeg (cigognes_02) et en choisissant une qualité de  50…

4. Recommencez en choisissant le format gif

Différences de tailles : rendez-vous maintenant dans votre dossier personnel avec l’explorateur  et relevez les tailles des différents fichiers que vous venez de sauvegarder :

• Le fichier bmp est le fichier contenant les informations les plus « pures » sur l’images, mais il est énorme ! ! !

• Le fichier gif a une taille réduite mais il est en 256 couleurs donc de qualité très réduite !

• Des deux fichiers jpeg le fichier cigognes_02 est beaucoup plus réduit mais il est de très mauvaise qualité (grosse compression !) par rapport au fichier cigognes_01

En utilisant la loupe vous pouvez aller jusqu'au pixel pour chacune des images et observer la qualité rendue par le facteur de compression. Sous le format jpeg vous remarquerez les petits carrés de couleurs proches obtenus par le sytème de compression matricielle. Il s'agit d'un algorithme de compression basé sur les séries de Fourrier dite en cosinus discret.
Note importante à propos des rretouches d'images ci-dessous : les étudiants peuvent continuer leur travail sur leur PC portable.
Autre remarque : il m'est souvent demandé de la part des élèves s'il est possilbe de se procurer un ordinateur à bas prix ou tout le moins à un prix raisonnable. Ma réponse est claire, c'est oui, il existe des site de recondtionnement qui permettent d'obtenir un ordinateur de très bonne facture à un prix très serré ! (exemple : site de PC portable de laptopservice )

2* Manipulation d’images

A* Utilisation du pinceau pixel par pixel . Ouvrez le fichier ci-dessous nissan_01.jpg et enregistrez le dans votre espace personnel. Vous allez effacer la poignée de la portière de cette voiture au pinceau …

• Zoomez jusqu’au pixel la zone de la poignée

• Prenez le pinceau et utilsez la palette de configuration à droite pour régler la taille du pinceau

• Choisir la couleur portière en cliquant avec le bouton gauche de la souris sur la portière tout en tenant la touche Ctrl enfoncée …

• Utilisez alors votre pinceau pour cacher la poignée de la portière. N’oubliez pas que vous pouvez à tout moment récupérer une couleur en utilisant la touche Ctrl !

• Enregistrez alors la nouvelle voiture sous le nom nissan_02.jpg (n’oubliez pas de vérifier que la qualité est bien à 90 !)

B* Utilisation du texte . Ouvrez le fichier vache_01.jpg ci-dessous et enregistrez le dans votre espace personnel. Vous allez faire de cette vache une pub de votre choix pour les produits lactés !

• Choisir dans la palette de couleurs située à droite la couleur noire

• Ouvrir l’outil texte et tapez un texte publicitaire. Lorsque vous validez le texte apparaît à l’endroit de votre choix. Vous pouvez le déplacer avec la souris et le faire tourner en utilisant l’outil rotation situé dans le menu texte.

• Vous pouvez séparer votre texte en plusieurs parties pour épouser les différentes formes.

• Il faudra choisir la couleur blanche pour écrire sur le noir

• Une fois votre vache publicitaire terminée enregistrez la sous le nom vache_02.jpg

C* Dupliquer une partie de l’image

Vous allez cloner une partie de l’image. Sur l’image des cigognes vous allez « déplacer » la cigogne la plus éloignée pour la rapprocher de sa congénère.

• Ouvrir l’image vaissellier_01.jpg et l’enregistrer dans votre dossier perso.

• Sélectionner le tampon à cloner dans les outils de droite 

• Cliquez en maintenant la touche ctrl enfoncée sur la cigogne la plus éloignée pour fixer cette zone pour la copie.

• Avec le bouton gauche de la souris balayez une zone plus proche de l’autre meuble pour le faire apparaître dans la cuisine près du vaissellier. Vous pouvez définir un autre rayon pour  pour agrandir la pointe de pinceau et aller un peu plus vite !

• Cliquer alors sur la moquette avec Ctrl enfoncée pour fixer cette zone. Puis faites apparaître la moquette sur l’ancien meuble pour l’effacer.

• Pour fignoler votre travail (très long) il faut zoommer votre image. Puis utiliser le panneau de configuration pour mettre une pointe de pinceau plus petite et faire les finitions en douceur.

Les photos de tous ces meubles proviennent du site fabriquant de meubles.

Exercice 1: ouvrir le fichier vache_01.jpg et l’enregistrer dans votre dossier perso. Essayez de faire apparaître la cigogne auprès le vache en utilisant le pinceau à cloner.

Exercice 2 Recouvrir le four à pain four_01.jpg de tuiles à partir des tuiles déja présente

Exercice 3 changer la couleur du drap de billard, billard_01.jpg. L'image du billard provient du site des billards du grand dépot à la Roche de Glun sur la RN 7 

Les images

cigognes_01.jpg

Nissan_01.jpg

four_01.jpg

billard_01.jpg

Vache_01.jpg



meuble_01.jpg

L'image de la vache provient d'une photo de la ferme du chapitre

Le four à pain est une photo d'un four en reconstruction (provient du chapitre)

Les cigognes sont des photos faites dans la baie de somme (photos d'oiseaux)

Et pour bien positionner votre site venez acheter des petites briques de référencement