Tuto préparation d'une image pour le WEB avec GIMP
By Fran6t on dimanche, 18 février 2007, 17:50 - Permalink
Avec les appareils photo numériques actuels, les nouveaux écran d'ordinateur, les images deviennent de plus en plus grande et surtout quasiment trop riche pour une utilisation sur internet.
Je propose donc de faire pas à pas un travail sur une image afin d'en obtenir une version correcte pour le WEB.
Pour cela nous allons utiliser GIMP, mon choix n'est pas innocent surtout pour les débutants car tant qu'a appréhender un logiciel de retouche d'image autant le faire avec un logiciel multi-sytème.
A partir d'une photo brut (3456x2304) nous allons effectuer les opérations ci-dessous :
- Effectuer un redimensionnement (pour avoir une taille de 500 pixels);
- Effectuer un recadrage afin de présenter uniquement un détail ou partie de photographie;
- Effectuer une amélioration de piqué pour essayer d'avoir un rendu de détail plus grand;
1/ Effectuer un redimensionnement (pour avoir une taille de 500 pixels) :
Afin d'obtenir l'image ci-dessus.
- Une fois l'image ouverte sélectionner "Image" dans le menu juste au-dessus de la photo puis
- "Échelle et taille de l'image" dans la petite fenêtre qui s'ouvre remplacez 3456 par 500, ne rien saisir dans 2304 cette taille va se recalculer automatiquement puis cliquez sur "Echelle" vous voici avec une image qui ne fait plus que 500 pixels par 333 pixels.
Il ne reste plus qu'a l'enregistrer pour cela :
- "Fichier" puis
- "Enregistrer sous" mettre un nom différent par exemple "IMG_8142-500.JPG" puis
- "Enregistrer" une nouvelle fenêtre s'ouvre
- Dépilez les options en cliquant sur le + des "options avancées"
- Faire glisser l'onglet sur 75, c'est souvent suffisant pour le NET attention cela dépend grandement du contenu de l'image vous pouvez regarder le résultat en cochant "Afficher l'aperçu dans la fenêtre de l'image" en règle général nous pouvons choisir une valeurs entre 75 et 90%.
- "Valider"
Voila vous venez de passer une image de grande définition de 3,49MO a 46 Ko soit une image pesant 75 fois moins lourde pour une réduction d'un peu moins de 7 fois et qui est bien souvent suffisante pour illustrer un billet dans un blog.
2/ Effectuer un recadrage afin de présenter uniquement un détail ou partie de photographie :
Ici nous allons recadrer l'image uniquement pour isoler la porte de gauche. Pour cela :
- Faire un double clique sur "Sélectionner des régions rectangulaire";
- Choisir alors "Ratio d'aspect fixe" notre image de base étant de format 3/2 nous mettons alors 3 et 2 en px peu importe;
- Nous faisons notre sélection de la porte gauche (astuce n'hésitez pas a utiliser la combinaison des touches CTRL Z pour annuler une sélection qui ne convient pas. Nous avons donc notre sélection de proportion fixe de 3/2 de la porte gauche;
- Cliquons sur "Image" puis sur "Découper l'image";
- Ma selection fait tout de même encore 2028 pixels par 1352 il me suffit d'appliquer le principe vu au premier paragraphe Effectuer un redimensionnement (pou... puis de l'enregistrer pour obtenir "IMG_8142-500-RECADRE.JPG".
3/ Effectuer une amélioration de piqué pour essayer d'avoir un rendu de détail plus grand :
- A partir de notre dernière image "IMG_8142-500-RECADRE.JPG";
- "Filtres";
- "Amélioration";
- "Renforcer la netteté";
- Par défaut le rayon est de 5 en fonction du contenu de l'image cela peut la dénaturer un peu ne pas hésiter a descendre jusqu'à 3 par exemple, ici je laisse 5.
4/ Conclusion :
Pour diffuser une image il faut donc d'abord savoir la taille en pixel de l'image que vous voulez présenter. Recadrer éventuellement votre images puis la redimensionner au dimension de présentation finale. Enfin en dernier jouer sur la netteté et sur le taux de compression jpg.
Commentaires