Optimiser Le Poids Des Photos

16 décembre 2008 Club informatique Saintongeais - Photos et courriels - Guy Neauleau Diapo 1


L’imagerie numérique (notions de base)

Plan Général :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…


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

http://fr.wikipedia.org/wiki/Infographie


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)


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é

Les deux sortes d’image numérique

http://fr.wikipedia.org/wiki/Image_vectorielle

http://fr.wikipedia.org/wiki/Adobe_Flash

http://fr.wikipedia.org/wiki/Adobe_Illustrator

http://fr.wikipedia.org/wiki/Adobe_Illustrator


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 !...


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 picture element, 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

http://fr.wikipedia.org/wiki/Picture_Element






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.


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


Les trois valeurs sont liéesCes trois valeurs sont liées entre elles : il suffit de connaître la valeur de deux d'entre elles pour déterminer la valeur de la troisième :

• Taille en pixels = Résolution x Dimensions réelles • Dimensions réelles = Taille en pixels / Résolution • Résolution = Taille en pixels / Dimensions réelles

Exemple : calculer la dimension réelle d’une image de 1024 x768 pixels

A l’écran :

Largeur = 1024 : résolution de 72 dpi = (1024 x 2.54) : 72 = 36 cm

Hauteur = 768 : résolution de 72 dpi = (768 x 2.54) : 72 = 27 cmA l’impression

Largeur = 1024 : résolution de 300 dpi = (1024 x 2.54) : 300 = 8 cm

Hauteur = 768 : résolution de 300 dpi = (768 x 2.54) : 300 = 6 cm

Tuto complet

http://www.azurs.net/photoblog/resolution-taille-pixels-image.html



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


Le codage et le poids des imagesUn 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 888pixels

x 3 octets = 21 233 664 octets

Exemple : avec un simple APN de « 6 millions de pixels »

Format PoidsBMP 20,7 MoPNG 8,3 MoTIFF Standard 3,8 MoJPG Standard 3,8 MoGIF Standard 1,8 Mo


Le premier constat qui s’impose :

Avec l’explosion du nombre de pixels, les APN fournissent des images bien trop lourdes pour être envoyées en l’état par courriel.

Les APN produisent des photos d’un poids de plus en plus élevé, nettement supérieur aux 100 Ko max. recommandés pour les courriels.


Le second constat qui s’impose :Un écran d’ordinateur est loin d’afficher autant de pixels qu’un APN

Donc, voici une seconde raison de diminuer le nombre de pixels à un niveau plus compatible avec les possibilité d’affichage des écrans d’ordinateurs.


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.

Exemples : Type L x H Nombre de pixelsFormat 4/3 SVGA 800 x 600 480 000

XGA 1024 x768 786 432

SXGA 1400 x 1050 1 470 000

UXGA 1600 x 1200 1 920 000

QXGA 2048 x 1536 3 145 728

Format 5/4 SXGA 1280 x 1024 1 310 720Format 16/9 WVGA 854 x 480 409 920

HD720 1280 x 720 921 600

HD1080 1920 x 1080 2 73 600

Format 16/10 WSXGA+ 1680 x 1050 1 764 000

WUXGA 1920 x 1200 2 304 000

WQXGA 2560 x 1600 4 096 000

Rares sont les écrans supérieurs à 2 mégapixels !


Les écrans d’ordinateur n’affichent pas autant de pixels

Historique des résolutions d'affichage des écrans d'ordinateurs


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).


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 :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.


Comment réduire le poids des images ?

Diminuer le nombre de pixels de l’image

en1024x768

ou800x600

Réduire le poids de chaque image à 100 Ko


Le 1024 x 768 reste en tête en 2008 Définition des

écrans Répartition

(2004) Répartition

(2006) Répartition

(2007) Répartition

(2008) Evolution

640*480 pixels et moins 0,28 % 0,10 % 0,10 % 0,20 % +

800*600 pixels 28,91 % 9,50 % 6,30 % 3,50 % -

1024*768 pixels 57,46 % 49,80 % 42,40 % 32,90 % -

1280*800 pixels (16/10) 0,61 % 7,10 % 10,70 % 14,30 % +

1280*1024 pixels 10,91 % 28,40 % 27,30 % 25,30 % -

1440*900 pixels (16/10) 0,11 % 2,60 % 6,30 % 10,80 % +

1600*1200 pixels et plus 0,72 % 1,2 % 1,2 % 1,3 % =

1680*1050 pixels (16/10) et plus 0,06 % 1,00 % 3,60 % 10,10 % +

Source : internet 2008

http://www.pcastuces.com/pratique/windows/resolution/page1.htm


Type Définition Nbre de pixels

Poids avant

compression

Poids après compression avec Outlook

Poids après compression avec

Photoshop

Qualité Moyenne

Qualité Elevée

en Ko en Ko en Ko en Ko

VGA 680 x 640 307 200 900 66 36 76SVGA 15’’ 800 x 600 480 000 1 406 91 52 110

XGA 15’’ 1024 x 768 786 432 2 304 129 80 165

