Images bitmap (ou matricielles) et images vectorielles.

• exemple sur VectorMagic
• une autre exemple ici
  

Les formats d'image les plus utilisés...(.bmp, .jpg, .gif, .png)...

• les formats (ici un article plus complet)
  
• la résolution (ici un article plus complet)

Télécharger francois_rollin.jpg, ouvrir et enregistrer l'image successivement dans les formats .bmp,.jpg,.gif et .png.

Cliquez sur l'image pour l'afficher dans sa taille réelle...Enregistrez-la ensuite sur le bureau

Ouvrez successivement ces différentes versions de la même image dans Photofiltre et zoomez sur chacune d'entre elles pour comparer les ''effets'' des différents formats.

Comparer le poids (en Ko, Mo,...) de chacune des versions de l'image.

Détourer une image et appliquer une transparence autour du détourage...Avec quel outil ?

Ouvrez l'image francois_rollin.jpg dans Photofiltre. Choisissez la Baguette magique comme outil de sélection. Cliquez avec la Baguette magique sur le fond blanc de l'image.

Le fond devrait être maintenant sélectionné.

Rendez-vous dans le menu Image, survolez l'option Transparence automatique et enfin Région intérieure à la sélection.

Nous avons ajouté une transparence autour de l'image mais on constate que la qualité de l'image en est dégradée.

Annulez alors les modifications, puis à nouveau équipés de la Baguette magique vous sélectionnez encore le fond blanc de l'image. Rendez-vous dans le menu Sélection et choisissez Inverser. C'est le personnage qui est alors sélectionné. Faîtes un clic-droit sur cette nouvelle sélection pour la Copier.

Passez par le menu Fichier>Nouveau. Nous allons maintenant créer une nouvelle image de 600 px de large par 900 px de haut...couleur de fond : transparent(e)...alors ??!!

Ouvrez l'image francois_rollin.jpg dans Gimp. Choisissez la Baguette magique comme outil de sélection. Cliquez avec la Baguette magique sur le fond blanc de l'image.

Le fond devrait être maintenant sélectionné.

Rendez-vous dans le menu Sélection et choisissez Inverser.

Lorsque notre personnage est bien sélectionné, allez dans le menu Calque, choisissez Masque et enfin Ajouter un masque de calque. (Dans la palette des calques, vous pouvez aussi faire un clic-droit sur le calque sur lequel vous travaillez et choisir Ajouter un masque de calque.)

La boîte de dialogue Ajouter un masque de calque apparaît, cochez l'option Sélection puis validez. Il faudra ensuite appliquer le masque en passant soit par le menu Calques>Masques....soit, dans la palette des calques, par un clic-droit sur le calque concerné.

Enregistrer l'image successivement dans les formats .bmp, .jpg, .gif et .png.

Ouvrez successivement ces différentes versions de la même image dans Photofiltre et zoomez sur chacune d'entre elles pour comparer les ''effets'' des différents formats

(Facultatif)

Insérer les images dans différents formats de documents informatiques.

Ouvrez un nouveau document OpenOffice Writer. Rendez vous dans le menu Format et choisissez Page. Dans la boîte de dialogue qui apparaît, cliquez sur l'onglet Arrière-plan et choisissez une couleur (vive de préférence !!)

Insérez ensuite successivement les 4 images aux formats .bmp, .jpg, .gif et .png.

Démarrez Nvu, rendez vous dans le menu Format et choisissez Couleurs et fond de page. Cochez Couleurs personnalisées, puis cliquez sur le bouton pour changer le Fond (la couleur) de la page. Choisissez une couleur...vive de préférence !!

Via le menu Tableau, insérez un tableau de 2 lignes sur 2 colonnes.

Insérez ensuite successivement les 4 images aux formats .bmp, .jpg, .gif et .png dans chacune des cellules du tableau.

Enregistrer sur le bureau cette page sous le nom test.html.

Ouvrez la page test.html avec Internet Explorer (6 et/ou 7) puis avec Mozilla Firefox...des différences ??

Cliquez ici pour avoir un aperçu

Avec le GIMP, passez par le menu Fichier et choisissez Nouveau. Dans la boîte de dialogue qui apparaît, demandez à créer une image de 1600 px de large et 1200 px de haut. Idéalement, il nous faudra une couleur de fond vive...si la couleur de premier plan ou d'arrière-plan conviennent à l'exercice, sélectionnez l'option corrrespondante dans le menu déroulant Remplir avec.

Si ce n'est pas le cas, sélectionnez dans ce menu déroulant soit Blanc soit Transparence.

Nous lui appliquerons une couleur avec l'outil Pot de Peinture.

Via le menu Fichier de la fenêtre de l'image, choisissez Ouvrir en tant que calques...puis insérez successivement les 4 images aux formats .bmp, .jpg, .gif et .png en tant que calques...Vous pouvez déplacer les calques à l'aide de l'outil de Déplacement.

Comment se comportent nos différents formats ?