Les images :
Créer une image en couleurs, la compresser
transparente, animée, avec effets spéciaux
Bannières, Background, Barre, Bouton, Icone,
Favicon Palette Gif JPG RGB Hex

Cette page est consacrée aux images.
Si vous voulez créer votre Homepage, allez voir le coin des débutants.
Les Webmasters se retrouveront sur la page le coin des webmasters.
Nous offrons une aide en Français pour ceux qui souhaitent être hébergés par Geocities.com ou par Webhosting.com.
Pour toutes les réponses se rapportant à l'E-mail, rendez-vous dans notre page Email !

Antoine et Amelie - regle en pixels

Un pixel, c'est quoi ?

Sur le Web, on mesure tout en pixels.
Il vous faut donc une règle, non pas en centimêtres mais en pixels.
Téléchargez A screen ruler for you en version gratuite 1.1, vous ne le regretterez pas...
Choisissez vos couleurs...

Si vous parlez Anglais, lisez les articles de Color Matters. Vous y apprendrez la signification inconsciente des couleurs. Par exemple, l'orange signifie bon marché aux yeux des Américains.
Puis retrouvez-la en RGB et en Hexa :
Si vous êtes dessinateur ou maquettiste, voici
Comment fabriquer une image gratuitement?

D'abord, vous avez besoin d'un programme :
- Fireworks Version 3(13 Mo du 20 janvier 2000) de Macromedia : génial, ne le ratez pas!
- Paint Shop Pro 4.14 (3 MO) est fantastique et fera tout ce que vous voulez.
- Ulead Photoimpact 10 en Français (81 Mo - essai gratuit pour 30 jours, après 110 €)
Pour créer une bannière avec Paint Shop Pro par exemple, sélectionnez File:New, Width:468, Height:60, Color 16Millions.
Pour remplir avec une couleur, utilisez le sceau penché et c'est parti...
Je crée une bannière animée en 15 minutes
- Je crée plusieurs bannières simples de 16 couleurs au maximum, au format .gif, et ayant les mêmes dimensions.
  Pour vous, ce sera 3 images pas trop différentes les unes des autres!
  Je vérifie leurs poids en KO (pas plus de 5 KO chacune).
  Je les enregistre dans un même dossier et et les baptise
  - animation1.gif
  - animation2.gif
  - animation3.gif
- Je choisis, je télécharge et j'installe un logiciel qui va prendre mes fichiers GIF sauvegardés séparément, pour créer un seul fichier animé GIF.
  - Ulead Gif Animator Version 5
    Sorti le 4 février 2001 - 11 Mo pour PC
    Essai gratuit pendant 15 jours, après 45$
    Manuel d'utilisation en anglais 2Mo
  - UnFREEz version 2.1
    Sorti le 10 septembre 2001 - 19 MO pour PC - logiciel gratuit
  - Gif Builder version 1.0 POUR MAC
    Pour MAC - sorti en août 2000 - 301k
- J'ouvre mon logiciel, par exemple Ulead
  Je clique sur File Animation Wizard, pour me laisser guider
  Preset Canvas Size : j'indique la largeur et la hauteur de l'image animée
  J'ajoute mes images créées plus haut : Add Images
  Je spécifie "the delay time", durée d'affichage de chaque image en centième de secondes (par exemple 50)
  J'ai fini : Finish
Bon à savoir :
Loop infinitely si l'animation doit tourner en boucle indéfiniment.
"Preview" ou "Edit + Play animation" pour jeter un oeil (aperçu).
Je suis satisfait, je clique sur "Save File" et j'enregistre ma bannière animée sous le nom "animation.gif".
Attention : Je vérifie le poids de ma bannière animé. Elle ne doit pas dépasser 15 KO.
Si elle est lourde, c'est vraisemblablement parce que les images de base étaient trop lourdes ou trop différentes.
Reste à optimiser l'image animée : Optimization Wizard, Color Palet (même palette légère pour toutes les 3 images) et Optimize Panel m'ouvrent les bras!

Voici une bannière animée. Son nom est puba02250x60.gif.
Elle pèse moins de 8k, contient 16 couleurs et fait 250x60 pixels.
Si elle vous plaît, vous pouvez la coller sur votre page. Sachez que nous référençons régulièrement sur Alta Vista les pages où figurent nos bannières.

Le code HTML est le suivant:
```
<A HREF="http://www.antoineamelie.com/">
<IMG SRC="http://www.antoineamelie.com/photo/puba02250x60.gif" 
 width=250 height=60 alt="Antoine et Amelie"></a>
```
Si elle ne vous plaît pas, vous en trouverez d'autres sur notre page des bannières.

Les huit formats retenus pour les bandeaux sur l'Internet sont actuellement:
- Bandeau complet (468 x 60 pixels)
- Bandeau (392 x 72 pixels)
- Demi-bandeau (234 x 60 pixels)
- Bouton carr� (125 x 125 pixels)
- Bouton 1 (120 x 90 pixels)
- Bouton 2 (120 x 60 pixels)
- Micro bouton (88 x 31 pixels)
- Bandeau vertical (120 x 240 pixels)
Visitez donc ZAW Show. Vous y trouverez pleins d'idées de bannières et pourrez y afficher votre bannière gratuitement.
Apprendre à se servir de Photoshop

