Préparer ses photos pour Internet.

Comme nous l'évoquions dans ce tutoriel pour créer des diaporamas, il est essentiel, lorsque vous destinez des images à transiter sur Internet, de les alléger. Que ce soit pour les transmettre par mail, pour les insérer dans des pages Web ou pour les déposer sur un espace d'hébergement, il est indispensable de réduire le poids de vos images.

Les images véhiculées sur Internet sont très souvent destinées à un affichage sur écran, il n'est donc pas utile qu'elles soient très grandes. La réduction du poids des images se fera sur trois principaux éléments :

• La résolution
• Les dimensions
• La compression
  

Lire la suite...

Replier...
De nombreux logiciels permettent de traiter vos images pour les préparer au Net. Ils sont plus ou moins faciles d'accès. Pour notre exemple, nous utiliserons le logiciel Photofiltre, gratuit et relativement puissant. Citons tout de même d'autres solutions également capables d'accomplir le travail :
Photoshop et Photoshop Element
The Gimp (gratuit)
Picasa (gratuit)

Télécharger Photofiltre

Télécharger The Gimp

Télécharger Picasa

Découverte de Photofiltre

Une fois installé, démarrez le logiciel Photofiltre. Vous trouvez une barre de menus(1), une barre d'outils(2), une barre de filtres(3), une palette d'outils(4), et une zone de travail(5).

Cliquez sur l'image pour l'agrandir.

La palette d'outils comporte une palette de couleurs(1), les outils(2), et les types de sélections(3).


Ouvrir une image
Repérez le poids de votre image (Clic droit-> Propriétés). Vous apprécierez par la suite la différence?

Ouvrez votre fichier : "Fichier"->"Ouvrir",


puis naviguez jusqu'à l'image. Vous pouvez demander un aperçu. Cliquez ensuite sur "Ouvrir".
Vous remarquez que notre image fait environ 1Mo.
 

Cliquez sur l'image pour l'agrandir.

Votre image apparaît dans la zone de travail.

Redimensionner l'image
Comme nous le disions, les images sont souvent destinées à être affichées sur un écran. La résolution d'écran la plus répandue est certainement 1024x768. Vous pouvez donc adopter ce format, voir plus petit.

Faites "Image"->"Taille de l'image?" ou Ctrl+H.


La boîte de dialogue qui apparaît vous permet de changer la largeur et la hauteur. Cochez l'option "Conserver les proportions". Ainsi, en modifiant, la largeur, Photofiltre adapte automatiquement la hauteur.
Pour un écran, une résolution de 72 pixels/pouces est suffisante.


Compresser votre image
L'?il humain n'est pas capable de discerner tous les détails de l'image. La compression est un système qui permet de supprimer des informations de l'image. Si la compression est faible, la qualité de l'image ne sera quasiment pas altérée. Plus la compression est importante, plus la qualité de l'image sera médiocre.

Faites "Fichier"->"Enregistrer sous?". Choisissez JPEG comme type de fichier. C'est le format qui offre généralement les meilleurs rapports qualité/poids pour les photos. Donnez lui un nom et cliquez sur "Enregistrer".

C'est dans la boîte de dialogue suivante que vous allez pouvoir gérer la compression. Avec la réglette, sélectionnez le taux de compression. Plus la valeur est faible, plus la compression est importante. Le bouton "Aperçu" est extrêmement utile. Il vous permet de voir la qualité de l'image, mais aussi d'avoir le poids final du fichier.

Voici 2 exemples de compressions. L'une, extrême, "pixellise" l'image et la détériore. La seconde permet de conserver les détails tout en ayant un poids minime.

Compression destructive (Cliquez sur l'image pour l'agrandir.)

Une compression de bonne qualité (Cliquez sur l'image pour l'agrandir.)

 
On peut avoir des images de très bonne qualité pour moins de 150Ko.
Testez de votre côté différentes compressions. N'oubliez pas de cliquez sur "Aperçu" à chaque fois. La compression ne sera pas la même d'une image à l'autre. Une image avec 80% de ciel bleu par exemple pourra être davantage compressée sans perte de qualité.

Voilà, vous savez à présent alléger vos images?
N'hésitez à nous poser vos questions sur des points que vous n'auriez pas saisis.


Pour en savoir plus :
Un article sur la compression (tout les reste du site est également très riche)
http://www.library.cornell.edu/preservation/tutorial-french/intro/intro-07.html

La structure d'une image (voir aussi les articles qui suivent)
http://www.commentcamarche.net/video/affich.php3

Un document tout en couleur : Introduction à l'imagerie  numérique
http://www.generationcyb.net/IMG/pdf/imagerie-numerique.pdf