Comment optimiser les images JPEG pour le Web - Les mannequins

Avoir des images accrocheuses sur votre site Web est l'un des meilleurs moyens d'attirer les amateurs d'iPhone et d'iPad soucieux de leur image. Le format JPEG est le meilleur choix pour optimiser les images en tons continus, telles que les photographies et les images comportant de nombreuses couleurs ou dégradés.

Lorsque vous optimisez un fichier JPEG, vous pouvez réduire la taille du fichier en appliquant une compression. Plus la compression est importante, plus l'image est petite, mais si vous compressez trop l'image, l'image peut avoir l'air terrible. L'astuce consiste à trouver le bon équilibre.

Si vous avez une photo numérique ou une autre image que vous souhaitez préparer pour le Web, suivez ces étapes pour optimiser et enregistrer dans Photoshop (dans Photoshop Elements ou Fireworks, le processus est similaire bien que le les étapes spécifiques peuvent varier):

1Lorsque l'image est ouverte dans Photoshop, choisissez Fichier → Enregistrer pour le Web et les périphériques (ou Fichier → Enregistrer pour le Web).

La boîte de dialogue Enregistrer pour le Web et les périphériques s'affiche.

2Dans le coin supérieur gauche de la boîte de dialogue, choisissez 2-Up ou 4-Up pour afficher plusieurs versions de la même image pour faciliter la comparaison côte-à-côte.

Le réglage 2-Up permet d'afficher l'image originale en haut et un aperçu de la même image que celle apparaissant avec les paramètres spécifiés en bas (si vous travaillez avec une image verticale, les aperçus apparaître côte à côte). L'option 4-Up, comme son nom l'indique, affiche quatre versions différentes pour la comparaison.

Images d'artistes Amy Baur et Brian Boldon, d'art inplainsight.

3Sur le côté droit de la fenêtre, sous Preset, cliquez sur la petite flèche pour ouvrir la liste déroulante Optimized File Format et choisissez JPEG.

Le format JPEG est le meilleur choix pour optimiser les images à tons continus, telles que les photographies et les images comportant de nombreuses couleurs ou dégradés.

4Réglez la qualité de la compression.

Utilisez les options prédéfinies Bas, Moyen, Haut, Très élevé ou Maximum dans la liste déroulante. Ou utilisez le curseur juste sous le champ Qualité pour effectuer des réglages plus précis. L'abaissement de la qualité réduit la taille du fichier et accélère le téléchargement de l'image, mais si vous réduisez trop ce nombre, l'image sera floue et tachée.

Photoshop utilise une échelle de compression de 0 à 100 pour les fichiers JPEG dans cette boîte de dialogue, avec 0 la qualité la plus faible possible (compression maximale et taille de fichier la plus faible) et 100 la meilleure qualité possible la plus grande taille de fichier). Low, Medium et High représentent des valeurs de compression de 10, 30 et 60, respectivement.

5Spécifiez d'autres paramètres comme vous le souhaitez (la qualité de compression et le format de fichier sont les paramètres les plus importants).

Par exemple, vous pouvez cocher la case Progressive pour afficher l'image progressivement dans un navigateur Web; c'est-à-dire, pour l'afficher d'abord à basse résolution, puis à des résolutions progressivement plus élevées au fur et à mesure du téléchargement. (Certains navigateurs ne prennent pas en charge les fichiers JPEG progressifs.)

6Cliquez sur Enregistrer.

La boîte de dialogue Enregistrer optimisé sous s'ouvre.

7Entrez un nom pour l'image et enregistrez-le dans le dossier images de votre dossier de site Web.

Photoshop enregistre l'image optimisée en tant que copie de l'original et laisse l'original ouvert dans la zone de travail principale de Photoshop.

Répétez ces étapes pour chaque image que vous souhaitez optimiser au format JPEG.

Au bas de l'aperçu de l'image dans la boîte de dialogue Enregistrer pour le Web et les périphériques, Photoshop inclut une estimation du temps requis pour le téléchargement de l'image à la vitesse de connexion spécifiée. Lorsque vous ajustez les paramètres de compression, la taille de l'image change et l'estimation du téléchargement s'ajuste automatiquement.

Vous pouvez modifier la vitesse de connexion utilisée pour effectuer ce calcul en cliquant sur la petite flèche située juste à droite de la vitesse de connexion et en sélectionnant une autre option dans la liste déroulante, par exemple 256 Kbps pour la vitesse du modem câble. Utilisez cette estimation comme guide pour vous aider à décider combien vous devez optimiser chaque image.