Photoshop est un logiciel couteux.
Si vous pouvez l'utiliser, n'hésitez pas à apprendre son fonctionnement :
- Les outils de Photoshop(débutant)
- Photoshop et le Web(débutant)
- La palette dessin Photoshop(débutant)
- Tutorial Photoshop (en Français)
- Aide Photoshop (en Français)
- Astuces Photoshop(très clair)
- Créer simplement des formes en 3D filaire avec Photoshop (du pas à pas)
- Adobe Photoshop 5.0 Tutorial(pour débutants)
- Getting started with Photoshop Demonstration Tutorial (PDF 27 pages)
- Create a Transparent Gif in Photoshop
Un logo, un dessin, une photo pour PME

Si vous êtes une PME, une grande société, une revue de presse..., contactez un dessinateur professionnel : faites refaire votre logo, rajoutez quelques dessins humoristiques... Pour 440 euros, offrez à votre site un dessin humoristique à vos couleurs, une carte de voeux personnalisée par un dessinateur professionnel :
Pouch.
Vous ne le regretterez pas.

Vous pouvez aussi acheter une image pour votre catalogue, une plaquette...
Voici des adresses où les agences de publicités achètent des photos :
- AbleStock
- Super Stock Images
Voici aussi des adresses pour faire vous-même votre logo en ligne ou le commander :
- Instant Logo
- Logo Works
Des images et des photos gratuites
- Pour les backgrounds, allez voir chez
  - Background Archive
  - Backgrounds by Netscape
- Pour les icônes, barres, boutons rendez-vous à
- Des images animées:
Attention, ces serveurs sont souvent saturés et leurs pages sont longues à s'afficher. Il vaut mieux leur rendre visite le matin très tôt.

Pour voir le drapeau d'un pays, rendez-vous en géographie chez Antoine et Amélie.
Et enfin les petites photos gratuites 120x80 de AbleStock (payantes en plus grand format).
Pour capturer une image dans votre ordinateur, cliquez à droite sur votre souris et choisissez Save as.
Voici aussi les photo de France et d'Angleterre sur le site de FreeFoto
Créér une image en ligne

Si vous voulez créer votre image sans télécharger de logiciel, c'est possible. Connectez-vous sur les sites suivants, choisissez la taille, la forme, les couleurs...
Chacun exécute vos ordres gratuitement! Quand vous serez satisfait de l'image, alors vous chargerez l'image GIF sur votre ordinateur. Chouette!
Banner Ordering vous fabriquera gratuitement votre banniere sous 3 ou 5 jours. Free Banners aussi.
Compression d'images

Si votre image GIF ou JPEG est superbe mais lourde, il vous faut la compresser.
Nous vous déconseillons d'utiliser le procédé suivant avec une image animée. A notre avis, vous récupéreriez une image non animée.
Que vous ayez fabriqué votre image ou que l'on vous l'ait donnée, il vous faut dans 99% des cas l'alléger. Elle s'affichera plus vite!
Pour alléger et donc optimiser votre image GIF, rendez-vous chez
- HVS Gif Cruncher (depuis votre disque ou un URL)
- Gif Wizard
- JPEG Wizard
- Pegasus JPEG Wizard
Ils vous demanderont l'adresse de votre image ou de votre page sur le Web (par exemple http://www.antoineamelie.com/photo/iquestions.gif) et vous montreront des versions optimisées de votre image avec différentes palettes. Il vous suffira de télécharger gratuitement la nouvelle image allégée.
Pour optimiser une image animée, vous pouvez charger le shareware Ulead Smartsaver Pro3(6.36MB valable 15 jours).
Favicon.ico

Si vous voulez affichez votre logo (icone) dans les favoris (bookmarks), voici la marche à suivre. En fait, ce n'est pas si facile pour un débutant et pas indispensable ...
Pour fabriquer un icone pour votre site (favicon.ico de IE5), téléchargez un petit programme d'icônes:
- AX-Icons 4.5 (shareware 2.28MO)
- Microangelo 5.5 (shareware 2.33MO)
- IconForge (shareware 3.13MO)
N'oubliez pas de jeter un oeil sur Xoom.
Puis mettez-le en place sur votre site en vous aidant des conseils de Microsoft.
Certains serveurs vous refusent le favicon.ico soit au moment du chargement (upload Geocities) ou au moment de l'affichage. Il semble que ce soit le cas du serveur Wanadoo.
Des cartes de visite personnalisées

Pour réparer un bon à tirer :
- Ouvrez Adobe Photoshop (*.psd recommandé)
- Créez une nouvelle image 614 X 1063 pixels avec une résolution de 300 pixels par pouce pour obtenir la meilleure qualité d'impression.
  Si le fond est blanc, remplissez l'intérieur de l'image soit 579 X 1028 et laissez donc la marge blanche pour la découpe.
- Utilisez des polices Century Gothic par exemple
  - corps 9 pour le prénom et le nom
    N'inscrivez pas le nom de famille tout en majuscules mais seulement la 1� lettre.
  - corps 6, tout en majuscules, pour l'adresse et le téphone, l'email ...
- Et c'est fini!