Généralités sur les images numériques. Frédéric Tempez Septembre 2017

Documents pareils
Traitement numérique de l'image. Raphaël Isdant

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!

FORMATS DE FICHIERS. Quels sont les différents types d informations numériques dans un document multimédia?

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Voici quelques-unes des questions auxquelles répond cette présentation.

TP SIN Traitement d image

TD : Codage des images

Sur trois couches, on obtient donc 2563 = de couleurs, soit 24bpp (Bit Per Pixel).

Les images numériques. 1. Le dessin vectoriel

Formats d images. 1 Introduction

nom : Collège Ste Clotilde

INFO 2 : Traitement des images

Maintenir un service de traitement de son ou d image d ordinateur

Les images et les animations sur le web. Guérineau Chloé BTS2 Année 2001/2012

PHPWEBSITE -Tutoriel image

Catégories de format d'optimisation

Optimisation et formats d images standards pour le Web Par Thierry Goulet Web Designer, ministère de la Sécurité publique. Plan de conférence

Initiation à linfographie

Création de maquette web

Utiliser le logiciel Photofiltre Sommaire

Cours de numérisation sur Epson Perfection

Outils permettant la diffusion de l information. Un point sur le droit numérique

Optimiser les images pour l affichage sur votre site

Module Transférer/récupérer ses photos de son appareil vers son ordinateur

Usage des photos pour Internet et pour la presse

Structure du format BMP, sa lecture, sa construction et son écriture

Modules Multimédia PAO (Adobe)

Comment optimiser dans ImageReady?

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

L infographie pour la sérigraphie artisanale

Le poids et la taille des fichiers

Button Manager V2 Guide de l utilisateur

Chapitre 13 Numérisation de l information


Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

1AN. e n 19" FicheS Techniques. PLV - Dynamique. caractéristiques techniques. dimensions dela structure

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Plan d études. Traitement visuel 2D. Techniques d intégration multimédia HU. legault/2d/ 1-2-2

La solution universelle la plus performante qui soit! Retouche photo Graphisme Mise en page Haute qualité, intuitivité, rapidité

Analyse d images. Edmond.Boyer@imag.fr. Edmond Boyer UFRIMA 1

PHOTOSHOP - L'AFFICHAGE

Programme de formation Photoshop : Initiation 24 heures de formation (3 jours) 1/2

Merci de suivre les indications suivantes afin de créer votre compte membre :

Photoshop Séquence 4 - Créer une image de taille personnalisée taille

Fonction Memory Viewer

Ecran : Processeur : OS : Caméra : Communication : Mémoire : Connectique : Audio : Batterie : Autonomie : Dimensions : Poids : DAS :

Gordon Campey Novembre 2013

Hiver 2013 IMN 259. Introduction à l analyse d images. Par Pierre-Marc Jodoin

Ateliers Bureautique et Internet

Création d un fichier de découpe

4/10. ext. MODE MODE. graphique. format ENREGISTREMENT. graphique 6/10 4/10 6/10. Cours E.Faÿs

1 Comment faire un document Open Office /writer de façon intelligente?

Chap17 - CORRECTİON DES EXERCİCES

Xara Xtreme Pro 4 Edition Image & Photo

1. Avoir un fichier InDesign correct :

Tutoriel de FastStone Image Viewer

Certificat Informatique et internet Niveau 1 TD D1. Domaine 1 : Travailler dans un environnement numérique évolutif. 1. Généralités : Filière

Proposition année universitaire-informatique ( )

Les technologies numériques à l usage des professionnels de la communication

Spécifications techniques

La photo numérique et les logiciels libres. Asie Photos

Manuel d'utilisation de l'administration du site Japo.ch - 1

Formats de fichiers pris en charge

Spétechs Mobile. Octobre 2013

SpeechiTablet Notice d utilisation

Préparation d un post (article) pour idweblogs

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Eternelle question, mais attention aux arnaques Question qui est souvent mise en premier plan => ce n est pas une bonne idée

Fiches pratiques IMAGE NUMÉRIQUE Niveau 1

Button Manager V2 Guide de l utilisateur

Dossier 03 Périphériques d acquisition

Dans l Unité 3, nous avons parlé de la

L impression numérique

WORDPRESS : réaliser un site web

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

PHOTOSHOP INDESIGN ILLUSTRATOR

BR-Docs guide d applications mobile Android

Une passion, une formation, un métier... pour votre avenir

Cyber-base du Pays Martégal. Atelier «Découverte de l ordinateur»

Formats de fichiers adaptés à l'archivage électronique à moyen et long terme

