Bon, on va aborder un dernier point au cas où .. [b]Enregistrer une image pour le web[/b] lorsque vous travaillez sous un logiciel de graphisme :
[align=center]L'enregistrement de votre travail est l'une des choses les plus importantes à connaitre
Lorsque vous travaillez sous un logiciel de graphisme, vous utilisez souvent des calques. Mais si l'image était sous un format image simple, lorsque vous souhaiteriez y revenir, tout vos calques auraient disparus et seraient fusionnés.
Pour eviter cela, rien de plus simple, le logiciel le fait automatiquement.
Il suffit d'aller dans menu Fichier/ Enregistrer, et nommer votre travail.
Pour [b]The Gimp[/b], le format natif est .[b]XCF[/b]
Pour [b]Photoshop[/b], le format "natif" est .[b]PSD[/b]
Pour [b]Paint Shop Pro[/b], le format "natif" est .[b]PSP[/b]
etc ..
Vous me direz alors, mais pourquoi ce Tuto alors?
[b]Et bien le net ne lit pas ces formats "natif"[/b], et il va donc falloir les enregistrer sous un autre format.
Le format qui conserve le mieux les couleurs pour un poids ( Ko ) le moins important est le [b]Jpeg [/b]ou le [b]png[/b], c'est celui que je vous recommande d'utiliser dans la majorité des cas.
Il y a deux cas où l'on utlisera un autre format, pour la [b]transparence[/b], une image détourée. Et pour sauvegarder une [b]animation[/b].
Il faudra alors enregistrer l'image sous le format [b]Gif[/b].
J'en vois déjà qui clament que non, pour une image transparente il faut l'enregistrer au format .png, que les couleurs y sont bien mieux gérées, et le rendu bien meilleur .. oui mais ceux ci utilisent Firefox ou IE7 comme navigateur, et oublient que [b]la transparence des png n'est pas géré pas Internet Explorer 6 ou antérieur [/b](navigateur utilisé encore par la majorité des internautes), résultat, un fond gris sur votre image, ce qui ne fait pas des plus jolis, le png est donc malheureusement à éviter.
[img]http://img68.imageshack.us/img68/9436/pngjx7.jpg[/img] [img]http://img160.imageshack.us/img160/6111/pngsansqk2.jpg[/img] [img]http://img239.imageshack.us/img239/5646/gifhj7.gif[/img]
Dans l'ordre : png sous FF ou IE7; png sous IE6 ou anterieur; format .gif
Autre moyen pour avoir une belle image avec "effet" de transparence, lui ajouter un calque de fond de la couleur de fond où vous la posterez (ce que j'ai fait ici, les deux première image étant des .jpg). C'est ce qu'on appelle tricher ^^
Voyons maintenant comment enregistrer notre travail sous un autre format.
[color=red]Lorsque vous souhaitez enregistrer votre travail pour le web[/color], allez dans
menu[b] Fichier/ Enregistrer [u]sous[/u][/b]
En dessous du champ "Nom du fichier" vous devriez trouver un menu qui vous permet de modifier le format de l'image, il ne vous reste plus qu'à le choisir et valider.
[color=red]Sous Gimp :[/color]
Cette fenêtre apparait, selectionnez le type de fichier (comme encadré en rouge)
[img]http://img239.imageshack.us/img239/8418/savegimpcq5.gif[/img]
Il ne vous reste plus qu'à selectionner le format souhaité dans la liste.
[color=red]Sous Photoshop :[/color]
[b]2 solutions :[/b]
1 - Soit comme précedement
Séléctionnez le Format souhaité dans le menu déroulant sous le nom du fichier et voilà
Veillez aussi au poids de l'image, inutile que celui soit trop élevé, une qualité de 8 sera bien suffisante, et permettra à l'affichage de la page d'être plus rapide.
[img]http://img239.imageshack.us/img239/3483/savetoshopfn2.gif[/img]
2 - Soit en choisissant [b]Enregistrer pour le Web ...[/b] qui permet de vérifier directement la qualité d'enregistrement.
Une large fenêtre s'ouvre, dans laquel en haut à droite vous pourrez sélectionner le format désirez
(Pour les autre réglages, laissez les tel quel si vous ne savez pas à quoi il correspondent)
[img]http://img66.imageshack.us/img66/2716/savetoshop2lx0.gif[/img]
En bas à gauche de votre fenêtre, sous votre images, les détails d'enregistremenr de votre image, ainsi que son poids une fois enregistré. Essayé tout de même d'avoir un poids qui ne soit pas trop élevé, l'affichage de la page Internet et de votre image n'en sera que plus rapide.
[img]http://img513.imageshack.us/img513/1631/infokr2.gif[/img]
[/align]
Cordialement, korokuso