Aujourd’hui j’ai reçu par internet un dossier contenant seulement 9 photos pour 36 Mo.
La personne qui m’a transmis ce dossier m’a avoué ne pas savoir préparer ses photos pour une diffusion web.
Je lui ai donc renvoyé ce tutoriel dans lequel je présente comment préparer ses photos avec différents logiciels : Xnview, Lightroom et Photoshop afin de les diffuser sur la toile avec un poids et une taille raisonnable.
Rappels avant de commencer :
- Non compressées les photos pèsent environ 3 à 10 Mo à la sortie de l’appareil photo. Les fichiers RAW pèsent encore plus lourd. L’augmentation de la résolution de nos capteurs laisse à penser que dans l’avenir les photos seront de plus en plus en lourdes.
- Suivant la sensibilité ISO utilisée, le poids des photos varie. De même suivant le sujet photographié le poids peut varier.
- Non redimensionnées les photos ont une taille de 2000 x 1500 à 3000 x 2000 pixels (voir plus)
- La majorité des utilisateurs du web possèdent des écrans aux résolutions voisines 1024 x 768 pixels. Cette résolution permet d’afficher des photos de 800 pixels de côté (au-delà il faut utiliser les “ascenseurs” pour regarder la photo en entier).
- 72 DPI sont largement suffisant pour une diffusion web (et plus légers que 300 DPI)
Pour ce tutoriel, j’utilise une photo de 1500 x 1000 pixels et d’une résolution de 300 Dpi. Je souhaite lui donner une taille de 800 pixels pour le côté le plus grand et une résolution de 72 Dpi.
Comment compresser ses photos avec Xnview
Xnview est un logiciel gratuit disponible sur de nombreux sites de téléchargement.
Étape 1 : dans l’onglet “Général”
- Choisir les photos à traiter en les sélectionnant dans le logiciel
- Dans outils choisir conversions multiples
- Définir le dossier de destination
Étape 2 : dans l’onglet “transformations”
- Sélectionner : “redimensionner” puis cliquez sur “ajouter”
- Définir la dimension de la photo (800 x 800), je donne le même format pour la largeur et pour la hauteur afin de garder le même ratio pour les photos en paysage comme en portrait.
- Appuyez sur Lancer, pour commencer la préparation des photos.
Il est possible de créer un script pour éviter les manipulations redondantes.
Étape 3 :
Diffuser les photos
Préparer ses photos avec Lightroom
Lightroom permet de gérer les flux de productions photographiques de l’importation des données depuis un périphérique jusqu’à la publication. Il remplace ainsi le logiciel Photoshop pour les tâches courantes des photographes. Il est idéal dans le traitement de fichiers raw.
Étape 1 : (Après retouches, tri et édition des champs IPTC)
- Sélectionner les photos à diffuser sur le web
- Cliquez sur “Exporter”
Étape 2 :
- Définir le dossier de destination
- Définir la dimension des photos (800 x 800 pixels) et choisir la résolution (72Dpi)
- Choisir la netteté des photos en fonction de l’utilisation des photos, ici une netteté pour les écrans avec un gain élevé
- Exporter les photos et les diffuser
Il est possible de réutiliser ces paramètres. Pour cela il faut les sauvegarder en cliquant sur “Ajouter”. Par la suite il suffit de sélectionner le paramètre enregistré.
Optimiser ses photos avec Photoshop
Avec Photoshop l’opération si elle est réalisée manuellement, peut se révéler longue et fastidieuse, pour éviter cela je recommande l’utilisation d’un script.
Étape 1 :
- Définir la résolution (72Dpi)
Étape 2 :
- Fichier -> Automatisation -> Adapter l’image
Étape 3 :
- Définir la taille de l’image
Étape 4 :
- Filtre -> Renforcement -> Accentuation
Étape 5 :
- Définir le gain, le rayon, le seuil.
- Gain : Quantité d’accentuation à appliquer 0 % à 500 %.
- Rayon : Le nombre de pixels que l’on veut accentuer au niveau du contour. Je ne dépasse pas 2.5 car au-delà cela peut créer du bruit disgracieux.
- Seuil : Il détermine la différence de niveau entre 2 pixels proches pour que le filtre considère un contour
Il ne reste alors qu’à diffuser les photos sur le web.
Pour un meilleur résultat, il est conseillé de procéder par étapes successives, en 3 voir 4 passages. L’emploi d’un script est alors obligatoire.
[…] avoir vu la semaine dernière comment réduire et optimiser la taille et le poids des photos de differentes manières, voici comment créer un script de redimensionnement sur photoshop afin d’automatiser cette […]
Super :c ‘est ce que je cherchais ;pour envoyer des photos sur le weeb.
Je continuerais a visiter votre site ;il me semble très intéressant
Bravo et merci pour ce partage ,tant de gens comme moi sont a la recherche d’idées
Que du bonheur de rencontrer des gens qui partage leur savoir!!
Merci Merci
Trouver certains conseils est souvent compliqué, de nombreux photographes preferent garder leurs techniques secretes.. Ce n’est pas mon choix et j’essai de partager ce que je peux apprendre grace à Internet.
[…] de la photo ou de l’image, cette action peut vite devenir pénalisante, même si l’on a optimisé le poids de ses photos avant de les diffuser sur […]
J’adore XnViex que j’utilise depuis longtemps pour préparer mes photos pour le web.
En plus de pourvoir les redimensionner, XnView dispose d’une fonction bien cachée dans le traitement par lot qui permet d’ajouter du texte, dans le coin de votre choix de l’image, et il est possible de régler la taille et le style de police ainsi que la couleur. Pratique pour faire du watermak en même temps que le redimensionnement.
Bel article,
Aymeric
@Aymeric
Effectivement il y a une fonction pour apposer le watermark du photographe … que je n’utilise pas. J’ai utilisé Xnview au départ avant de trouver Lightroom
[…] […]
merci pour les explications ca va beaucoup maider
@lemarchand nadine
L’article est fait pour … 😉
Bonjour,
Article très interessant et pragmatique… merci !
Une question tout de même : Je suis en train de réaliser un site qui contient beaucoup de photos bien que l’objet du site n’a rien à voir avec la photo en soit…
Comme les photos sont de qualité assez hétérogènes, je pensais qu’il serait “judicieux” de passer un filtre pour uniformiser le rendu à l’écran de toutes les photos.
Pensez vous que cette manip est necessaire ?
Et si oui quel filtre me conseillez vous ?
Merci
@pinpindesmpontagnes
A chaque photo son traitement selon la sensibilité de son auteur ou les besoin de l’utilisateur.
Sans voir les photos il est impossible de donner ce type de conseils.
Bonjour,
je tenais juste à signaler que modifier le nombre de DPI ne sert à rien. Il s’agit juste d’une information dans le fichier, destinée à la chaîne d’impression : que l’on mette 72 ou 300 DPI ne changera en rien le poids de l’image (peut-être 1 octet de plus pour le 300dpi 🙂 ), ça changera simplement sa taille à l’impression, de façon inversement proportionnelle à la valeur indiquée. Ex : une image de 3000×2000 px à 300 dpi sera imprimée sur 10″x6.66″ (3000/300 et 2000/300), soit ~25*17cm. La même image à 72 dpi sera imprimée sur ~105*70 cm. Sauf erreur de calcul.
[…] Sur le plan technique la photo ne doit pas excéder 800px pour le plus grand coté et son poids ne doit pas dépasser 200Ko. La compression est l’affaire du photographe, je peux la faire à votre place mais je risque de dénaturer la qualité de votre photo. Je vous laisse donc le soin de préparer votre photo. […]
[…] approcher. Mais surtout pour une diffusion web de vos annonces la taille des photos sera réduite (voir ici) contrairement aux affiches en 4m par 3 que l’on trouve sur le bord de nos […]
[…] Pour compresser la photo je vous recommande la lecture de l’article : Préparer ses photos pour le Web […]
Merci pour ce petit tuto 🙂
@Alexis MARCELLIN
Si il a pu t’être utile … c’est un plaisir 😉