Comme chaque ligne de cache a 1024 bits. Le nombre de lignes de cache contenu dans chaque ensemble est:

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,

Optimiser les s marketing Les points essentiels

EXEMPLE DE PAGE : FORMAT A4 (210X297)

Images fixes et photos

Preliminary Spec Sheet

Les tablettes. Présentation tablettes Descriptif Fournisseurs Caractéristiques Comparatifs Conseils Perspectives Démonstration

Créer une présentation avec

Tablette 10.1 Fine & Performante Quad-Core! ASUS

Spécifications Techniques - Tablettes

Système d'impression multifonction numérique couleur grand format RICOH. Copieur Imprimante Scanner RICOH MP CW2200SP. N&B 3,4 ppm Couleur 1,1 ppm

Cahier des Clauses Techniques Particulières

BACCALAURÉAT TECHNOLOGIQUE STD ARTS APPLIQUÉS

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences

L adaptateur Bluetooth BU-20 Guide d impression. Sommaire Avant de commencer...2 Précautions...3 Impression...4

Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images :

Synthèse d images Edmond Boyer

Transcription:

Généralités sur les images numériques Frédéric Tempez Septembre 2017

Index 1. Image vectorielle vs image matricielle 2. Codage RVB 3. Formats des images matricielles 4. Images vectorielles 5. Appareil photo numérique 6. Définition vs Résolution 7. Images imprimées 8. Images pour le Web ou la bureautique 9. Ratio d image 2

Image vectorielle vs image matricielle 3

Différences : Une image matricielle : est constituée par des points : les pixels redimensionnement avec perte de qualité ; image avec dégradés ; Une image vectorielle : est constituée par des courbes : vecteurs redimensionnement sans perte de qualité ; image simple (absence de dégradés) ;

Les images matricielles en noir et blanc Blanc et noir intégral, dessin au trait Chaque pixel est codé sur un bit (0 ou 1 pour blanc et noir) Plans, pages de texte pour OCR, signature scannée, etc.. Niveaux de gris Chaque pixel est encodé sur un octet soit 256 nuances de gris Dans les 2 cas : poids faible même sans compression 5

Représentation des images matricielles RVB ou RGB Pour les écrans synthèse additive Quadrichromie (CMJN) Pour les imprimantes synthèse soustractive 6

Encodage du RVB 3 octets sont nécessaires pour définir un pixel 1 octet pour le Rouge, 1 octet pour le Vert, 1 octet pour le Bleu Soit 256 nuances par couleur de base Combien de nuances dans un pixel? 256 x 256 x 256 soit 16 millions de couleurs. 7

RVB - Synthèse additive Principe de la synthèse additive : cf lien Moodle Mélanges en synthèse additive : cf lien Moodle

Couleurs complémentaires

CMJN synthèse soustractive Images encodées en 32 bits (4x8bits), ou plus Fonctionnement de la synthèse soustractive : lien Moodle 10

Poids d'une image numérique RVB non compressée Calcul du poids d une image RVB non compressée, formule = Largeur x Hauteur x 3 octets Quel est le poids d une petite image de 2 Mp (1600 x 1200)? 1600 pixels x 1200 pixels x 3 octets 5 760 000 octets 5,7 Mo 11

Profondeur des couleurs La profondeur de l image nombre de couleurs. Elle varie aussi selon le format d enregistrement de l image, exemples : GIF - 8 bits soit 256 couleurs JPG - 24 bits soit 16 millions de couleurs 3 octets de 8 bits (un par pixel) soit 24 bits Nombre de couleurs, 256 x 256 x 256 soit 16 777 216 TIFF 32 bits pour l impression 4 octets de 8 bits soit 32 bits 12

Les formats de fichier Bitmap : le JPEG JPEG (Join Photograph Expert Group) Profondeur : 24 bits et 32 bits Usages : WEB Photo numérique PAO professionnelle Compression destructive paramétrable Ne peut pas contenir de calque CE N EST PAS UN FORMAT DE TRAVAIL MAIS DE PUBLICATION 13

Le format TIFF Tag Image File Format Créé en 1988 par Microsoft et Aldus (Adobe) Profondeur : 24 bits et 32 bits Usages : Format de TRAVAIL PAO et infographie Supporte de nombres codages RVB, CMJN, etc.. Supporte de nombreux algorithmes de compression non destructif Supporte la transparence, couche ALPHA Avantages : Qualité des images Universalité Inconvénient : Compression peu efficace, poids élevé C EST UN FORMAT DE TRAVAIL MAIS PAS DE PUBLICATION EN LIGNE 14

