6-Prévisualisation dans le navigateur et enregistrement en JPEG et GIF

Enregistrement en JPEG et en GIF avec optimisation.

Ouvrir sur le bureau les images 1plage et mon_avion.
Garder ouverte l'image 1plage et réduire mon_avion au bas du bureau.

Sur l'image 1plage, sélectionner, dans la barre de menu : Fenêtre et Dupliquer.
Fermer l'image 1plage en sélectionnant le X à droite.

Dans la Palette de calque, sélectionner le premier calque avec le côté droit.
Choisir : Fusionner et Tout aplatir.
Maintenant nous avons un calque raster.

Avant d'enregistrer, nous allons prévisualiser sous 2 formats, GIF et JPEG.

Sélectionner : Affichage et Prévisualiser dans le navigateur Web.
Dans la fenêtre : Prévisualisation dans un navigateur Web.
Sous Navigateur Web j'ai ici : iexplore (Internet Explorer)
Si vous n'avez rien vous pouvez ajouter un navigateur,
en sélectionnant Modifier les navigateurs Web.
Quelques navigateurs : Internet Explorer, Firefox, Google, Chrome, Opera.

Vous aurez la fenêtre : Emplacement des fichiers.
Sélectionner : Ajouter.
Dans la fenêtre : Informations sur le navigateur, Faire : Parcourir.
Sélectionner : Ordinateur. Dans le cas ici c'est HP(C:) le premier en haut.
Sélectionner le vôtre et Ouvrir.
Sélectionner Programmes et Ouvrir.
Sélectionner votre navigateur et Ouvrir
(dans l'exemple c'est Internet Explorer)
OK

Dans la fenêtre Informations, sur le navigateur, le chemin d'accès
apparaitra dans la première lunette.
Le nom de votre navigateur Web apparaitra dans la deuxième lunette.
Faire OK à la fenêtre
Une fois cette opération faite vous n'aurez plus à la refaire.
Il est possible aussi de supprimer un navigateur en le sélectionnant et Supprimer.

Dans la fenêtre de Prévisualisation, sous Formats de l'image,
sélectionner GIF et JPEG. Les deux doivent être ombragés.
Sous Options, Couleur d'arrière-plan.
Pour l'exercice, prélevez la couleur de votre ciel, en utilisant la pipette.
Concernant la Taille :  c'est la grandeur de l'image actuelle.
Par Défaut et Verrouiller les proportions : Cocher.
Sélectionner : Aperçu.

Nous avons la fenêtre du Fichier GIF.
Dans Zone transparente de l'image , Aucune : Cocher.
Ici mon image compressée fait :14.52 Ko.
(Votre compression sera probablement différente.)
Faire OK à cette fenêtre.

Nous avons la fenêtre du Fichier JPEG avec une compression de 1.
Les ko s'élèvent à 113.4 Ko. (pour mon image)

Pour compresser davantage, augmenter la valeur.
Exemple : 4.
Avec une compression de 4, les Ko diminuent à 73.10.
Faire OK à cette fenêtre.

Donc, plus la valeur de la compression est élevée, plus les Ko diminuent.
Cependant, plus la compression est élevée plus l'image perd de sa beauté.
Quelques secondes d'attente et nous voyons le résultat de nos configurations
dans notre navigateur.

Sous la première image, nous voyons les renseignements pour le format GIF.
Sous la deuxième image, nous voyons les renseignements pour le format JPEG.
Remarquez la différence entre les deux images.

Dans la première image en GIF la couleur du ciel est différente de la
couleur du fond choisit.
Les ballons ont des couleurs saccadées parce qu'ils ont été faits avec un dégradé.
Dans un dégradé il y a plusieurs teintes! L'enregistrement en GIF rassemble
plusieurs teintes de couleur pour n'en faire qu'une, pour évidemment diminuer les
teintes, car il n'y a que 256 couleurs.

Dans la seconde image en JPEG, la couleur du ciel est la même que le fond choisi.
Le dégradé des ballons est respecté et le contour des formes est plus doux.

