INFOGRAPHIE & ARTS PLASTIQUES

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

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

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

INFO 2 : Traitement des images

Optimiser les images pour l affichage sur votre site

TD : Codage des images

PHPWEBSITE -Tutoriel image

Création de maquette web

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

TP SIN Traitement d image

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

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

nom : Collège Ste Clotilde

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

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

Initiation à linfographie

Les images numériques. 1. Le dessin vectoriel

Utiliser le logiciel Photofiltre Sommaire

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

Formats d images. 1 Introduction

Usage des photos pour Internet et pour la presse

Supports. Images numériques. notions de base [1]

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

Le poids et la taille des fichiers

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

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

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

Catégories de format d'optimisation

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

Fonction Memory Viewer

Services internet gratuits. La PICASA Google avec son espace client. Cliquez ici

Cours de numérisation sur Epson Perfection

Comment optimiser dans ImageReady?

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

Plan. Avant de créer son site. Quelques logiciels complémentaires

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Leçon N 3 Quelques logiciels utiles

Les outils de dessin. Sweet Home 3D 1 EAI NEWS

Comment échanger des données (fichiers) en format «STANDARD» lisibles par tous, quelque soit le programme et la version utilisés

Modules Multimédia PAO (Adobe)

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

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

Préparation d un post (article) pour idweblogs

Faire de la déformation interactive avec GIMP

Button Manager V2 Guide de l utilisateur

PHOTOSHOP - L'AFFICHAGE

Images fixes et photos

Manuel Utilisateur Version 1.6 Décembre 2001

«Atelier de retouche d image, améliorez et optimisez

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

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

Optimiser les s marketing Les points essentiels

THEME RESPONSIVE DESIGN

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

BR-Docs guide d applications mobile Android

FAQ Questions sur la «signature électronique»

Formats de fichiers pris en charge

EXEMPLE DE PAGE : FORMAT A4 (210X297)

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

Formats et logiciels dessins

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

Réalisation d un diaporama en haute définition avec. Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0. Encodage pour Internet

Amérique du Nord et du Sud : International :

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

Mon Compte. Guide Utilisateur. Guide Utilisateur "Mon compte" Simple, pas cher Efficace!

Présentation. Référenciel : textes officiels

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

Animation Shop PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3

Organiser ses photos sur l ordinateur

GESTION DU LOGO. 1. Comment gérer votre logo? Format de l image Dimensions de l image Taille de l image 9

Pop-Art façon Roy Liechtenstein

Leçon N 5 PICASA Généralités

Créer une présentation avec

Création d un fichier de découpe

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

ANNEXE. PROGRAMME DES FORMATIONS DISPENSÉES AU CLUB MONTALEAU (ANNÉE 2014/2015)

L espace de travail de Photoshop

Utilisation de XnView

FICHE 1 : GENERALITES SUR INTERNET EXPLORER

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

Importation et exportation de contenu

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

Logiciel ArpentGIS-PC Guide de l utilisateur

iproof-x & LF Guide de l Utilisateur pour Imprimantes à Jet d encre Epson

Silfid : Agence de création de site internet, formations et Conseils Retour sommaire

ELO Office / Pro Les avantages : Archivage et gestion documentaire

MODE D EMPLOI DU MODULE D E-COMMERCE

Réalisez votre propre carte de vœux Éléctronique

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

Applications KIP Cloud Guide de l utilisateur

Fascicule 1.

CMS Modules Dynamiques - Manuel Utilisateur

Transférer et enregistrer les photos sur l'ordinateur

PR OC E D U RE S D E B A S E

L infographie pour la sérigraphie artisanale

COMMENT CREER VOS BANDES GRAND FORMAT?

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

Transcription:

INFOGRAPHIE & ARTS PLASTIQUES TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR SUR LES IMAGES NUMERIQUES...... sans jamais avoir osé le demander! Présentation réalisée pour le stage Infographie et arts plastiques 2006 JP FATOUT 2006

PREMIERE PARTIE C EST QUOI, UNE IMAGE NUMERIQUE?

Les images numériques Une image numérique est une image virtuelle qui n existe que dans la mémoire de l ordinateur ou dans un fichier sous la forme d une suite numérique binaire (1 ou 0) qui décrit l image telle qu elle doit apparaître sur l écran de l ordinateur ou dans l imprimante. Il existe deux types d images numériques : 1. les images VECTORIELLES 2. les images BITMAP

1. Les images vectorielles Les images vectorielles sont définies par des courbes mathématiques : segments de droites, arcs de cercles ou courbes complexes (courbes de Bézier). Ces courbes sont définie à partir de quelques paramètres, (par exemple un cercle est défini par les coordonnées du centre et la longueur du rayon ). Chaque objet peut être modifié, déplacé, agrandi, sans perte de qualité en modifiant ces paramètres. Ce mode de définition de l image permet d'obtenir un fichier image léger, et donc facilement transportable.

1. Les images vectorielles Image vectorielle Photo du tableau Principaux formats : EPS [Encapsulated Post-Script] AI [Adobe Illustrator] SVG (Inkskape)

