Traitement de l'image TP n° 1


Écrire votre nom ici

Nom :


Commençons par faire afficher une image

Nous travaillerons avec cette célèbre image

<p style="text-align:left";> </p> Pour utiliser/manipuler des images en Python, il faut utiliser une bibliothèque.

Nous utiliserons la bibliothèque: pillow

Si elle n'est pas déjà installée :

In [0]:
#pip install pillow

Pour ceux qui utilise la version(jupyter) de EduPython:

Exécutez cette cellule au préalable afin d'importer le module display pour l'affichage dans le notebook

In [0]:
from IPython.display import display

Le code suivant affiche l'image

L'image est hébergée sur un serveur et est chargée dans ce notebook

Exécutez le

In [0]:
#chargement des bibliothèques 
from PIL import Image
import requests
from io import BytesIO
# chargement de la photo se trouvant à l'adresse donnée
url=" http://isn-icn-ljm.pagesperso-orange.fr/photo/joconde.png"
response = requests.get(url)
img = Image.open(BytesIO(response.content))
#affichage de l'image
display(img)

Dans tout ce TP la variable img contient l'image téléchargée depuis le serveur

Composition d'une image

  • Une image peut être assimilée à un tableau de pixels
  • Chaque pixel est constitué d'une couleur
  • Une couleur est un mélange de trois couleurs ( rouge, vert , bleu, alpha ) alpha gère l'opacité de l'image
    • (0,0,0) pour le noir
    • (255,255,255) pour le blanc
    • ( 255,0,0) pour du rouge
    • etc ..

Une image est donc constituée de pixels qui contiennent une couleur


Se repérer dans l'image

Imaginons une image de 10 X 10 pixels:

On peut la représenter par le tableau suivant :

<p style="text-align:left";> </p>

Ainsi le pixel 65 a pour coordonnées : ( 5 , 6 )


Le code suivant donne les dimensions de notre image

Exécutez le

In [0]:
# on récupère les dimensions dans les variables largeur et hauteur
largeur,hauteur=img.size
#affichage du résultat
print(largeur," X ",hauteur," pixels")

Le code suivant affiche la couleur d'un pixel au hasard dans l'image

La bibliothèque random et la méthode randint ( random.randint( a , b) ) permet de choisir au hasard un nombre entier entre a et b

Exécutez le

In [0]:
import random
#on récupère les dimensions
largeur,hauteur=img.size

# choix d'un pixel et récupération de la couleur
x=random.randint(0,largeur)
y=random.randint(0,hauteur)
pixel=img.getpixel((x,y))

#affichage du résultat
print(" La couleur du pixel ",(x,y)," est ",pixel)

Récupérer les composantes ( rouge, vert , bleu , alpha) d'un pixel

Comme on le constate avec le programme ci-dessus, la variable pixel contient 4 valeurs : ( rouge, vert , bleu , alpha)

Pour atteindre un élément de pixel :

  • rouge=pixel[0]
  • vert=pixel[1]
  • bleu=pixel[2]
  • alpha=pixel[3]

On peut récupérer ces valeurs dans des variables avec le code suivant :

Exécutez le

In [0]:
import random
#on récupère les dimensions
largeur,hauteur=img.size

# choix d'un pixel et récupération de la couleur
x=random.randint(0,largeur)
y=random.randint(0,hauteur)
pixel=img.getpixel((x,y))

# mise des valeurs des composantes dans des variables
rouge=pixel[0]
vert=pixel[1]
bleu=pixel[2]
alpha=pixel[3]

#affichage du résultat
print("La composante rouge  du pixel de coordonnées " ,(x,y), " est:",rouge)
print("La composante verte  du pixel de coordonnées " ,(x,y), " est:",vert)
print("La composante bleue  du pixel de coordonnées " ,(x,y), " est:",bleu)
print("La composante alpha  du pixel de coordonnées " ,(x,y), " est:",alpha)

Réalisons un filtre rouge

Le code ci-dessous, parcourt tous les pixels de l'image et remplit

une image vierge avec les pixels modifiés de notre image.

La modification effectuée ici est de remplacer toutes les composantes rouges par le maximum soit : 255 </font>

In [0]:
#on récupère les dimensions
largeur,hauteur=img.size
#création d'une image vide de mêmes dimensions
img2=Image.new('RGB',(largeur,hauteur))

# On parcourt l'image avec une double boucle
for x in range(largeur):
    for y in range(hauteur):
        pixel=img.getpixel((x,y))
        #chargement des composantes dans des variables
        rouge=pixel[0]
        vert=pixel[1]
        bleu=pixel[2]
        alpha=pixel[3]
        # remplissage de la nouvelle image
        img2.putpixel((x,y),(255,vert,bleu,alpha))
#affichage des deux images
display(img,img2) 

À faire:

Réalisez ci-dessous un programme qui réalise un filtre vert

In [0]:
# Écrire le programme ici

À faire:

Réalisez ci-dessous un programme qui réalise un filtre bleu

In [0]:
# Écrire le programme ici

À faire:

Réalisez ci-dessous un programme qui réalise la transformation des pixels ( r , v, b, a) en : ( 255 - r, 255 - v , 255 - b , a)

In [0]:
# Écrire le programme ici

Quel nom peut-on donner à cette transformation ?

Réponse :


À faire:

Réalisez ci-dessous un programme qui réalise une transformation que vous imaginerez...

In [0]:
# Écrire le programme ici