2. L’imagerie numérique (notions de base) Plan Général : Des écrans d’ordinateurs qui ne suivent pas La solution pour réduire le poids des images Les logiciels installés sur PC Les outils utilisables en ligne sur le Net Des APN avec de plus en plus de Mégapixels introduction Conclusion En savoir plus…
3. L'IMAGERIE NUMERIQUE Quelques notions de base pour comprendre le traitement des images On appelle infographie le domaine de l'informatique concernant la création et la manipulation des images numériques. L'infographie regroupe de nombreux savoirs, parmi lesquels la représentation des éléments graphiques (texte, image ou vidéo), ainsi que leurs transformations (rotation, translation, zoom, ...) par l'intermédiaire d'algorithmes
4. Qu’est ce qu’une image numérique ? Le terme d’image numérique désigne toute image sous forme binaire (suite de 0 et de 1) acquise, créée, traitée ou stockée. Tuto Tuto Les images des appareils photo et caméscopes numériques , les images numérisées par un scanner… Les images créées ou traitées par des logiciels graphiques 3D, images de synthèse… Les images stockées sur un support informatique : disque dur, CD ROM… (par opposition à l’imagerie analogique utilisée en photographie argentique stockée sur plaque sensible : film)
5. Les deux sortes d’image numérique Les images matricielles ou Bitmap ou BMP sont formées d'un tableau de points ou pixels L’image numérisée à l'aide d'un appareil photo ou une caméra numérique, d'un scanner… est mémorisée en une matrice de points élémentaires qui ne possèdent que deux attributs : leur place dans la grille, qui est unique, et leur couleur, qui est modifiable Les images vectorielles sont représentées par des formes géométriques qui sont décrites d'un point de vue mathématique Ce sont des images dessinées par des logiciels de dessin ou de PAO ( Adobe Flash , Adobe Illustrator …) pour réaliser des schémas, des plans, des logos de taille modifiable sans distorsion ni perte de qualité
6. Les dimensions d’une image numérique Pour calculer la dimension d’une image numérique, trois valeurs fondamentales sont à considérer : Sa taille en points ou en pixels de l’image (définition), Ses dimensions réelles en cm ou en pouces sur l’écran ou sur l’image imprimée, Sa résolution exprimée en point par pouce (ppp en français) ou dots per inch (DPI en anglais). Voyons ce trio infernal !...
7. La taille d’une image numérique ? La taille d’une d’image est donnée par sa définition c’est à dire le nombre de pixels en largeur et en hauteur Le pixel , abrégé px , est un point lumineux en carré ou rectangle, une unité de surface permettant de définir la base d'une image numérique. Son nom provient de la locution anglaise pict ure el ement , qui signifie, « élément d'image » ou « point élémentaire ». Un appareil photo de 6 Mégapixels permettra de prendre des photos constituées de 6 millions de points lumineux
8. La dimension réelle d’une image Ses dimensions réelles en centimètres ou en pouces sur l’écran ou sur l’image imprimée, En pratique, la dimension réelle de l’image à l’écran est rarement prise en compte dans la mesure ou la résolution des écrans d’ordinateur est peu différente, A l’inverse, la dimension réelle de l’image à imprimer est importante à prendre en compte dans la mesure ou la résolution des imprimantes est plus variable.
9. La résolution d’une image La résolution c’est le nombre de pixels par unité de longueur (centimètre ou pouce). La dimension d’un pixel est très variable, un pixel n’a donc pas de taille définie. Une longueur d’un pouce (2,54 centimètres) peut contenir un nombre plus moins grand de pixels selon la résolution prise en compte. Un écran a besoin seulement de 72 pixels par pouce tandis qu’une imprimante a besoin de 300 pixels par pouce voire davantage !... Un pouce = 2,54 cm
10.
11. Les couleurs d’une image Le mode RVB : la synthèse additive de la lumière Une image RVB est composée de la somme de trois rayonnements lumineux rouge , vert , et bleu dont les faisceaux sont superposés. Les couleurs sont obtenues par mélange des pigments colorés. Lorsqu'ils sont éclairés par de la lumière blanche, les pigments absorbent une partie de la lumière qu'ils reçoivent ce qui les fait apparaître colorés. les trois couleurs "primaires" sont le cyan ( C ) , le magenta ( M ) et le jaune ( J ) auxquelles on ajoute le noir (N) Le mode CMJN : la synthèse additive de la lumière
12. Le codage et le poids des images Un pixel est codé sur 24 bits « pèse » 3 octets, c’est le cas d’une image stockée au format JPG standard 3072 2304 7 077 888 pixels x 3 octets = 21 233 664 octets Exemple : avec un simple APN de « 6 millions de pixels » Trop lourd !... 1,8 Mo GIF Standard 3,8 Mo JPG Standard 3,8 Mo TIFF Standard 8,3 Mo PNG 20,7 Mo BMP Poids Format
13.
14.
15. Les écrans d’ordinateurs n’affichent pas autant de pixels La taille et la qualité des écrans ont évolué, mais leur résolution à 72 ou 96 DPI, demeure la plus faible de tous les périphériques d’un ordinateur. Rares sont les écrans supérieurs à 2 mégapixels ! 2560 x 1600 1920 x 1200 1680 x 1050 1920 x 1080 1280 x 720 854 x 480 1280 x 1024 2048 x 1536 1600 x 1200 1400 x 1050 1024 x768 800 x 600 L x H Nombre de pixels Type Exemples : 409 920 WVGA Format 16/9 921 600 HD720 2 73 600 HD1080 1 764 000 WSXGA+ Format 16/10 2 304 000 WUXGA 4 096 000 WQXGA 1 310 720 SXGA Format 5/4 3 145 728 QXGA 1 920 000 UXGA 1 470 000 SXGA 786 432 XGA 480 000 SVGA Format 4/3
16. Les écrans d’ordinateur n’affichent pas autant de pixels Historique des résolutions d'affichage des écrans d'ordinateurs
17. Des courriels d’un poids raisonnable : Combien ? La nétiquette recommandait 50 Ko max. par courriel , pièces jointes incluses, règle établie dans les années 90 applicables aux connexions en bas débit En haut débit, le bon usage du courriel recommande de ne jamais dépasser les 1 000 Ko par courriel sans l’accord du destinataire, pièces jointes incluses, De plus, il est souhaitable de limiter à 100 Ko max. le poids de chaque photo insérée en pièce jointe dans un courriel, poids suffisant pour les afficher à l’écran sans perte de qualité (mais insuffisant pour une impression sur papier).
18. En effet, la résolution des écrans d’ordinateurs est inférieure à 100 DPI alors que celle des imprimantes est égale voire supérieure à 300 DPI. Tutoriel En conséquence, l’imprimante a besoin du double ou du triple de pixels pour imprimer une photo au format de 10x15 cm par exemple, le poids de cette image numérique atteint les 400 Ko voire bien davantage … En pratique et sauf accord préalable, toujours envoyer les photos au format Ecran, le destinataire pourra choisir et vous demander un envoi de celles qui souhaiteraient imprimer. Astuce : La messagerie se prête mal à l’envoi de fichiers trop lourds, d’autres services sur internet sont plus adaptés comme indiqué dans cet article .
19. Comment réduire le poids des images ? Diminuer le nombre de pixels de l’image en 1024x768 ou 800x600 La solution ? Réduire le poids de chaque image à 100 Ko Pour un affichage à l'écran (messagerie)
20. Le 1024 x 768 reste en tête en 2008 Source : internet 2008 + 10,10 % 3,60 % 1,00 % 0,06 % 1680*1050 pixels (16/10) et plus = 1,3 % 1,2 % 1,2 % 0,72 % 1600*1200 pixels et plus + 10,80 % 6,30 % 2,60 % 0,11 % 1440*900 pixels (16/10) - 25,30 % 27,30 % 28,40 % 10,91 % 1280*1024 pixels + 14,30 % 10,70 % 7,10 % 0,61 % 1280*800 pixels (16/10) - 32,90 % 42,40 % 49,80 % 57,46 % 1024*768 pixels - 3,50 % 6,30 % 9,50 % 28,91 % 800*600 pixels + 0,20 % 0,10 % 0,10 % 0,28 % 640*480 pixels et moins Evolution Répartition (2008) Répartition (2007) Répartition (2006) Répartition (2004) Définition des écrans
21. La bonne définition Pour obtenir 100 Ko environ Redimensionner en 800x600 ou 1024x768 325 139 - 5 168 1 764 000 1680 x 1050 WSXGA 22’’ 343 145 - 5 625 1 920 000 1600 x 1200 UXGA 21 ’’ 248 108 - 380 129 600 1440 x 900 WXGA 17’’ 251 110 - 3 840 1 310 720 1280 x 1024 SXGA 19’’ 165 80 129 2 304 786 432 1024 x 768 XGA 15’’ 110 52 91 1 406 480 000 800 x 600 SVGA 15’’ 76 36 66 900 307 200 680 x 640 VGA en Ko en Ko en Ko en Ko Qualité Elevée Qualité Moyenne Poids après compression avec Photoshop Poids après compression avec Outlook Poids avant compression Nbre de pixels Définition Type
22. Choisir la bonne définition d’une photo avant de l’envoyer par courriel La photo est destinée à être vue sur un écran d’ordinateur Redimensionner la photo en 800 pixels ou en 1024 pixels de largeur, et la hauteur sera calculée en automatique, par exemple en 600 ou 768 pixels La photo est destinée à un tirage sur papier format 15x10 cm Redimensionner la largeur de la photo en 1800 pixels, et la hauteur sera calculée en automatique, par exemple en 1200 pixels Résultat : le poids sera de 100 Ko environ Résultat : le poids sera de 1500 Ko avec une compression jpg de bonne qualité ou de 1000 Ko en compression jpg plus élevée mais avec une moins bonne qualité Pour affichage à l'écran Exemples Pour tirage sur papier
23. Les outils pour diminuer le nombre de pixels et réduire les poids des images
24. Les outils de gestion d’images sont les plus performants pour réduire les images : Attention : les outils bureautiques et de PAO permettent de diminuer, de rogner une image affichée à l’écran sans faire varier le nombre de pixels, ils sont donc sans effet sur le poids des images. Les logiciels d’imagerie installés en local sur les ordinateurs, Les logiciels d’imagerie disponibles en ligne sur internet 1 2
26. Windows et Outlook ou Windows Mail Couplés à Outlook ou Windows Mail , Windows XP ou Vista disposent d’une fonction très pratique pour réduire le poids des photos. Pour Vista, vérifiez que WINDOWS MAIL est bien le client de messagerie par défaut : Allez dans Démarrer --> Programmes par défaut --> Choisissez vos programmes par défaut --> sélectionnez Window Mail --> Choisir les paramètres par défaut pour ce programme --> cocher les 3 cases. Ouvrez l’Explorateur, cliquez avec le bouton droit de la souris sur une ou des photos à envoyer, puis sélectionnez l'option Envoyez vers, puis Destinataire. Une boite de dialogue s'ouvre. Sélectionnez l'option Réduire la taille de toutes les images puis plus d’options, choisir 800x600 ou 1024x768 et valider. Un nouveau message s'ouvre dans Outlook avec vos photos réduites en pièces jointes prêtes à l’envoi. Chaque photo au format 800x600 pèse <100 Ko.
27. Procédure : Windows et Outlook ou Windows Mail Choisir une ou plusieurs photos, puis Envoyer vers, puis Destinataire
29. Résultat : c'est simple, rapide, efficace ! Windows et Outlook ou Windows Mail
30. Réduire la taille des photos avec Microsoft Paint Microsoft Paint, l’accessoire de toutes les versions de Windows, permet de réduire les photos en 800x600 et de les enregistrer au format JPG à moins de 100 Ko. Ouvrir la photo avec Paint, vérifier la taille en ouvrant image puis Attributs, Noter précisément la largeur exemple 3000 pixels, calculer le pourcentage de réduction : (800/3000)*100= 26 Saisir ce pourcentage dans les 2 cases de Images Etirer/incliner, puis enregistrer sous un nouveau nom c'est simple, rapide, efficace ! Chaque photo au format 800 x 600 pèse <100 Ko.
31. Avec Photofiltre ou PhotoFiltre Studio Photofiltre est un freeware et PhotoFiltre Studio est un shareware, donc des logiciels gratuits disponibles en téléchargement Ouvrir la photo avec Photofiltre, puis image/taille de l’image, saisir 800 pixels en largeur, la hauteur est calculée en automatique. Enregistrer la photo, choisir compression 70 et aperçu pour afficher le poids, puis Ok pour finir c'est simple, rapide, efficace ! Chaque photo au format 800 x 600 pèse <100 Ko. Tutoriel
32. Avec Photofiltre ou PhotoFiltre Studio Ouvrir une image, cliquer sur Image puis Taille de l’image…
34. Avec Photofiltre ou PhotoFiltre Studio Choisir le niveau de compression « jpg » en déplaçant le curseur Cliquer sur Aperçu pour afficher la taille du fichier compressé obtenu puis Ok pour enregistrer
35. Redimensionner par lot avec Photofiltre ou PhotoFiltre Studio Choisir Outils Automatisation
36. Redimensionner par lot avec Photofiltre ou PhotoFiltre Studio Dossier après Dossier avant
40. Réduire la taille des photos avec Image Resizer Image Resizer est un PowerToys de Windows XP gratuit et disponible chez Microsoft Image Resizer permet de redimensionner les images par un simple clic droit sur Resize Pictures qui apparaît dans le menu contextuel, puis choisir Medium 800 x 600 et Ok Les images redimensionnées sont stockées dans le répertoire d’origine. c'est simple, rapide, efficace ! Chaque photo au format 800 x 600 pèse <100 Ko. NB. Attention : de nombreux logiciels créés par divers éditeurs portent le nom Image Resizer mais n’ont rien à voir avec ce PowerToys de Microsoft. Tutoriel
41. Réduire la taille des photos avec Photoshop Edité par Adobe, Photoshop est le logiciel utilisé par les Professionnels, avec une version grand public : Photoshop Eléments et prochainement une version « Lite » en ligne sur le Net. Ouvrir la photo avec Photoshop, puis image/taille de l’image, saisir 800 pixels en largeur, la hauteur est calculée en automatique. Enregistrer la photo au format Web en JPG, niveau moyen c'est simple, rapide, efficace ! Chaque photo au format 800 x 600 pèse <100 Ko. Tutoriel
42. Attention : Choisir « Enregistrer pour le Web »
43. Attention : Choisir JPG Moyen Et Le poids s’affiche
45. Autres logiciels de gestion d’images Photofiltre est un logiciel gratuit et performant, mais on trouve de très nombreux autres outils, tout aussi gratuits, assez faciles à essayer : XNView continue à s'améliorer au fil des versions pour le plus grand bonheur des fans d'outils graphiques puissants et gratuits. Un must du genre ! Tutoriel traitement par lots IrfanView Ce petit logiciel qui ne paye pas de mine est pourtant l'un des plus utiles de la logithèque : c'est un visualisateur multimédia reconnaissant toute une pleïade de formats Acdsee ACDSee reste une référence à laquelle on pense immédiatement quand il est question de gestion d’images Logithèque Clubic toute une liste des meilleurs outils de gestion d’images disponibles en téléchargement
47. Réduire la taille des photos en ligne avec avec Picnik www.picnik.com Choisir la photo et la télécharger pour réduction du poids Sans inscription
48. Réduire la taille des photos en ligne avec avec Picnik Choisir la photo et la télécharger pour réduction du poids Redimensionner
49. Autres logiciels de gestion d’images en ligne Picnik est l’un des plus performant, mais on trouve également de très nombreux autres outils en ligne, assez faciles à essayer : Snipshot , auparavant appelé Pixoh, est un bon outil d’édition basé sur Ajax PXN8 également basé sur Ajax offre une assez bonne interface utilisateur Picture2Life est un éditeur de photo basé sur Ajax, interface pauvre, mais outil très efficace Online Image Resizer : redimensionner, couper (crop), tourner, sauvegarde sur votre disque, tutoriel Easypict est un éditeur de retouche d'images en ligne. Le service propose des fonctions de redimensionnement, de recadrage, de colorimétrie, effets, suppression du bruit,..
50. Et pour en savoir plus : Les types d'images : matricielles, vectorielles, résolution Les images numériques : cours de l’URFIST Le codage des images : pixel, définition, résolution La géométrie du pixel : analyse détaillée du pixel Taille des images : définition, calcul, simulation Tutoriel retouche d'images : le b-a ba de l’imagerie Photos et images numériques : le multimédia à la maison La compression d'images numériques : de la technique Les outils gratuits : de la logithèque Clubic Les outils en ligne : quelques exemples Infoweb17 : nombreux liens sur la photo et la retouche d’images.
51. En conclusion Diminuer le poids des photos destinées à être visualisées à l’écran, c’est facile à mettre en œuvre avec les outils de gestion d’images A l’inverse, nous pouvons recevoir des courriels d’un poids énorme susceptibles de remplir nos messageries, d’ou l’utilité de consulter ses messages sur les serveurs avant de les télécharger avec Outlook. Utiliser par exemple PopPeeper le petit notificateur de mail : on ne peut plus s’en passer …
54. s’y retrouver entre les bits et les octets … Les supports de stockage : exemples disquette 3’1/2 : 1,44 Mo CD-ROM : 700 Mo clé usb : 4 Go DVD : 4,7 Go La taille et le poids des pixels : En mode RVB (rouge, vert, bleu), le mode d'affichage d'un écran, chaque pixel est codé sur 3 octets (un par couleur). Exemple avec un capteur APN de 3 méga-pixels : 2048x1536x3 octets = 9 437 184 octets soit /1024 = 9216 Ko par photo AVANT compression convertisseur en ligne 1 1024 1 048 576 1 073 741 824 8 589 934 592 1 Go (GB) 1 1024 1 048 576 8 388 608 1 Mo (MB) 1 1024 8 192 1 Ko (KB) 1 8 1 octet (byte) Go (GB) Mo (MB) Ko (KB) octet (byte) bit