Définition et résolution des écrans ou images. tutoriel

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

Transférer et enregistrer les photos sur l'ordinateur

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

Le poids et la taille des fichiers

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

TP SIN Traitement d image

INFO 2 : Traitement des images

Fascicule 1.

FORD C-MAX + FORD GRAND C-MAX CMAX_Main_Cover_2013_V3.indd /08/ :12

Gordon Campey Novembre 2013

Dossier 03 Périphériques d acquisition

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

Q6 : Comment calcule t-on l intensité sonore à partir du niveau d intensité?

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

Table des matières. F. Saint-Germain / S. Carasco Document réalisé avec OpenOffice.org Page 1/13

Chapitre 13 Numérisation de l information

BACCALAURÉAT TECHNOLOGIQUE STD ARTS APPLIQUÉS

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

Choisir le bon ordinateur. et la bonne imprimante en avec. Les prix bas, la confiance en plus

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

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

Usage des photos pour Internet et pour la presse

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

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3

nom : Collège Ste Clotilde

L infographie pour la sérigraphie artisanale

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

Ce que vous devez savoir au sujet de la transition de la télévision analogique à la télévision numérique au Canada

Les images numériques. 1. Le dessin vectoriel

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

Cours de numérisation sur Epson Perfection

Utiliser le logiciel Photofiltre Sommaire

EXERCICE 2 : SUIVI CINETIQUE D UNE TRANSFORMATION PAR SPECTROPHOTOMETRIE (6 points)

RESPONSIVE WEB DESIGN

Notion de fonction. Série 1 : Tableaux de données. Série 2 : Graphiques. Série 3 : Formules. Série 4 : Synthèse

Présentateurs : Michel Gagné et Conrad Bourgault. Téléphoner, monter des vidéoconférences sur internet gratuitement

Items étudiés dans le CHAPITRE N5. 7 et 9 p 129 D14 Déterminer par le calcul l'antécédent d'un nombre par une fonction linéaire

Spécifications Techniques - Tablettes

Dispositif Technique

THEME RESPONSIVE DESIGN

Portfolio Sites internet :

HP Color LaserJet Pro MFP M476dn

Création de maquette web

COMMENT CREER VOS BANDES GRAND FORMAT?

PHPWEBSITE -Tutoriel image

Charte éditoriale 1- Comment préparer un contenu écrit pour le Web?

DUT. Informatique, orientation Imagerie Numérique. Domaine : Sciences, Technologies, Santé. Mention : Informatique

Gestion des différentes tailles d écran

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

Bureautique Initiation Excel-Powerpoint

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

TUTORIEL. L application SIKKENS FR pas à pas

Calibrage du moniteur avec Monitor Profiler de Little CMS

Normes graphiques / Sigma Assistel / Site Internet version 1.0 /

LE PROJOPHONE de Fresnel

1- Gaz-mm British standrad to mm. DIAMÈTRE EXTÉRIEUR FILETÉ mm. DIAMÈTRE INTÉRIEUR TARAUDÉ mm

IMAGES NUMÉRIQUES MATRICIELLES EN SCILAB

Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition

Gestion d un VIDÉOPROJECTEUR. ou d un ÉCRAN SECONDAIRE

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

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

Dossier d inscription

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

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Chap17 - CORRECTİON DES EXERCİCES

CONCOURS D'AFFICHE Epitanime 2013

ATELIERS WEB : création d'un site web enfants de CM2

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

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

Gestion de vos adhésions en ligne

GUIDE D UTILISATION DU LOGICIEL DE TELE-MAINTENANCE. TEAM VIEWER Version 7.

Manuel de mise en page de l intérieur de votre ouvrage

Rapidolect Les Productions de la Columelle ( ) Page 1

Tutoriel de FastStone Image Viewer

BROCHURE TARIFAIRE. SERVICE DE PUBLICATION Offre d emploi Appel d offre Accès illimité à la CV Thèque Spotlight PubTexte.

