Feat: cours sur les images en gris et couleurs

This commit is contained in:
Bertrand Benjamin 2020-11-26 14:01:11 +01:00
parent 7029b0a2ab
commit 615ef1d8d5
14 changed files with 88 additions and 3 deletions

View File

@ -65,7 +65,7 @@ On a vu qu'une image numérique était un tableau de pixels. Pour stocker une im
Fichier en "presque binaire" Fichier en "presque binaire"
\begin{lstlisting}[language=Python, basicstyle=\small, frame=] \begin{lstlisting}[language=Python, basicstyle=\small, frame=]
P3 P1
5 8 5 8
1 0 0 0 1 1 0 0 0 1
0 1 0 1 0 0 1 0 1 0

Binary file not shown.

View File

@ -0,0 +1,67 @@
\documentclass[a4paper,10pt]{article}
\usepackage{myXsim}
\author{Benjamin Bertrand}
\title{Image Numérique - Cours}
\date{novembre 2020}
\pagestyle{empty}
\begin{document}
\maketitle
\subsection*{Images en niveau de gris}
Pour décrire une image en niveau de gris, on ne peut plus utiliser qu'un seul bit. Il faut en utiliser plusieurs. Ci-dessous vous trouverez le nombre de gris différents que l'on peut obtenir en fonction du nombre de bits utilisé.
\begin{center}
\includegraphics[scale=0.2]{./fig/niveauGris}
\end{center}
Voici l'exemple d'une image \textbf{bitmap} codée avec 256 niveaux de gris soit 8bits ou 1 octet par pixel
\begin{minipage}{0.5\linewidth}
\includegraphics[scale=0.2]{./fig/gris}
\end{minipage}
\begin{minipage}{0.5\linewidth}
Fichier en "presque binaire"
\begin{lstlisting}[language=Python, basicstyle=\small, frame=]
P2
3 3
255
0 128 255
100 50 100
10 20 30
\end{lstlisting}
\end{minipage}
\afaire{compléter le fichier pour coder l'image}
\subsection*{Images en couleurs}
Il y a différentes façon de coder une couleur en informatique, nous en avons étudié une: RGB Rouge Vert(Green)BLEU. Chaque pixel est codé par 3 nombres un pour le niveau de rouge, un pour le niveau de vert et un dernier pour le niveau de bleu.
Si l'on choisit 256 niveaux par couleur soit 8 bits ou 1 octet alors il faudra 3 octets par pixel.
\begin{minipage}{0.5\linewidth}
\includegraphics[scale=0.2]{./fig/couleurs}
\end{minipage}
\begin{minipage}{0.5\linewidth}
Fichier en "presque binaire"
\begin{lstlisting}[language=Python, basicstyle=\small, frame=]
P3
3 3
255
255 0 0 0 255 0 80 80 80
255 255 0 0 0 0 100 100 100
0 0 255 255 0 80 80 80 0
\end{lstlisting}
\end{minipage}
\end{document}

View File

@ -0,0 +1,6 @@
P3
3 3
255
255 0 0 0 255 0 80 80 80
255 255 0 0 0 0 100 100 100
0 0 255 255 0 80 80 80 0

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,6 @@
P2
3 3
255
0 128 255
100 50 100
10 20 30

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 594 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 578 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 828 B

View File

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

View File

@ -2,7 +2,7 @@ Image Numérique
############### ###############
:date: 2020-11-03 :date: 2020-11-03
:modified: 2020-11-10 :modified: 2020-11-26
:authors: Benjamin Bertrand :authors: Benjamin Bertrand
:tags: Python, Image :tags: Python, Image
:category: SNT :category: SNT
@ -40,12 +40,18 @@ Se pose ensuite la question des niveaux de gris. Idem avec notepad++ et les BMP
Enfin, on recommence avec la couleur et BMP P3. Enfin, on recommence avec la couleur et BMP P3.
Cours: Notion de bit, d'octet. Images NB, niveau de gris et couleurs Cours: Notion de bit, d'octet. Images NB
.. image:: ./2B_bits_images.pdf .. image:: ./2B_bits_images.pdf
:height: 200px :height: 200px
:alt: Image bitmap et noir et blanc :alt: Image bitmap et noir et blanc
Cours: image gris et couleurs
.. image:: ./2B_gris_couleurs.pdf
:height: 200px
:alt: Image bitmap en gris et couleurs
Étape 3: Les couleurs des images Étape 3: Les couleurs des images
================================ ================================