Le format BMP Bitmap, format interne Microsoft Profondeur 24 bits Usage : Bureautique Compatibilité avec d anciens logiciels sous Windows Compression inefficace (algorithme RLE) Avantages : Compatibilité Inconvénients : Poids des fichiers 15

Le format GIF Graphics Interface Format Créé en 1987 par Compuserve Profondeur : 8 bits. Jusque 256 couleurs dans une palette Compression non destructive, transparente Usages : Format d Internet Avantages : Animations Inconvénients : Qualité d image 16

Le format PNG Portable Network Graphic Profondeur : de 8 à 64 bits Format libre Usage : Internet Cliparts Images RVB Compression sans perte peu efficace Niveau de transparence, couche ALPHA en 256 couleurs Affichage progressif dans un navigateur 17

Les images pour le Web ou la bureautique Formats de publication : Cliparts : PNG Photographies, textures : JPEG Format de TRAVAIL : TIFF ou interne Publication en ligne ou usage bureatique : Réduire fortement la taille de l image (aussi une méthode pour protéger une image contre le vol) : 640 pixels de large max Augmenter la compression Images originales : - Insérer un copyright par Water mark - Compléter les métadonnées EXIF 18

L appareil photo numérique Capteur CCD : capture la lumière grâce à des photo-sites Il y a deux fois plus de photo-sites verts 19

Le capteur CCD L ÉLECTRONIQUE transforme des photons en PIXELS, selon le codage RVB La DÉFINITION = nombres de pixels du capteur Exemple CANON IXUS 145 Programmes Dimensions L : 16 Mp 4608 X 3456 M1 : 8 Mp 3264 x 2448 M2 : 3 Mp 2048 x 1536 S : 0,3 Mp 640 x 480 WIDE 4608 x 2592 20

Définition ou Résolution Définition = Nombre de pixels d une image ou d un dispositif d'acquisition un APN, un smartphone Résolution? Densité de pixels d un dispositif d impression ou d affichage Noté en DPI (Dot Per Inch) ou PPP (Points par Pouce) 21

Notion de résolution La RÉSOLUTION s'applique à un dispositif de sortie (imprimante, écran, vidéoprojecteur, etc..) : Écran (web ou diaporama) : densité faible 75 DPI Impression standard : 150 DPI Impression qualité photo, densité optimale 300 DPI 22

Taille de l'image imprimée Comment déterminer la dimension d'une image imprimée formule : (largeur de l image en pixels/ densité en pouces) x 2,54 Une image de 1600 x 1200 pixels (2 Mp) imprimée sur une imprimante à 300 DPI (mode photo)? 1600 / 300 = 5,33 pouces 5,33 pouces x 2,54 cm 13, 5 cm (largeur en cm) Correspond au format 10 x 15, dit carte postale. Appareil photo sur 2 Mégapixels pour disposer d une qualité suffisante pour imprimer en 10x15 23

Impression d une image de Webcam Taille de l image 1280 x 768 imprimée en 300 DPI? (Webcam de 1 Mp) 1280 / 300 4,26 pouces Soit 10 cm de large Définition insuffisante pour une impression de qualité. Restitution sur un écran à 72 DPI? (1280/72)*2,54 = 45 cm -> Taille adaptée (vidéo conférence) Pour une image de Webcam bas de gamme (640 x 480 de 0,3 Mp) imprimée ou affichée? Imprimée = 5,4 cm Affichée = 22 cm 24

Dimension idéale pour imprimer en A4 Vous souhaitez prendre des photos pour les imprimer au format A4. Quel programme choisir? 25

Dimension idéale pour imprimer en A4 Taille A4? 21 x 29,7 cm Conversion en pouces? 29,7 cm / 2,54 soit 11,69 pouces Quel densité en DPI? 300 DPI On multiplie le nombre de pouces par la densité de 300 DPI soit 11,69 x 300=3507 pixels Formule : (largeur en cm / pouces ) * densité = nombre de pixels 26

Définition idéale pour imprimer en A4? 27

Ratio des images numériques Proportion entre largeur et hauteur, les ratios sont liés à l appareil : Le 3/2 : rapport 1,5 Appareil reflex ou compact haut de gamme Impression en 10x15 Issu de la photographie argentique (24x36) Le 4/3 : rapport 1,33 Les compacts ou les bridges Les smartphones Impression en 10x13 cm ou 11,5x15 cm 28

Formats spécifiques Le format 16/9 rapport 1,7 Destiné à la création de diaporamas diffusés sur un écran LED ou LCD Le format 1/1 Format carré Certaines applications (Instagram) Les formats des panoramistes : 1/2, 1/3 et 1/4 29