Le codage des images Une image peut-être aquise (appareil photo, scanner) ou créée avec un programme Puis elle peut être traitée : filtres, retouches...

Présentation au sujet: "Le codage des images Une image peut-être aquise (appareil photo, scanner) ou créée avec un programme Puis elle peut être traitée : filtres, retouches..."— Transcription de la présentation:

1 Le codage des images Une image peut-être aquise (appareil photo, scanner) ou créée avec un programme Puis elle peut être traitée : filtres, retouches... Et elle peut être stockée et/ou imprimée

2 Images bitmap ou vectorielle ?
Image vectorielle Image bitmap

3 Nombre de pixels Image en taille réelle de 1000 pixels
Un smartphone moyen aujourd'hui prends des photos d'environ 5 millions de pixels Un écran d'ordinateur aujourd'hui à une résolution moyenne de 1million de pixels Agrandissement du coin supérieur gauche : 1 carré correspond à 1 pixel

4 Codage des couleurs L'information est codée à l'aide de 0 et de 1 : c'est donc un codage binaire. Ainsi, L'élément codé sur 1 bit n'a que 2 possibilités : noir ou blanc. L'élément codé sur 8 bits a (2 puissance 8) possibilités : 256 couleurs 8Bits = 1 octet, donc 16 bits = 2 octets et 24 bits = 3 octets....

5 Composition des couleurs en RGB

6 En images...

7 Différents formats, différentes utilisations...
Formats compressés dits « lossy » comme le JPEG. 348 Ko, données conservées 11.8 Ko, couleurs perdues mais poids minimal Gain de place de presque 97 % !

8 Compression progressive d'une image

9 Formats et transparence
Format JPEG qui ne supporte pas la transparence Format GIF ou TIFF ou BMP supportant la transparence color: rgb(red, green, blue, opacity);

10 Compression d’images Logo repésentant une compression

11 Avec Perte / Sans Perte .zip .cab .rar .ace .7z .tar .gzip...
-réduction de l'information basée sur notre propre limite humaine à percevoir ces médias. -utile pour les transmissions à bas débit, mais dégrade la qualité de l'image restituée -Exemples de logiciels de compression avec perte : .jpg .gif -coder les données binaires de manière plus concise dans un fichier -retrouver la totalité des informations après une procédure de décompactage -Exemples de logiciels de compression sans perte : .zip .cab .rar .ace .7z .tar gzip... Avec Perte / Sans Perte

12 Codage Base 64 -codage de l'information utilisant 64 caractères
-Principalement utilisé pour la transmission de messages (courrier électronique et forums) sur l'Internet

13 Intégration HTML -L’encodage des images en base64 est une des bonnes pratiques d’optimisation web. -Cet encodage transforme un fichier image en suite de caractère. -Permet de diminuer considérablement le nombre de requêtes envoyées au serveur web par le navigateur. Image extérieur à la page web: <img src=" content/uploads/2011/06/base64.jpg" alt="aperçu d'une image encodée en base64" /> Image encodé dans le code HTML de la page web: <img src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQE ASABIAAD/2wAGADABg D//Z" alt="aperçu d'une image encodée en base64" />

14 Fonctionnement des pixels sur un écran
Il est important de ne pas confondre un picture element avec un pixel de l'écran d'ordinateur

15 Liens utiles & Sources Compression facile par lots : Image vers base64 : Image en « pixels » : Créer des images avec Paint.net : Image bit-map vers vectorielle : mm/formatfichier.htm traitement_numerique_de_l%27image.pdf