Comment optimiser les images jpeg pour le web

Ayant images accrocheur sur votre site Web est l'une des meilleures façons d'attirer iPhone et iPad amateurs soucieux de leur image. Le format JPEG est le meilleur choix pour l'optimisation des images en tons continus, comme les photographies et images avec beaucoup de couleurs ou des dégradés.

Lorsque vous optimisez une image JPEG, vous pouvez faire la taille du fichier en appliquant la compression. Plus la compression, plus l'image, mais si vous compressez l'image trop, l'image peut sembler horrible. Le truc est de trouver le juste équilibre.

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

1

Avec l'image ouverte dans Photoshop, choisissez Fichier-Enregistrer pour le Web Devices (ou Fichier-Enregistrer pour le Web).

La Enregistrer pour le Web Boîte de dialogue Périphériques apparaît.

Comment optimiser les images jpeg pour le web
Comment optimiser les images jpeg pour le web Agrandir
2

Dans 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 de voir l'image originale sur le dessus et un aperçu de la même image telle qu'elle apparaîtra avec les paramètres spécifiés sur le fond (si vous travaillez avec une image verticale, les aperçus apparaissent côte côté). L'option 4-Up, comme son nom l'indique, affiche quatre versions différentes pour la comparaison.

Images par artistes Amy Baur et Brian Boldon, de l'art inplainsight.

3

Sur le côté droit de la fenêtre, un peu moins de présélection, cliquez sur la petite flèche pour ouvrir la liste déroulante Format de fichier optimisé et choisir JPEG.

Le format JPEG est le meilleur choix pour l'optimisation des images en tons continus, comme les photographies et images avec beaucoup de couleurs ou des dégradés.

4

Réglez la qualité de compression.

Utilisez les options prédéfinies Faible, Moyen, haut, très haut, ou maximales dans la liste déroulante. Ou utilisez le curseur juste sous le domaine de la qualité pour faire des ajustements plus précis. L'abaissement de la qualité réduit la taille du fichier et permet le téléchargement d'images plus rapidement, mais si vous réduisez ce nombre trop, l'image sera floue et tâché.

Photoshop utilise une échelle de compression de 0 à 100 pour les fichiers JPEG dans cette fenêtre de dialogue, avec 0 la qualité la plus basse possible (le plus haut taux de compression et de la petite taille de fichier) et 100 de la qualité la plus élevée possible (le moins de compression et le plus grand fichier taille). Low, Medium et High représentent des valeurs de compression de 10, 30, et 60, respectivement.

5

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

Par exemple, vous pouvez sélectionner la case à cocher progressif pour afficher l'image progressivement dans une browser- web qui est, pour l'afficher d'abord à une faible résolution, puis à des résolutions plus élevées que le téléchargement progressivement produit. (Certains navigateurs ne supportent pas les fichiers JPEG progressifs.)

6

Cliquez sur Enregistrer.

Le Sauvegarder optimisé boîte de dialogue apparaît.

7

Entrez un nom pour l'image et l'enregistrer dans le dossier images dans le dossier de votre site web.

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

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

Au bas de l'aperçu d'image dans le Enregistrer pour le Web Boîte de dialogue Périphériques, Photoshop comprend une estimation du temps nécessaire à l'image pour télécharger à la vitesse de connexion spécifié. Lorsque vous ajustez les paramètres de compression, la taille de l'image change et l'estimation de téléchargement se règlent automatiquement.

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


» » » » Comment optimiser les images jpeg pour le web