Quel PC pour quels usages? 1) PC de Bureau ou Portable? Les différents types de portables. - Les ultra-portables. - Les portables généralistes

VOLUME 1 CRÉATION D UN SITE WEB

Présenté par Constable Perry Madelon Road Safety Unit Traffic Branch

DÉMO IDUG Ergonomie des interfaces tactiles

SpeechiTablet Notice d utilisation

LE PROCESSUS ( la machine) la fonction f. ( On lit : «fonction f qui à x associe f (x)» )

Pop-Art façon Roy Liechtenstein

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

+33 (0) Sarl ISB Altipolis2 av. Du Général Barbot Briancon - France

F CFA F CFA F CFA +200 Mo 1000 F de crédit F CFA F CFA. Airtel, 1 er réseau 3G/4G au Gabon.

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

Initiation à linfographie

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

Dossier de presse. Nouveau site Internet

NOTICE TELESERVICES : Gérer les contrats de paiement de l impôt sur le revenu

Choisir entre le détourage plume et le détourage par les couches.

Introduction à HTML5, CSS3 et au responsive web design

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

DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran

Organiser ses photos sur l ordinateur

Lampes à DEL EcoShine II Plus

La lumière. Sommaire de la séquence 10. t Séance 4. Des lumières blanches. Des lumières colorées. Les vitesses de la lumière

l'utilisation de l'image, de tableaux, d'outils de traitement informatique des données, donnant un sens concret aux tic ".

Spécifications techniques

Transcription:

Définition et résolution des écrans ou images tutoriel

Pour faire simple La distance est exprimée en KM et la vitesse est exprimée en KM/h La définition est exprimée en Pixels et la résolution est exprimée en Pixel/pouce

Objectif Ce tutoriel vise à expliquer pas à pas la résolution et la définition des écrans et des images, ainsi que les rapports qui existent entre ces différentes mesures, afin d aider les nouveaux utilisateurs de Photoshop ou The Gimp à dimensionner leurs documents.

Le langage Px : Pixel : association du mot «picture» et «element» en anglais, littéralement un «élément d image» parfois appelé «point» ou «dot» en anglais. PPP : Points par pouce : un rapport qui exprime la densité des points. C est le nombre de points par pouce, une unité de mesure Britannique. On parle de points en imprimerie, mais le pixel est aussi un point. Dpi ou Ppi : Dots Per Inch = Pixels Per Inch = Points Par Pouce : «dots» est traduit en français par «point». Parler de Dpi, Ppi ou Ppp en français c est donc parler du même indice de densité de points. Définition : La définition représente la dimension informatique : nombre de pixels en largeur et hauteur. Résolution : La résolution représente le nombre de pixels affichés par pouce. C est la densité de pixels (exprimée en Dpi ou Ppp).

Définition, résolution et taille réelle de l'image

Le pixel (px) Un pixel représente le plus petit élément d une surface d affichage, par exemple sur un écran d ordinateur. On associe au pixel une couleur, et une intensité. Un pixel est lui même composé de trois points de couleurs différentes : Rouge, Vert, Bleu. Ce sont comme des petites lampes capables de composer jusqu à 16 millions de couleurs en jouant sur l intensité du Rouge, du Vert ou du Bleu. C est le principe de la synthèse additive des couleurs, qui concerne la lumière(écrans, vidéo-projecteurs, lampes) elle est différente de la synthèse soustractive qui concerne la matière (peinture et imprimerie). Le mélange des couleurs donnera des résultats différents avec la lumière et avec la peinture. L association de ces petites surfaces permet de composer des images, des textes et tout ce que l on peut voir sur un écran d ordinateur.

La synthese additive des couleurs

