Trucs et Astuces

Chaque semaine, Micro Application vous propose une astuce différente choisie parmi différentes thématiques :

Bureautique, Internet et création de sites, Photo et vidéo, Windows, ...

Une astuce gratuite chaque semaine ?

Envie de découvrir une nouvelle astuce chaque semaine ?





L'astuce : Préparez vos images pour le web (débutants)


Agrémentez vos pages internet avec des images personnelles, en utilisant l'assistant "Enregistrer pour le web" de Photoshop.



1. Préparation de l'image et dimensions

  • Votre image doit être en mode couleurs RVB. Si ce n'est pas le cas, allez dans le menu Image > Mode et choisissez "Couleurs RVB".
  • Assurez vous que les dimensions de votre image correspondent à celle d'une image web.
    Les dimensions utiles d'une fenêtre de navigateur internet, pour un écran de résolution 800 x 600, est environ de 720 x 480 pixels.
  • Le poids d'une image, et donc le temps qu'elle mettra à se charger en ligne, est directement fonction de ses dimensions.
    Plus votre image est petite, plus elle se chargera vite.


  • 2. Lancez l'assistant "Enregistrer pour le web"

    Vous pouvez lancer l'assistant via le menu Fichier > Enregistrer pour le web ou avec le raccourci clavier ctrl + alt + shift + S.
    Choisissez l'onglet "4 vignettes".
     

     
    Vous pouvez choisir d'enregistrer votre image en gif ou en jpeg, qui sont les formats les plus couramment utilisés sur internet, et reconnus par tous les navigateurs.
    Essayez plusieurs formats, un par vignette, pour les comparer.
    Le poids s'affiche en bas à gauche de la vignette.



    3. GIF

    Pour quel type d'images ?
    Utilisez le format gif pour des titres et des images comportant un nombre limité de couleurs, en aplats, et si vous désirez une transparence.


    Le minimum est de deux couleurs.
  • Le format Gif fonctionne par couleurs indexées, c'est à dire que l'image a un nombre limité de couleurs (256 au maximum). Pour baisser le poids de l'image, on en réduira le nombre de couleurs.
  • Il existe 4 palettes différentes, c'est-à-dire 4 manières pour votre ordinateur de calculer les couelrus de l'image. La palette Perceptive est la plus exacte l'oeil humain. Les palettes Sélective et Adaptative sont plus stables d'une plate-forme à l'autre.
  • Cochez la case "Transparence" pour récupérer la transparence de votre image.
    Ou cliquez sur une case de couleur dans la table des couleurs, puis sur l'icône "transparence", pour que cette couleur apparaisse comme transparente.
  • NB : le format PNG est amené à terme à remplacer le format GIF. Il propose notament une transparence plus fine (8 bits, 256 niveaux de transparence pour le PNG et 1 bit, 2 niveaux pour le gif). Mais il n'est pour l'instant reconnu que par les navigateurs de dernière génération.



    4. JPEG (se prononce "jipègue")

    Pour quel type d'images ?
    Utilisez le format jpeg pour les photos et les images comportant beaucoup de couleurs différentes, ou des dégradés...


    Pour changer le poids de l'image, changez le taux de compression.
  • Le format Jpeg fonctionne par approximation.
    C'est-à-dire que, pour chaque zone de 8 pixels sur 8, il va calculer la moyenne des couleurs.

  • Les artefacts apparaissent quand l'image est compressée au maximum.
  • Si vous compressez trop votre image, des petits défauts ("artefacts") apparaitront tous les 8 pixels.

  • NB : le format JPG 2000 devtrait bientôt remplacer le format JPG. Sans artefact, il permet un chargement progressif. Il n'est malheureusement pas encore reconnu par les navigateurs.



    Choisissez la compression que vous désirez voir appliquer à votre image en cliquant sur l'une des 4 vignettes. Cliquez "OK" et nommez votre image.



    Un service offert par

    Pour aller plus loin...

    logiciels
    Retouchez vos Photos !
     
    Retouchez vos Photos !
    Améliorez vos clichés et créez des images d’exception !
    logiciels
    Roman Photo Créateur
     
    Roman Photo Créateur
    Créez, animez et imprimez en quelques clics vos propres romans-photos !
    solutions
    PhotoPlus X2 Digital Studio
     
    PhotoPlus X2 Digital Studio
    Retouche, classement et partage
    papiers
    Papier Photo format 10x15
     
    Papier Photo format 10x15
    Pour imprimer vous-même vos photos !
    logiciels
    Votre Suite Créative
     
    Votre Suite Créative
    La suite de création graphique 3 en 1 : dessin + retouche d'images + mise en page !
     
     

    Les autres astuces Retouche photo




    Mon projet Maison