Raitement

Le document traite du traitement d'image, en abordant des concepts tels que les pixels, la résolution, la profondeur de couleur, et les types d'images numériques. Il explique également les différences entre PPI et DPI, la compression d'image, ainsi que les filtres et effets appliqués aux images. Enfin, il présente les formats d'image les plus utilisés et leur utilisation pédagogique dans l'apprentissage.

Transféré par

grt5rvtndb

Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.

Formats disponibles

Téléchargez aux formats PPTX, PDF, TXT ou lisez en ligne sur Scribd

0% ont trouvé ce document utile (0 vote)

12 vues33 pages

Raitement

Transféré par

grt5rvtndb

Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.

Formats disponibles

Téléchargez aux formats PPTX, PDF, TXT ou lisez en ligne sur Scribd

T RAITEMENT

D ‘IMAGE

Hanane Bahoussi
Hafsa Bahssi
Plan
usage pedagogique d image
pixel
resolution
profondeur de couleur
types d images numeriques
PPI & DPI
compression d image
Plan
filtres
effets
conversion d image
formats d image
creation et edition d image :TP
Usage pédagogique des images

Les images facilitent la compréhension des concepts et rendent

l'apprentissage plus attrayant.

Elles permettent de diversifier les supports pédagogiques et de

capter l'attention des apprenants.
pixel:
• Un pixel est le plus petit élément d'une image numérique.
• Chaque pixel contient une valeur qui représente une intensité
lumineuse (en niveaux de gris) ou une couleur (en RVB ou autre
modèle).
👉 Exemple :
• En niveaux de gris 8 bits : 1 pixel = valeur entre 0 (noir) et 255
(blanc)
• En couleur RVB 24 bits : 1 pixel = 3 valeurs entre 0 et 255 pour
Rouge, Vert et Bleu.
difference entre pixel et pouce
• Un pixel (abréviation de picture element) est le plus petit point
composant une image numérique.
• Il n’a pas de taille physique intrinsèque. Sa "taille" dépend de
l’écran ou de l’impression.
• Il représente une valeur de couleur ou de luminosité.
• 👉 Exemple : une image de 1920×1080 a 2 073 600 pixels.
difference entre pixel et pouce
• Pouce = unité physique (réelle)
• Un pouce (inch) est une unité de longueur réelle :
• 📏 1 pouce = 2,54 cm
• Utilisé pour mesurer :
• La taille physique d’un écran (ex. écran 15,6 pouces)
• La densité de pixels (PPI) ou points imprimés (DPI)
comparaison rapide

Terme Type d’unité Utilisé pour Exemple

Résolution numérique,
Pixel Logique (image) 1920 × 1080 pixels
couleur

Physique
Pouce Taille d’écran, impression 1 pouce = 2,54 cm
(longueur)
resolution:
• Définition : La résolution représente le nombre total de pixels
dans une image.
• Elle est généralement exprimée en :
• Taille en pixels (ex. : 1920 × 1080)
• Densité en dpi (dots per inch) pour l'impression (ex. : 300 dpi)
• 📌 Plus la résolution est élevée :
• Plus l’image est détaillée.
• Plus la taille mémoire est importante
Profondeur de couleur (Color
Depth)
• Représente le nombre de bits utilisés pour coder la couleur ou
l’intensité d’un pixel.
• Exemples :
• 1 bit → noir et blanc (0 ou 1)
• 8 bits → 256 niveaux de gris
• 24 bits → 16,7 millions de couleurs (8 bits pour R, G, B)
• 32 bits → 24 bits couleur + 8 bits transparence (canal alpha)
Types d’images numériques
PPI (Pixels Per Inch) – Résolution
d’affichage
• Définition : Nombre de pixels affichés par pouce sur un écran.
• Plus le PPI est élevé, plus les pixels sont petits et denses, donc
l'image est plus nette.
• Dépend de :
⚬ la résolution (ex : 1920×1080)
⚬ la taille physique de l’écran (en pouces)
📌 Exemple :
• Un écran 15" en Full HD (1920×1080) → environ 146 PPI
• Un smartphone moderne peut atteindre 300 à 500 PPI
DPI (Dots Per Inch) – Résolution
d’impression
• Définition : Nombre de points d’encre imprimés par pouce sur le
papier.
• Utilisé dans le domaine de l’impression, surtout pour les
imprimantes laser, jet d'encre, etc.
• Plus le DPI est élevé, meilleure est la qualité d’impression.
📌 Exemple :
• Impression standard : 300 DPI
• Impression de haute qualité photo : 600 à 1200 DPI
compression d image