1. Les images vectorielles Le défaut de ces images est d être un peu trop rigides au niveau des formes, elles se prêtent surtout à l illustration (logos, icônes, ClipArt), à la typographie et à la CAO (Conception Assistée par Ordinateur). Pour obtenir des effets subtils de texture, des dégradés, ou pour des photographies, on utilisera plutôt les images bitmap.

2. Les images bitmap Une image bitmap est composée d une multitude de petits points appelés «pixels» La qualité et la précision d une image dépend évidemment de la finesse des pixels 72 pixels par pouce 14 pixels par pouce

2. Les images bitmap l agrandissement d une image bitmap fait apparaître les pixels

La définition d'une image bitmap Ne confondez pas : La dimension en nombre de pixels sur la longueur et sur la largeur de l image Et sa définition, exprimée en pixels par pouce ou DPI (Dot Per Inch) En gardant le même nombre de pixels en longueur et en largeur, une image n aura pas la même taille sur l écran ou à l impression si l on change sa définition ou si l on change la définition de l écran ou de l imprimante.

La dimension réelle d'une image numérique Ainsi, une image de 640 x 480 pixels en 72 DPI, mesure : 16,8 x 12,7 cm sur un écran configuré à 1280 x 1024 pixels (elle ne remplit pas tout l écran) 27 x 21,5 cm sur un écran configuré à 800 x 600 pixels (elle ne sera donc pas visible en entier) mais seulement 5,4 x 4 cm imprimée à 300 DPI

La dimension réelle d'une image numérique Pour s entraîner à travailler des images avec un logiciel de dessin, 640x480 px en 72 DPI est un choix raisonnable. Si vous souhaitez en faire par la suite un tirage papier, il faudra préférer une définition de 300 DPI Si vous souhaitez que l image occupe en totalité un écran défini en 1280 x 1024 pixels, elle devra bien sûr mesurer 1280 x 1024 pixels en 72 DPI de définition.

EN RESUME Vous devez choisir la définition et la taille en pixels de vos image en fonction de leur destination. Mais aussi en fonction des capacités mémoire de votre ordinateur (mémoire vive et mémoire de stockage) pour pouvoir travailler rapidement.

EN RESUME Et n oubliez pas que : la dimension réelle de l image dépend à la fois du nombre de pixels en longueur et en largeur et de la définition de l écran ou de l imprimante Lorsqu on augmente la dimension d une image on élève au carré le nombre de pixels et donc, dans la même proportion, la taille du fichier.

DEUXIEME PARTIE LE STOCKAGE DES IMAGES NUMERIQUES

Enregistrement des images numériques Chaque pixel d une image bitmap est enregistré par une suite de nombres binaires ( 0 ou 1, c est tout ce que l ordinateur est capable de comprendre!) Il faut 3 octets de mémoire pour enregistrer 1 pixel d une image en True colors (16 millions de couleurs), Une image de 1.000 x 1.000 pixels requière donc 3 Mega octets de mémoire pour mémoriser 1 million de pixels. (pour mémoire une disquette permet de stocker seulement 1,4 %Mo)

Problèmes de stockage Il faudrait donc 2 disquettes pour stocker cette seule image! Avec une connexion par modem qui délivre environ 1.500 octets par seconde (quand tout va bien!), il faudrait 33 minutes pour transférer cette image! Avec l ADSL 512 kb (64 ko) disponible à la Réunion qui débite à peine 5.000 octets par seconde, il faudrait quand même 10 minutes.

Nécessité de compresser les images Pour réduire la taille des fichiers, il y a deux solutions : 1.Réduire la taille ou la définition des images, mais elles risquent alors d être, soit trop petites, soit pixelisées, 2.Compresser les données tout en préservant au maximum les caractéristiques des images (dimensions, définition, nombre de couleurs...)

Nécessité de compresser les images C est la compression des fichiers qui est généralement utilisée. Le format d enregistrement (et donc le mode de compression) sera choisi en fonction de la nature, de la qualité et de la destination de l image. Car, plus le taux de compression est élevé, moins l'image occupe de place en mémoire, mais plus elle est dégradée!

TROISIEME PARTIE LES FORMATS D ENREGISTREMENT DES IMAGES NUMERIQUES

Format non compressés BMP Acronyme de BitMaP (développé par Microsoft et IBM) Tous les pixels de l image sont mémorisés sous forme de tableau de points. Ce format, acceptable pour une image en noir et blanc, est très gourmand en mémoire pour des images en True Colors. Par exemple, il faut 1.4 Mo pour stocker une image de 800 x 600 px (juste la capacité d une disquette).

Format non compressés BMP Le format BMP a l avantage d être lisible par quasiment tous les visualiseurs et éditeurs d'images. C est le format d enregistrement par défaut de PAINT On l utilise pour créer et travailler une image sur un ordinateur performant, Mais surtout ne jamais tenter d en envoyer par e.mail ou de mettre dans une page web une image au format BMP!