Pourquoi me direz-vous!
Le GIF a une palette de 256 couleurs seulement et le JPEG a une palette
de 16,7 millions de couleurs. (Plus de couleurs plus de Ko)

Fermer la fenêtre de prévisualisation.

Enregistrement de l'image 1_plage en JPEG.
Sélectionner Fichier et Exporter en JPEG.
Remarque : le choix indiqué dans la fenêtre d'enregistrement est celui que
nous avons choisi dans la Prévisualisation.
Mais nous pouvons encore modifier s'il y a lieu en utilisant l'assistant.
OK.
Sélectionner le dossier d'arrivée.
Dans Nom du fichier, taper un nom qui vous convient.
Important : en minuscule, sans accent et sans espace, de préférence avec un
préfixe numérique et en séparant un mot s'il y a lieu avec la barre en bas.
Exemple : 1_plage

Sélectionner Enregistrer.



Prévisualisation  de l'image 1avion en GIF.
Remarque : quand on fait un GIF, il est préférable de prendre les couleurs
de base qui se trouve sous le cercle chromatique.

Voici un grand secret, pourtant très simple, pour un GIF sans bavure.

Premièrement, il faut connaitre la couleur de fond sur lequel sera l'avion.
Comme pour le fond d'une page Web ou pour le courriel.

Premier exemple pour un fond blanc.
Faire Affichage et Prévisualiser dans un navigateur Web.
Formats de l'image : GIF
Couleur d'arrière-plan : Blanc
Sélectionner : Apperçu.
Sélectionner : Utiliser l'assistant.
Cocher : Existante.
Suivant> Dans : Quelle est la couleur de l'arrière-plan? Choisir : blanc. OK
Suivant> Qualité : Optimale. (toujours ;))))
Suivant> Oui, utiliser les couleurs Web uniquement : Cocher
Ceci pour le Web ou pour un courriel.
Si vous désirez imprimer l'image, cochez : Non, choisir les meilleures couleurs.
Suivant> Terminer.

Le navigateur s'ouvre, voyez le résultat et examiner le contour de l'avion.
Fermer la fenêtre du navigateur.

Voici maintenant une prévisualisation avec la couleur d'arrière-plan noir
sans configurer l'assistant pour un fond noir.
Le résultat est désastreux et  nous voyons des pixels blanc sur le contour
de l'avion!

Ce que nous devons faire.
Faire Affichage et Prévisualiser dans un navigateur Web.
Formats de l'image : GIF
Sélectionner : Apperçu.
Sélectionner : Utiliser l'assistant.
Cochez : Existant.
Suivant> Dans : Quelle est la couleur de l'arrière-plan? Choisir noir. OK
Suivant> Qualité optimale. (toujours)
Suivant> Oui, utiliser les couleurs Web uniquement. Cocher.
Suivant> Terminer.

Le navigateur s'ouvre et voyez le résultat!  Impec!

Exemple de configuration (dans la vidéo) avec l'assistant, pour une couleur
de fond turquoise.

Si vous avez, comme fond de page, un motif ou texture, utiliser une couleur
s'y rapprochant le plus.
Dans le doute, un passe-partout serait d'utiliser un gris.

Pour l'enregistrement du GIF.
Fichier et Exporter en GIF
Remarque : le choix indiqué dans la fenêtre d'enregistrement est celui que
nous avons choisi dans Prévisualisation.
Mais, nous pouvons encore modifier s'il y a lieu en utilisant l'Assistant.
OK.

Sélectionner le dossier d'arrivée.
Dans Nom du fichier taper un nom qui vous convient.
Important : en minuscule, sans accent et sans espace, de préférence avec un
préfixe numérique et séparé un mot, s'il y a lieu, avec la barre en bas.
Exemple : 1_avion

Exemple : dans un courriel  avec un fond à motif. (Dans la vidéo)
Le GIF a été optimisé avec un gris moyen.

La classe du samedi

Accueil