SXGA 19’’ 1280 x 1024 1 310 720 3 840 - 110 251

WXGA 17’’ 1440 x 900 129 600 380 - 108 248

UXGA 21 ’’ 1600 x 1200 1 920 000 5 625 - 145 343

WSXGA 22’’ 1680 x 1050 1 764 000 5 168 - 139 325

La bonne définition

Pour obtenir 100 Ko environ

Redimensionner en 800x600 ou 1024x768


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é



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



Windows et Outlook ou Windows MailCouplé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.Chaque photo au format 800x600 pèse <100 Ko.


Procédure : Windows et Outlook ou Windows Mail

Choisir une ou plusieurs photos, puis Envoyer vers, puis Destinataire


Cliquer

Choisir 800 x 600

Windows et Outlook ou Windows Mail


Résultat :

Windows et Outlook ou Windows Mail


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

Chaque photo au format 800 x 600 pèse <100 Ko.Chaque photo au format 800 x 600 pèse <100 Ko.


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 Chaque photo au format 800 x 600 pèse <100 Ko.Chaque photo au format 800 x 600 pèse <100 Ko.

Tutoriel

http://graphys.free.fr/tutoriels/redimensionner.htm



Ouvrir une image, cliquer sur Image puis Taille de l’image…



Avant Après



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


Redimensionner par lot avec Photofiltre ou PhotoFiltre Studio

Choisir OutilsAutomatisation



Dossier après

Dossier avant



Choisir la taille



Un clic sur ActionValider OK



Et Voilà C’est facile !


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. Chaque photo au format 800 x 600 pèse <100 Ko.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

http://www.microsoft.com/france/windows/xp/pro/telecharge/info/info.asp?mar=/france/windows/xp/home/telecharge/info/powertoys.html

http://www.microsoft.com/france/windows/xp/home/utilisez/info/info.asp?mar=/france/windows/xp/pro/utilisez/info/20021015-powertoys.html#Slide%208


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 Chaque photo au format 800 x 600 pèse <100 Ko.Chaque photo au format 800 x 600 pèse <100 Ko.

Tutoriel

http://www.aidoforum.com/tutoriaux-185-reduire-une-image-avec-photoshop.html


Attention : Choisir « Enregistrer pour le Web »


Attention : Choisir JPG Moyen

Et Le poids s’affiche


Réduire la taille des photos avec Office Picture Manager


Autres logiciels de gestion d’imagesPhotofiltre 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

http://www.clubic.com/telecharger-fiche9667-xnview.html

http://www.tutoriauxpc.com/dossiers/dossiers.php?id_dossier=22

http://www.clubic.com/telecharger-fiche9523-irfanview.html

http://www.clubic.com/telecharger-fiche9624-acdsee.html

http://www.clubic.com/logiciel-windows-214-0-0-retouche-photo.html





Réduire la taille des photos en ligne avec avec Picnikwww.picnik.com

Choisir la photo et la télécharger pour réduction du poids

Sans inscription

http://www.picnik.com/app#/out/download


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


Autres logiciels de gestion d’images en lignePicnik 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,..

http://www.snipshot.com/

http://www.pxn8.com/

http://www.picture2life.com/

http://www.resize2mail.com/

http://www.resize2mail.com/

http://tice.avion.free.fr/r2m/resize2mail.html

http://images.google.fr/imgres?imgurl=http://www.wappblog.com/wp-content/uploads/2006/09/images65_tn.jpg&imgrefurl=http://www.wappblog.com/entry/57.html&h=336&w=398&sz=58&hl=fr&start=1&tbnid=o7YNEXHrQe2doM:&tbnh=105&tbnw=124&prev=/images%3Fq%3Dresize2mail%26gbv%3D2%26ndsp%3D20%26svnum%3D10%26hl%3Dfr%26sa%3DN


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.

http://fr.wikipedia.org/wiki/Image_num%C3%A9rique

http://fr.wikipedia.org/wiki/Point_par_pouce

http://www.ext.upmc.fr/urfist/image_numerique/Image_numerique1.htm

http://www.commentcamarche.net/video/affich.php3

http://zabaque.uqac.ca/infographie/inf02/pixel.htm


http://www.clubic.com/article-31278-1-le-b-a-ba-de-la-retouche-photo.html

http://www.figer.com/Publications/images.htm

http://www.techno-science.net/?onglet=articles&article=9

http://www.clubic.com/article-30244-7-les-indispensables-de-la-logitheque.html

http://www.radins.com/gratuits/logiciels/logiciels-ligne/

http://infoweb17.free.fr/Webmas03.htm

http://www.picture2life.com/


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 …




s’y retrouver entre les bits et les octets … bit octet (byte) Ko (KB) Mo (MB) Go (GB)

1 octet (byte) 8 1

1 Ko (KB) 8 192 1024 1

1 Mo (MB) 8 388 608 1 048 576 1024 1

1 Go (GB) 8 589 934 592 1 073 741 824 1 048 576 1024 1Les supports de stockage : exemplesdisquette 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

http://www.docmemo.com/informatique/unitesinf.php

Documents

Optimiser Le Poids Des Photos