Redimensionner une photo pour le web
Par cpepite, samedi 23 septembre 2006 à 14:37 :: Technique et post-traitement :: #22 :: rss
Beaucoup d'entre vous souhaitent poster des images sur un forum ou un site mais ne savent pas comment s'y prendre, petit tuto pour y arriver :
Quelque soit la taille de départ de votre photo il faut la redimensionner pour le web et alléger son poids.
Comme les visiteurs sont parfois encore avec des écrans de 800x600 ainsi que de nombreux sites, nous choisirons un format plus petit sachant que les barres de défilements ou autres cadres vont gêner la lecture de l'image si elle est trop grande.
Vous choisirez donc un format qui dans sa plus grande dimension sera de 700 ou 600 pixels. Voilà pour la taille.
Sur un forum il y a souvent aussi une limite de poids de l'image afin de ne pas alourdir le site et que les photos s'affichent rapidement, souvent on vous demandera de ne pas dépasser 140 ou 150 ko par photo.
Avec ces deux paramètres remplis il sera rare que votre photo soit refusée par un forum, donc retenez bien cela : maximum 600 ou 700 pixels dans la plus grande dimension et maximum 140 ko.
Vous pouvez vérifier au besoin le poids des images dans l'explorateur de windows (voir copie d'écran ci-dessous). Si dans celui-ci vous n'avez que la liste des photos sans les détails il suffit de cliquer en haut de la fenêtre sur la petite flèche à coté de la dernière icone de droite et de choisir : "détails" , je vous ai entouré en rouge l'icône concernée pour afficher les détails de vos fichiers.

Comment faire pour réduire la taille et le poids des images pour le web ?
Je ne connais pas tous les logiciels du marché mais je vais déjà vous expliquer la manière de le faire avec photoshop.
Avec photoshop :
Dans photoshop vous ouvrez l'image à redimensionner.
Première chose à faire pour ne pas faire de bêtise : dupliquer votre photo, ainsi si vous faites une bêtise l'original sera préservé, pour ce faire c'est très simple :
Menu du haut : Image puis vous choisissez "dupliquer" vous donnez le nom que vous voulez à votre duplication, vous pouvez laisser le même nom et ajouter par exemple la taille de la photo soit 600x400 (c'est ce que je choisis ici) et vous fermez tout de suite l'image originale comme ça pas de souci et pas de bêtises
Nous travaillons donc sur la copie :
Ensuite vous aller dans le menu du haut et vous choisissez "Image", puis "Taille de l'image", vous regardez la taille en pixels et vous rentrez par exemple 600 pour la largeur si votre photo est en format paysage, vous vérifiez qu'en bas de la fenêtre "conserver les proportions" est bien coché afin que votre image ne soit pas déformée au cours du redimensionnement, inutile dans ce cas de donner l'autre dimension, photoshop le fera à votre place 

La résolution n'a absolument aucune importance pour les fichiers destinés au web, inutile donc d'alourdir le fichier avec du 300ppi. Ne vous inquiétez pas de la taille du document, ça n'a rien à voir avec le web
Faites juste attention à la taille en pixels et qu'en bas soit bien coché conserver les proportions, c'est tout et vous cliquez en haut à droite sur ok.
Il ne nous reste plus qu'à l'enregistrer pour le web, mais nous n'allons pas choisir "enregistrer sous..." dans le menu fichier mais "enregistrer pour le Web" Regardez attentivement la fenêtre qui s'ouvre car nous allons changer plusieurs paramètres : En haut au-dessus de l'image vous choisissez l'onglet "2 vignettes" afin de comparer le fichier et ce que donnera la photo sur le web. ne vous inquiétez pas si vous ne voyez pas vos photos en entier c'est normal, elle ne seront pas tronquées lors de l'enregistrement. Dans la partie droite de la fenêtre je vais changer aussi des paramètres comme cela figure sur la copie d'écran ci dessous :

Je choisis donc jpg, en dessous je sélectionne haut, à droite je coche optimisé, ensuite pour la qualité je vais surveiller le poids qui s'affiche en bas sous l'image afin qu'il ne dépasse pas le poids autorisé sur les forums et sur certains sites, sachez que plus l'image est lourde plus elle est longue à charger sur le net, en général j'essaie de maintenir mes photos dans un poids compris entre 80 et 140 ko, sur mon site je monte parfois à 200 ko mais c'est vraiment très rare et pour des paysages fouillés seulement.
C'est donc grace à la petite targette de qualité qui s'affiche quand on clique sur elle que je vais régler la qualité et le poids de ma photo pour le web en essayant bien sûr d'avoir le maximum de qualité possible sans dépasser le poids convenu. (le poids de la photo s'affiche sous celle-ci en même temps que vous bougez la targette de qualité.
Et voilà c'est fini, vous pouvez enregistrer votre photo, choisissez le dossier de destination, personnellement j'ai des dossiers spécifiques pour le web. Attention aux noms de fichiers pour le web, certains sites ou forums n'acceptent pas les espaces dans le nom ni les caractères accentués ou les majuscules, cliquez sur enregistrer. Surveillez bien l'extension du nom de fichier qui doit être jpg. C'est fini 
Vous pouvez maintenant poster votre photo sur un forum 
Commentaires
Aucun commentaire pour le moment.
Ajouter un commentaire
Les commentaires pour ce billet sont fermés.