Share
Peut-être que la plus grande joie de la photographie est de partager votre travail avec d'autres et de mettre en valeur vos créations. Cependant, la mise en ligne de l’image peut être difficile. Dans ce tutoriel, je vais vous montrer comment exporter des images prêtes pour le Web avec les meilleurs résultats..
Que vos images soient chargées sur un site Web ou envoyées par courrier électronique à votre famille et à vos amis, la compression est nécessaire. Créer des images pour les capacités limitées du Web signifie peser le compromis entre la qualité de l’image et la taille du fichier de l’image. À mesure que la qualité de notre image augmente, la taille du fichier de l'image augmente également..
Un élément clé de la conception pour le Web est la prise en compte de l'expérience utilisateur (Tuts + propose un cours fantastique sur l'UX, si cela vous intéresse), ou la priorité accordée à la capacité du spectateur à visualiser et à naviguer facilement sur le site. Les chargements de page rapides, qui sont en partie déterminés par la taille du fichier de la page Web, constituent une part importante de l'expérience utilisateur. Les images représentent désormais 62% du poids du trafic Web. Garder les images de petite taille dans la taille du fichier aide grandement les sites à se charger rapidement.
En tant que photographes, nous poussons constamment contre cette barrière. Nous voulons de grandes et glorieuses images. Et bien que nous souhaitions que nos images apparaissent bien sur le Web, vous ne voulez imposer à personne des temps de chargement lents. L'équilibre est la clé.
Lorsque nous exportons des images pour le Web à partir d'Adobe Photoshop Lightroom, nous devons prendre en compte deux aspects essentiels: Taille et qualité.
Avant de nous lancer dans l'optimisation de nos exportations, passons en revue une exportation de base dans Lightroom..
Pour commencer une exportation, choisissez une image ou une série d’images à exporter. Je préfère choisir les images que je veux exporter à partir de la bande de film. Après avoir sélectionné les images à exporter, vous pouvez cliquer avec le bouton droit de la souris sur Windows ou Ctrl + clic sur Mac pour choisir. Exporter> Exporter du menu contextuel.
Pour exporter une image, choisissez Exporter> Exporter dans le menu contextuel..Après le démarrage de l’exportation, une nouvelle fenêtre apparaît avec une variété d’options. Examinons les paramètres clés que vous choisirez à chaque exportation..
L'emplacement d'exportation indique où les images finies seront enregistrées. Vous pouvez choisir un dossier dans la liste déroulante et cochez la case "Mettre dans un sous-dossier" si vous voulez que toutes les images soient placées dans le même dossier..
Chaque exportation peut également comporter ses propres paramètres de renommage. Si vous vous en tenez à l'option par défaut, vos images porteront le même nom que les fichiers d'origine, mais seront enregistrées sous un type d'image standard, tout comme JPEG. Vous pouvez également cocher la case "renommer en" et choisir l'un des nombreux modèles de changement de nom proposés par Lightroom pour personnaliser les images exportées..
Nous discuterons un peu plus en profondeur du panneau des paramètres de fichier lorsque nous cherchons à établir un équilibre entre qualité et taille de fichier. Sur cet écran, voici mes suggestions pour chaque option:
Le dimensionnement des images est un autre panneau qui contrôle la taille de nos images. Vous pouvez choisir les dimensions ainsi que le DPI de vos images exportées.
Lorsque l’équilibre entre la taille du fichier et la qualité de l’image est équilibré, voici les points essentiels à prendre en compte:
La première partie d’une exportation efficace consiste à prendre en compte la taille de l’image sur le Web. La taille d'une image correspond aux dimensions réelles en pixels de l'image..
Lorsque vos images sortent de l'appareil photo, leurs dimensions sont énormes. Par exemple, les images de 22 mégapixels du Canon 5D Mark III mesurent jusqu'à 5760 × 3840 pixels. Cependant, l'écran de mon ordinateur portable mesure seulement 1440 x 900 pixels. Voir le problème? Il faut tenir compte du fait que les images Web sont à nouveau plus petites que la largeur de nos moniteurs et que le besoin de redimensionnement est évident.
Vous pouvez afficher les dimensions brutes d’une image dans Lightroom en appuyant sur la touche "i" du clavier. Il affichera les dimensions en pixels de l'image capturée. Vous pouvez voir ici que les images sortant de l'appareil photo seront beaucoup plus grandes que ce qui est nécessaire pour le Web, où les images ont généralement une largeur de 1000 pixels ou moins..Pour les tutoriels sur Tuts +, nos images sont redimensionnées à 600 pixels et ont une taille de fichier maximale de 200 kilo-octets. Cela garantit un chargement rapide et, pour la plupart des gens, cela fait le travail. Si vous lisez cette page sur votre smartphone, il y a de bonnes chances qu'il soit chargé assez rapidement, même si votre connexion était lente.
Ma manière préférée d’exporter des images de Lightroom consiste à choisir l’option "Redimensionner à l’ajustement -> Bord long" dans la boîte de dialogue d’exportation. La taille maximale de toutes les images sera de 600 pixels, que ce soit en mode portrait ou paysage. L'autre côté est calculé automatiquement. C'est une excellente option lorsque j'exporte pour Tuts +, où toutes les images mesurent 600 pixels sur le côté long.Dans un monde parfait, nous pourrions toujours exporter des images avec une qualité maximale. En réalité, nous constatons que les exportations de qualité maximale ne sont pas toujours nécessaires. Aux différences de taille, les différences de qualité sont souvent difficiles à percevoir, ce qui nous permet de baisser légèrement la qualité et de réduire considérablement la taille du fichier..
Sur le haut de l'échelle de qualité, les rendements diminuent. La différence de qualité perçue entre un paramètre de qualité de 90 et 100 est difficile à voir, mais elle augmente considérablement la taille du fichier..
L'image ci-dessus montre la comparaison de la qualité avec les différents paramètres du curseur. Dans le réglage de qualité le plus bas, vous pouvez certainement voir des bandes dans le ciel. Au fur et à mesure que la qualité augmente, le niveau de détail dans les arbres et à la maison augmente également, mais cela se fait au prix d'un fichier plus volumineux, comme indiqué ci-dessous..| Paramètre de qualité Lightroom | Taille du fichier image lors de l'exportation |
|---|---|
| 25 | 91kb |
| 50 | 122 Ko |
| 75 | 168ko |
| 100 | 366kb |
Compte tenu des résultats ci-dessus, je choisirais probablement l'exportation de qualité 75. Il offre le juste équilibre entre qualité et ajustement Tuts + limite d'images de 200 Ko.
Une étape de vérification importante pour l'exportation d'images sur le Web consiste à inclure le profil de couleur approprié dans vos exportations. Daniel Sone a beaucoup écrit sur Tuts + sur les espaces colorimétriques, mais pour pouvoir exporter dans Lightroom, veillez à intégrer le profil de couleur sRGB..
Lors de l'exportation pour le Web, je m'assure toujours d'avoir sélectionné "sRGB" comme espace colorimétrique pour obtenir les meilleurs résultats..Même lors de l'exportation pour le Web, différents scénarios peuvent affecter vos paramètres. Même si nous optimisons la taille du fichier, il est parfois nécessaire d'obtenir des images de meilleure qualité ou de plus haute résolution. C'est pourquoi les préréglages d'exportation sont incroyablement utiles. vous pouvez construire plusieurs options différentes et les utiliser pour les différentes tailles de cibles.
Dans la fenêtre d'exportation, l'enregistrement de vos paramètres actuels pour l'exportation est très facile. Après avoir sélectionné tous vos paramètres d’exportation, appuyez sur le bouton "+" et enregistrez vos préréglages compatibles Web..
Après avoir ajouté vos règles de redimensionnement et de qualité, n'oubliez pas de sauvegarder certains "Préréglages d'exportation" en appuyant sur Ajouter. Cela sauvera toutes vos règles; Je vous recommande d'en construire plusieurs pour vos différentes cibles Web..Dans ce tutoriel, vous avez appris certaines des meilleures pratiques et idées pour exporter efficacement vers le Web. La compression de vos images pour le Web garantit aux internautes de les charger rapidement. Avec les bons réglages, nous pouvons toujours maintenir une haute qualité.
Accentsconagua