Formats compressés sans perte de qualité TIF et PCX Tag(ed) Image File Format La taille du fichier est réduite au moyen d'un algorithme mathématique permettant d'éliminer les répétitions. Capables de mémoriser les millions de couleur d une image de taille illimitée sans perte de qualité, mais les fichiers restent encore très volumineux. C est souvent le format par défaut des scanners et on le trouve sur certains appareils photos. (à ne pas transmettre non plus par e.mail!)

Format compressé sans perte de qualité GIF Acronyme de Graphics Interchange Format (Mis au point par CompuServe pour le téléchargement) Le format GIF réduit très fortement la taille des fichiers en limitant le nombre des couleurs à 256. Il gère la transparence et permet donc d obtenir des images aux contours irréguliers. Il permet aussi d enregistrer des images animées.

Format compressé sans perte de qualité GIF Il n'y a donc pas de perte de qualité si le nombre de couleurs est au départ inférieur ou égal à 256 couleurs, mais il y en a si on l utilise pour enregistrer une photo comportant des dégradés utilisant des millions de couleurs! Il est donc particulièrement adapté pour les images aux formes irrégulières avec peu de couleurs en aplats, (boutons virtuels, logos,diagrammes et graphiques) et aux images animées.

Format compressé avec perte de qualité JPEG ou JPG Acronyme de Joint Photographic Expert Group C est le format universel de fichier pour le transfert des images sur Internet et pour le stockage des clichés dans les cartes mémoire des appareils photo numériques. La taille du fichier est réduite au moyen d'un algorithme de compression qui supprime des détails superflus (?!) de l'image. Le taux de compression variable peut être choisi lors de l enregistrement de l image en fonction de ses caractéristiques.

Format compressé avec perte de qualité JPEG ou JPG Lorsque le taux de compression est raisonnable, les pertes sont peu perceptibles à l'œil, mais elles apparaissent lors d un agrandissement ou d un zoom. Les images JPG présentent souvent une sorte de «vignettage» repérable autour des zones de couleur homogènes.

Format compressé avec perte de qualité JPEG ou JPG Un zoom sur une image enregistrée au format JPG fait apparaître les pixels et le vignettage

Format compressé presque sans perte de qualité PNG Acronyme de Portable Network Graphics Ce format fournit une alternative libre au format GIF (dont les droits sont détenus par la société Unisys. Chaque éditeur de logiciel manipulant ce type de format doit leur verser des royalties. PNG est également l acronyme de «PNG's Not Gif») Il concurrence en qualité le format TIF et tend à supplanter le format JPG sur le web.

Format compressé presque sans perte de qualité PNG Contrairement au JPG, la compression PNG est sans perte et de 5 à 25% meilleure que la compression GIF. Le format PNG permet de stocker des images : en noir et blanc, en couleurs réelles (True color), En couleurs indexées, faisant usage d'une palette de 256 couleurs. Mais il ne permet pas de stocker des images animées

Format compressé presque sans perte de qualité Autres avantages PNG PNG embarque des informations qui rendent possible une correction gamma permettant une indépendance vis-à-vis des périphériques d'affichage. Des mécanismes de correction d'erreurs sont également embarquées dans le fichier afin de garantir son intégrité. Contrairement au format JPG, on peut réenregistrer une image de nombreuses fois sans perte de qualité.

Le dernier format paru (2001) MNG Acronyme de Multiple-image Network Graphics (se prononce «ming») Conçu par la même équipe et avec la même philosophie que le PNG, MNG est prévu pour fournir des possibilités qui n existent pas avec PNG. C est un format encore peu exploité, déjà compatible avec les navigateurs Netscape, Konqueror et, en ajoutant un plug-in, avec Mozilla, Internet Explorer, Opera... Il offre des possibilités étendues d'animation et de manipulation d image,(le son ou la vidéo restants la spécialité du format MPEG)

Les formats propriétaires PSD, PSP, XCF, PXA... Ce sont des formats propres (format natif) à un logiciel, qu il faut donc utiliser pour ouvrir et manipuler ces images PSD pour Adobe Photoshop PSP pour Paint Shop Pro. XCF pour The Gimp PXA pour Pixia... Ils enregistrent des données supplémentaires en plus de la «carte» des couleurs, par exemple : des informations de texte vectoriel, plusieurs calques superposés qui composent l image finale, des effets divers

En résumé Pour une photo que vous n avez plus à retoucher (archivage travaux d élèves, références artistiques...) ou que vous voulez envoyer par mail ou placer sur un site web, choisissez le format JPG ou le format PNG de meilleure qualité. Pour une image avec peu de couleurs en aplats ou une animation, choisissez le format GIF. Pour stocker dans un format compressé des images que vous souhaitez pouvoir retravailler, choisissez le format natif de votre logiciel de retouche d image (PSD, PSP, PCX,PICT, etc.) ou le format PNG.

En résumé La plupart des programmes de dessin et de traitement d'image proposent des aperçus permettant de choisir le type et le taux de compression le mieux adapté à l image lors de l enregistrement. N hésitez pas à comparer les résultats avec différents formats et différents taux de compression en fonction de la nature de l image à sauvegarder.

INFOGRAPHIE & ARTS PLASTIQUES FIN JP FATOUT 2006