Traitement d images dans un contexte pédagogique avec le logiciel... (gratuit) Sujets : 1. Installer le logiciel 2. Définir celui-ci par défaut pour vos images 3. Différents formats des fichiers d images 4. Ouvrir un fichier d image 5. Recadrer (crop) 6. Redimensionner (resize) 7. Enregistrer votre image transformée 8. Comparer les fichiers 9. Capture d écran 10. Diaporama d images 1 Installer le logiciel 1. Vous pouvez passer par le site du service local du RÉCIT, section des logiciels libres... a) b)... ensuite, cliquez sur la section pour Windows http://xserver.csvdc.qc.ca/recit_csvdc_partage/ c) 2. Vous pouvez aussi télécharger ce logiciel directement du site Web du créateur : http://www.xnview.com/
2 Définir XnView comme étant le logiciel qui sera utilisé par défaut pour l édition et la visualisation des images sur votre ordinateur Pour que ce soit XnView et non la visionneuse de Windows (qui ne permet pas d éditer les photos) qui soit utilisé lorsque vous cliquez à 2 reprises sur des fichiers d images, suivez ces étapes : a) Cliquez sur un fichier d image («chat.jpg» par exemple) avec le bouton de droite de votre souris et sélectionnez «Ouvrir avec»... Il est probable que vous devrez utiliser «Choisir le programme» afin de pouvoir sélectionner «XnView» si ce logiciel est nouvellement installé sur votre poste. b) Vous devez alors mettre un crochet à cet endroit : c) et confirmer votre sélection À partir de maintenant, tous les fichiers.jpg qui seront doublecliqués sur cet ordinateur seront ouverts avec XnView. Si vous désirez que la même chose arrive à vos fichiers d images de format.gif, répétez la procédure avec un fichier dont le nom se termine par.gif.
3 Différents formats d images Il existe plusieurs formats de fichiers pour les images. Ceux-ci varient en fonction de la compression que les fichiers reçoivent. S ils ne l étaient pas, ils prendraient beaucoup trop d espace sur le disque dur. Par exemple, une page de texte habituelle peut prendre 50k d espace alors qu une image prise avec une caméra numérique traditionnelle réglée pour prendre des photos de bonne qualité (1 meg par photo) peut facilement prendre 5 000k si elle n est pas compressée. Si elle est compressée au format.jpg (format le plus populaire pour les photos), elle prendra 1000k. C est déjà ça de gagné même si ces fichiers sont très lourds. Donc, LE format que vous allez retrouver le plus souvent (parce que c est celui utilisé pour les photos), c est le format.jpg ou.jpeg. Ce format permet de conserver une bonne qualité en million de couleurs tout en ayant des fichiers de poids raisonnable. Le format.gif est aussi relativement populaire, particulièrement pour les Cliparts. Ce format offre moins de qualité parce qu il conserve moins de couleurs. Ça permet aux fichiers d être moins lourds. D autres formats moins communs (parce qu ils ne sont pas tous compatibles avec Internet) sont par exemple.png,,pict,.psd,,tiff (non compressé), etc. Par chance, il est possible d ouvrir ces types de fichiers avec XnView pour les transformer en format.jpg ou.gif. D ailleurs, XnView peut ouvrir 435 formats différents! En résumé : format (extension) avantage(s) inconvénient(s).jpeg.jpg + belles photos, + de couleurs fichiers + lourds, format + compatible, + populaire,.gif fichiers + légers, + compatibles, - couleurs, - qualité,.tiff fichiers sans compression, fichiers + + + lourds, 4 Ouvrir un fichier d image avec XnView A) A) Comme la majorité des logiciels, on peut passer par le menu «Fichier»... B) B) Il y a aussi l option «Parcourir» qui est fort intéressante parce qu elle nous permet de chercher le fichier dans notre disque dur de façon plus visuelle. C) Une façon encore plus concrète que je préconise avec les élèves est de prendre le fichier de l image qui se trouve sur le bureau Windows puis de le glisser sur le raccourci du logiciel. C)
5 Recadrer ou rogner (crop en anglais) C est la fonction de retouche que l on effectue en premier, avant de réduire la dimension de la photo afin de profiter au maximum de la qualité de celle-ci. RECADRER nous permet de réduire le cadre de la photo afin d enlever certains éléments. Ça a pour effet de mettre en valeur ce que l on conserve. Voici la procédure : A) B) Avec la souris, directement sur la photo, cliquez sans lâcher en glissant d un coin supérieur vers le coin inférieur opposé. Ensuite, sélectionnez «Recadrer» dans le menu «Édition». La photo va être transformée. Si vous n aimez pas, vous pouvez toujours revenir en arrière avec les touches CTRL-Z ou utiliser le menu... 6 Redimensionner (resize en anglais) Cette fonction est LA plus intéressante car elle nous permettra de réduire de beaucoup le poids des photos. On pourra alors plus facilement inclure nos photos dans des documents Word, dans des pages Web, dans des courriels, etc. Les photos sont habituellement beaucoup trop grandes lorsqu elles sortent de la caméra numérique. C est ainsi parce que certaines personnes désirent obtenir un poster grandeur nature chez le photographe. Pour la majorité des utilisations informatique, 320 X240 ou 640 X 480 (pixels), c est suffisant même si la caméra prend des photos de plusieurs milliers de pixels en hauteur et en largeur. En fait, vous devez savoir que la résolution habituelle des écrans dans les classes permet de voir seulement 800 X 600 pixels. Une photo de cette dimension prendrait alors tout l écran. Étant donné que vous désirez sûrement mettre plus d une photo dans la page,...
Voici le menu qui vous est offert lorsque vous sélectionnez l option de redimensionner : Si vous n avez pas recadré, vous devriez utiliser les dimensions par défaut qui sont offertes ici... Si vous avez recadré votre image, vous pouvez tout de même utiliser ce menu mais vous devriez alors utiliser les pourcentages afin de conserver le ratio. Vous pouvez aussi changer la largeur OU la hauteur. Si vous conservez le crochet l autre donnée va s ajuster automatiquement. Pixels : unité de mesure informatique qui correspond à chacun des points lumineux affichés par votre moniteur. 7 Enregistrer votre image transformée Encore une fois, comme pour la majorité des logiciels, c est via le menu «Fichier» que l on peut enregistrer nos créations. Je vous propose «Enregistrer sous» afin d être certain de pouvoir choisir l emplacement. Celui-ci devrait toujours être le «bureau Windows» à mon avis. Ça permet aux élèves de voir concrètement lorsque le fichier est enregistré car il apparaît directement sur le bureau. En sélectionnant les «Options», vous pourrez augmenter ou diminuer la qualité ce qui aura pour effet de modifier la compression. Votre fichier d image sera alors plus ou moins lourd sans que la dimension soit modifiée. Format du fichier
8 Comparer les fichiers Une fois tout ce travail effectué, vous serez peut-être curieux de découvrir combien de k ou de megs vous avez économisé. Si c est votre cas, suivez ces étapes : A) Avec le bouton de droite de la souris, cliquez sur le fichier de l image et sélectionnez : B) Vous verrez alors combien de K votre image occupe sur le disque dur. En comparant avec le fichier original, vous remarquerez une économie importante. Ça vous permettra d utiliser ces fichiers moins lourds et ces photos moins grandes beaucoup plus facilement. 9 Capture d écran XnView vous permet aussi de capturer des parties de l écran. Cette fonction est drôlement intéressante pour la réalisation de documents de type pas à pas comme celui-ci. Ça peut aussi être fort pertinent d exiger que les élèves conservent des traces de leur démarche informatique à l aide de cet outil. Voici comment c est possible. A) Sélectionnez cet outil : B) Sélectionnez les options suivantes : Ces choix dans la section «Méthode» et «Options» vous permettront même de capturer les menus déroulants. Dans le cas de cet exemple, c est avec la touche F10 que l on peut lancer la capture. Le fichier d image qui est généré est automatiquement ouvert dans XnView.
10 Diaporama d images Présenter un diaporama d image peut s avérer fort intéressant pour plusieurs applications pédagogiques. Plusieurs logiciels nous permettent de faire cela mais les options de XnView sont intéressantes. A) Sélectionnez cet outil : B) Choisissez «Ajouter» pour inclure les fichiers d images un à un ou «Ajouter répertoire» pour ajouter d un coup un dossier complet d images. C) Encore une fois, de façon plus intuitive, vous pouvez glisser des fichiers ou des dossiers directement dans cet espace plutôt que d utiliser les menus. D) Lancez le diaporama Quelques idées pédagotic On peut utiliser la fonction de diaporama dans plusieurs contextes pédagogiques de type expositions (à la expo science, comme au musée, pendant la remise de bulletin dans le corridor, etc.). On peut aussi utiliser un diaporama pour permettre aux élèves de faire des présentations. Ils pourront ainsi soutenir leur message à l aide d images (à la Powerpoint). L élève pourrait aussi écrire quelques mots à l aide d un traitement de texte et prendre des captures d écran à chacune des pages afin d en faire des photos et inclure celles-ci dans son diaporama. Un montage qui combine photos et texte est aussi possible de la même façon. De façon plus générale, les photos sont un excellent moyen de permettre aux élèves de laisser des traces de leur processus, particulièrement s ils sont en projet et en équipe. C est rapide et motivant pour eux de prendre des photos à différentes étapes du projet afin de Octobre 2004 pouvoir plus facilement en parler par la suite. Dominic Gagné dominic.gagne@csvdc.qc.ca