La définition d un écran : sa dimension en pixels Un écran d ordinateur est divisé en de nombreux pixels. La largeur et la hauteur d un écran en pixels représentent la définition de l écran. Si l écran est composé de 800 px en largeur et 600 px de hauteur, la définition de l écran est de 800 x 600 px. Selon les sondages, les définitions les plus courantes sont le 1024 x 768 px et 1280 x 1024 px bien que les écrans larges supérieurs à 1900px de longueur tendent à se populariser.

La définition d une image : sa dimension en pixels La définition des images n est pas différente de la définition des écrans. Il s agit donc la largeur et la hauteur de l image exprimées en pixels. Un petit exemple peut aider à comprendre comment se confrontent les définitions d écrans et d images. Quand un écran de 800 pixels de largeur affiche une image de 400 pixels, l image occupe la moitié de l écran, et quand cette même image de 400 pixels est affichée sur un écran de 1280 pixels de largeur, elle occupera environ 1/3 de l écran (3,2 x 400 pixels = 1280 pixels). C est pour cette raison que les sites web doivent s adapter à un panel de définitions d écrans toujours plus large. Aujourd hui les téléphones mobiles et tablettes ont popularisés de nouveaux types d écrans ayant des définitions relativement basses, ce qui contraint les webmaster à crééer des sites internet toujours plus réactifs, qui s adaptent à une multitude d écrans grâce à des techniques comme le responsive design ou mobile first.

La résolution Ne pas confondre définition et résolution d un écran. Contrairement à la définition, la résolution est un rapport de densité, elle exprime le nombre de pixels que peut afficher l écran dans un pouce (2,54 cm). Pour des raisons techniques liées à la taille des composants électroniques des pixels, la majorité des écrans affichent 72 px par pouce, c est à dire que la résolution des écrans est inférieure à 100 dpi : contrairement aux imprimantes qui sont capables d imprimer des points bien plus petits (la norme des imprimeurs est 300dpi).

La résolution des images : densité de pixels (Dpi, Ppi, Ppp) La résolution des images est utile pour l impression des images. C est le nombre de pixels par pouce qui permet de calculer la taille d impression de l image. Les abréviations dpi ou ppp signifient exactement la même chose en anglais ou en français. Il s agit d un rapport entre le nombre de pixels de l image, et le pouce : unité de mesure britannique qui vaut 2,54 cm. La résolution d une image, c est le nombre de pixels qui seront contenus dans 2,54 cm au moment de l impression. L image imprimée est donc de meilleure qualité quand elle a une résolution élevée, car elle contient un grand nombre de points par pouce. Les écrans imposent leur résolution aux images. Quand une image s affiche sur un écran, le nombre de pixel de l image est reparti sur le nombre de pixels de l écran. La résolution des images est utilisée exclusivement pour l impression, et non pour l affichage. Une résolution d image de 72Dpi est suffisante pour un affichage sur un écran, un site internet ou pour une projection Pour l impression, il faut prévoir une résolution d image supérieure égale à 300Dpi.

Rapports entre les pixels, la définition et la résolution d une image Définition = Résolution x Taille réelle d impression Taille d impression = Définition / Résolution Résolution = Définition / Taille d impression Vous devez opérer ce type de calculs en choisissant la longueur ou la hauteur de l image. D autre part ces calculs donneront une taille d impression en pouces. Si vous souhaitez connaître le résultat en cm, il faudra encore multiplier par 2,54. Un petit exemple? Nous avons la définition et la résolution d une image, et nous voulons calculer la taille d impression. L image a une définition de 400 pixels de longueur, et une résolution de 200 dpi (donc 200 pixels par pouce). On peut calculer facilement la taille d impression des images. 400 divisé par 200 = 2. L image mesure environ 2 pouces. Et 2 multiplié par 2,54 (nombre de cm que contient un pouce) = environ 5 cm. L image mesure 5 cm une fois imprimée sur papier. (400 px de largeur / 200 dpi) x 2,54 = Image de 5 cm de longueur à l impression.

MERCI