La compression d’image est un processus qui permet de réduire la

taille d’un fichier image, tout en essayant de conserver sa qualité
visuelle (si possible). Elle est essentielle pour économiser de l’espace
de stockage et accélérer le transfert ou l’affichage des images (sites
web, applications, etc.).
types de compression d image
Compression sans perte (lossless)
• Aucune information n’est perdue.
• Permet de reconstituer exactement l’image originale.
• 📁 Formats : PNG, BMP, GIF, TIFF (sans perte)
• ➕ Idéal pour :
⚬ Dessins techniques, graphiques
⚬ Images avec peu de couleurs
⚬ Archivage de qualité
types de compression d image
• Certaines informations sont supprimées pour gagner plus de
place.
• La qualité visuelle est réduite, mais souvent peu perceptible à
l’œil nu.
• 📁 Formats : JPEG, WebP (avec perte), HEIC
• ➕ Idéal pour :
• Photos
• Applications web ou mobiles
• Réseaux sociaux
Comparaison rapide
Format Compression Perte de qualité ? Taille Usage courant

Logos,
PNG Sans perte Non Moyenne
graphismes

JPEG Avec perte Oui (réglable) Faible Photos

WebP Mixte Oui ou non Très faible Web

Imagerie
TIFF Sans perte Non Élevée médicale,
archives
Un filtre (ou masque)
• Un filtre modifie une image en appliquant une opération
mathématique sur les pixels. On parle aussi de filtrage.
• 🎯 Objectif :
• Lisser (flouter), affiner, détecter des contours, réduire le bruit, etc.
• ⚙️Fonctionnement :
• Un masque (matrice) est appliqué localement autour de chaque
pixel pour en recalculer la valeur.
exemple
Type de filtre Fonction Effet visuel

Moyenne des pixels

Filtre moyenneur Flou léger
voisins

Supprime le bruit "sel

Filtre médian Valeur médiane locale
et poivre"

Filtre Sobel/Canny Calcul de dérivées Détection de contours

Un effet

• Un effet est un traitement plus "artistique" ou "graphique"

appliqué à une image. Il peut utiliser un ou plusieurs filtres, mais a
un objectif esthétique ou visuel.
• 🎯 Objectif :
• Donner un style visuel particulier à une image.
exemple
Effet Description Résultat

Noir et blanc Supprime la couleur Image en niveaux de gris

Sépia Teinte brun-orangé Aspect ancien/vintage

Négatif Inverse les couleurs Comme un film photo

Flou de mouvement Simule un déplacement rapide Flou directionnel

Relief (emboss) Simule la 3D Ombres artificielles

conversion d image :

• Une conversion transforme une image d’un format ou type à

un autre (sans forcément modifier son apparence visuelle).
• 🎯 Objectifs :
• Modifier le format de couleur, le type de pixel, ou le format
de fichier.
exemples
Type de conversion Explication Usage

RVB → niveaux de gris Enlève les couleurs Traitement simplifié

PNG → JPEG Format avec/sans perte Alléger un fichier

8 bits → 16 bits Plus de précision de pixel Imagerie médicale, scientifique

Séparer
Image couleur → HSV teinte/saturation/luminosit Détection de couleur
é
Les formats d'image les
plus utilisés
Les formats d'image les plus utilisés

JPEG (.jpg) PNG (.png) GIF (.gif) SVG (.svg) PSD (.psd)
Les formats d'image les plus utilisés