Enregistrer pour le Web Compression JPEG améliorée avec Adobe Photoshop

Enregistrer pour le Web est une fonctionnalité intéressante des éditions ultérieures de Adobe Photoshop cela nous permet de faire de meilleurs compromis en termes de taille et de qualité afin de conserver une apparence décente. JPEG, PNG ou GIF. Pour ce faire, il réduit la qualité et élimine les métadonnées inutiles. Ce tutoriel se concentre spécifiquement sur JPEG et vous aidera à comprendre comment Enregistrer pour le Web travaille pour que vous puissiez obtenir le meilleur résultat pour vos besoins.

1. Enregistrer pour les bases du Web

Commencez avec votre photo. La grande chose à propos de Enregistrer pour le Web est que vous n’apportez aucune modification à votre original, cela sera sauvegardé dans un nouveau fichier; vous n'avez pas encore besoin d'avoir la bonne taille.

Hit File> Enregistrer pour le Web

Frappé Fichier> Enregistrer pour le Web (Ctrl + Alt + Maj + S)

Enregistrer pour le format et la taille Web

C'est ce que tu devrais voir. Nous allons examiner deux choses: le format et ensuite la taille. Quoi que vous changiez en ceci, cela ne changera pas votre original alors ne vous inquiétez pas pour ça. Je vais changer cela en 1000px juste pour que nous puissions toujours voir ce que nous faisons. Vous travaillez peut-être avec des tailles beaucoup plus petites pour le Web, et ce n'est pas grave. Si vous cliquez 2-Up en haut, vous pourrez voir votre original à gauche et quel sera votre plus petit Enregistrer pour le Web fichier, à droite.

2-up vous permet de comparer votre original à votre image compressée

Vous pouvez déjà voir une différence dans le ciel bleu et, en parlant de couleurs, si vous cochez sRGB alors vous saurez que vos couleurs sont affichées avec précision et comment elles seront vues sur le net. 

Vous remarquerez qu'il y a une section pour Qualité qui est mis à Bicubique par défaut. C'est généralement la meilleure sélection car elle échantillonne plus de pixels que les autres, mais vous remarquerez qu'il y a trois options pour cela: Bicubic, Bicubic Sharper et Bicubic Smoother. Selon Adobe, Bicubic Sharper vous donne de meilleurs résultats lorsque vous réduisez la taille de l'image, mais en cas de doute,Bicubique sera bien.

Sous Aperçu, encore une fois il y a plusieurs options et Moniteur est la valeur par défaut. C'est fondamentalement ce que vous voyez, sans compensation ni ajustement du gamma. Vous pouvez feuilleter les autres pour voir comment les personnes qui utilisent un autre moniteur peuvent voir votre image et faire les ajustements nécessaires..

2. Équilibrer la qualité JPEG et la taille du fichier

Vous aurez remarqué qu'à côté de 2-Up est 4-Up. Cela peut vraiment nous aider à comparer des échantillons de qualité

Une comparaison de l'original et de trois copies compressées à des degrés divers

Cela montre l'original en haut à gauche (1,83 Mo), Qualité maximale en haut à droite (696.3kb), Haute qualité en bas à gauche (150.1kb) et Qualité moyenne en bas à droite (101.2kb). Ayant Optimisé coché réduira un peu trop la taille du fichier.

Il peut être difficile de distinguer les différences à cette taille, voici donc une ventilation de chaque étape majeure de la qualité:

Sauvegarder la comparaison de compression Web à chaque étape majeure

Même de Haute vous pouvez commencer à voir quelques problèmes mineurs d'artefact de compression sur le bord de la cuillère, bien que ce ne soit pas si grave. Au moment où vous arrivez à Moyen Cependant, vous pouvez voir que la qualité commence vraiment à en perdre. Il est intéressant de noter que vous pouvez descendre par étapes plus petites que les préréglages en modifiant le nombre à droite de Qualité. Cela signifie que vous pouvez vous rapprocher de la taille de fichier requise tout en gardant un œil sur la distorsion de votre image..

3. Prévisualiser dans un navigateur et enregistrer

Prévisualisez votre image dans un navigateur Web

Une fois que vous êtes heureux, vous pouvez frapper Aperçu dans le coin inférieur gauche et il va ouvrir dans un navigateur Web pour que vous puissiez voir à quoi ça ressemble. Lorsque vous avez terminé, cliquez sur sauvegarder et cela vous donnera la possibilité de renommer votre fichier, en mettant aussi des tirets pratiques dans les espaces pour vous aussi.

Conclusion

L'enregistrement d'images pour le Web est un compromis. Vous souhaitez que votre image soit chargée rapidement et ne prenne pas trop de place (ceci est particulièrement pris en compte par les sites Web tiers tels que Facebook et Twitter qui n'autorisent tout simplement pas les grandes tailles) tout en conservant une superbe apparence. Avec Enregistrer pour le Web vous pouvez affiner une image pour le Web beaucoup plus précisément qu'auparavant, en équilibrant avec soin ce compromis entre compression / taille et qualité. Faites ce qu'il faut, et vous avez une longueur d'avance sur le jeu pour tous ceux qui ajoutent encore des images en taille réelle sur leurs sites Web, leurs profils et leurs portefeuilles, laissant ainsi le logiciel deviner.

Enregistrer pour le Web à l'état sauvage