Accueil | Actualité | Annonces | Forum | Philamômes | Histoire postale | Merson | Liens |
|
Les images du Web
Choisir entre GIF et JPEGSur le Web, vous avez intérêt à n'utiliser que deux types d'images GIF pour les images animées, avec un fond transparent ou qui résultent d'outils de constructions vectorielles (Contours polygonaux, titres, par exemple) et JPEG pour les photographies.
Outils de Création, manipulation d'ImagesModifier les imagesVous pouvez utiliser Photofiltre (cf. le site Liberkey)Vous pourrez l'utiliser également pour des conversions ("bmp vers GIF", par exemple) ou des captures d'écran, des diminutions du nombre de couleurs, de taille,... Rendre "transparentes" des images GIFCela sert souvent à enlever les "bords" d'une image :application Windows d'édition et de conversion d'images GIFs, TIFFs et JPEGs tres complète. Il permet (surtout) de rendre transparentes les images GIF . Construction d'images animéesGIF construction Set Permet de créer des images animées par superposition, en affichages successifs. Simple d'usage sous réserve que vous ayiez créé correctement vos images (même taille, centrage,...) L'image ci-dessus est obtenue en utilisant GIF Construction Set, en superposant les deux images suivantes, et en indiquant au programme que l'on fait une boucle (Instruction LOOP) pour réafficher l'image A, la B puis la A, la B,... et en faisant une pose d'une seconde entre chaque image (DELAY =100 dans l'instruction CONTROL de GIF ) :
Construction d'images mappéesMapEditOutil très pratique qui permet d'associer des pages html à des contours polygonaux définis sur une image "GIF". L'utilisateur n'a plus qu'à cliquer avec sa souris sur l'objet pour accéder à la page de son choix. Par exemple, cliquez sur le mot LEVANT sur le timbre suivant : Alleger les images JPEGVous pouvez agir de plusieurs manières (avec PaintShop Pro, par exemple):1-Réduire la surface de l'imageC'est évidemment la meilleure solution, mais pas forcémment celle qui vous conviendra le mieux pour illuster votre propos.Utilisez la fonction resample et non la fonction resize, qui peut aboutir à une perte importante de netteté. N'oubliez pas que les tailles spécifiées (HEIGHT et WIDTH) dans la balise IMG ne modifient pas les tailles réellement transférées : Les deux images ci-dessous on EXACTEMENT le même poids (18Ko). Au moment de l'affichage, le navigateur réduit l'image ; vis-à-vis de l'internaute le temps de chargement est identique : Astuce : Notez qu'à poids égal, une image dont vous spécifiez la taille par les arguments HEIGHT et WIDTH se charge plus vite que celle appelée dans une balise où vous ne spécifiez pas ces paramètres.
2- Diminuer le nombre de couleursEn passant en noir et blanc :Mais, comme vous le voyez, cela ne change pas grand-chose (ici on passe de 18 à 14Ko) 3- Modifier le facteur de compressionC'est là que vous allez pouvoir gagner le plus en poids d'image :
Alleger les images GIFDiminuer le nombre de couleursEn passant de 256 couleurs à 16, bien adapté à notre cas, puisqu'il n'y a que quelques nuances de vert, on perd assez peu en définition, mais on passe de 18 à 6KoLe site de raspberryhill Ce site vous propose d'optimiser l'affichage d'une image GIF en plusieurs modes (diminution des couleurs, taille,...) Vous voyez ensuite le résultat. Vous pouvez alors stocker votre GIF optimisé. (souvent vous pourrez gagner jusqu'à 20 % en taille ! Les codes des CouleursCes codes permettent d'afficher des tableaux avec des fonds colorés :
Les Bannières
Il s'agit de bandeaux publicitaires de différentes tailles, animées ou non.
En voici une des miennes en 460 x 60 pixels (13 Ko)
construite avec les outils ci-dessus. Il y a également plusieurs services on-line qui proposent de réaliser votre bannière gratuitement comme par exemple The banner generator Vous pourrez ensuite promouvoir votre site, en échangeant gratuitement ces bannières avec ceux qui participent au même réseau. Attention, dans la plupart des réseaux d'échanges de bannières non commerciales, une condition est d'être en 460 x 60 pixels avec un "poids" inférieur à 15 Ko. Sur philatelistes.netSur ce site vous pouvez :
|