En tant que graphiste ou concepteur web, il peut vous être demandé de fournir des images prêtes pour le Web, telles que des photos pour un site Web ou une bannière publicitaire. L'outil Photoshop Save for Web est un moyen simple de préparer vos fichiers JPEG pour le Web, ce qui vous permet de trouver un compromis entre la taille du fichier et la qualité de l'image.
Pour ce tutoriel, vous enregistrez des images JPEG. L'outil Enregistrer pour le Web est également conçu pour enregistrer les fichiers GIF, PNG et BMP.
Qu'est-ce qui rend un Web prêt pour le Web?
La plupart des graphiques compatibles Web partagent des caractéristiques communes:
- La résolution est de 72 dpi.
- Le mode couleur est RVB.
- La taille des fichiers est réduite pour un chargement plus rapide des pages Web.
Ouvrir une image
Pour utiliser l’outil Enregistrer pour le Web, ouvrez une image dans Photoshop.
Cliquez sur Fichier> Ouvrir, recherchez l’image sur votre ordinateur et cliquez sur Ouvrir. Pour des raisons pratiques, une photo fonctionne bien, bien que tout type d'image convienne.
Redimensionnez la photo en un format pouvant être utilisé sur un site Web. Pour ce faire, cliquez sur Image> Taille de l'image, entrez une nouvelle largeur dans le champ Largeur et sélectionnezPixels. Dans ce cas, entrez 400 pixels et cliquez sur D'accord.
Ouvrez l'outil Enregistrer pour le Web
Supposons que quelqu'un vous demande de livrer une photo de 400 pixels de large, prête à être affichée sur un site Web.
Cliquez sur Fichier > Enregistrer pour le Web ouvrir le Enregistrer pour le Web boite de dialogue. (Dans les versions ultérieures de Photoshop, le chemin est Fichier > Exportation > Enregistrer pour le Web.)
Parcourez les différents paramètres et outils de la fenêtre.
03 de 07Mettre en place la comparaison
Au sommet de la Enregistrer pour le Web fenêtre sont une série d'onglets étiquetés Original, Optimisé, 2-Up, et 4-Up. En cliquant sur ces onglets, vous pouvez basculer entre l'affichage de votre photo d'origine, votre photo optimisée avec les paramètres Enregistrer pour le Web qui lui sont appliqués ou une comparaison de deux ou quatre versions de votre photo.
Choisir 2-Up comparer la photo d'origine à la photo optimisée en affichant des copies côte à côte de l'image.
04 de 07Définir l'aperçu d'origine
Cliquez sur la photo à gauche pour la sélectionner. Choisir Original du Préréglé menu sur le côté droit de la Enregistrer pour le Web fenêtre (si elle n’est pas déjà sélectionnée). Cela met un aperçu de la photo originale non modifiée sur le côté gauche.
05 de 07Définir l'aperçu optimisé
Cliquez sur la photo à droite pour la sélectionner. Choisir JPEG élevé du Préréglé menu. Vous pouvez maintenant comparer la photo optimisée à droite, qui sera votre fichier final, avec l'original à gauche.
06 de 07Modifier la qualité JPEG
Le paramètre le plus important dans la colonne de droite est le Qualité valeur. Lorsque vous diminuez la qualité, votre image semble plus floue, mais la taille du fichier diminue et les fichiers plus petits entraînent un chargement plus rapide des pages Web.
Essayez de changer la qualité en 0 et remarquez la différence entre les photos à gauche et à droite, ainsi que la taille du fichier plus petit situé sous la photo.
Le but est de trouver un juste milieu entre la taille et la qualité du fichier. Une qualité comprise entre 40 et 60 correspond généralement à une bonne plage, en fonction de vos besoins. Essayez d’utiliser les niveaux de qualité prédéfinis (JPEG moyen, par exemple) pour gagner du temps.
07 de 07Enregistrez votre image
Une fois que vous êtes satisfait de la photo à droite, cliquez sur le bouton sauvegarder bouton. le Enregistrer optimisé sous La fenêtre s'ouvre. Tapez un nom de fichier, accédez au dossier souhaité sur votre ordinateur, puis cliquez sur sauvegarder. Vous avez maintenant une photo optimisée pour le Web.
