Préparer vos photos pour le Web: conseils et techniques

Depositphotos 24084557 s

Si vous écrivez pour un blog, gérez un site Web ou publiez sur des applications de réseautage social telles que Facebook ou Twitter, la photographie fait probablement partie intégrante de votre flux de contenu. Ce que vous ne savez peut-être pas, c'est qu'aucune typographie stellaire ou design visuel ne peut compenser une photographie tiède. D'autre part, une photographie nette et vivante améliorera les utilisateurs? perception de votre contenu et améliorer l'apparence générale de votre site ou blog.

At Intuitif nous passons beaucoup de temps à préparer les photographies d'autres personnes pour le Web, voici donc quelques conseils rapides que nous avons retenus en cours de route.

Attention: les instructions techniques ci-dessous se réfèrent à Adobe Photoshop CS4. Il existe d'autres programmes qui peuvent exécuter les mêmes fonctionnalités, donc si vous n'avez pas accès à Photoshop, veuillez consulter la documentation d'aide de votre programme d'édition d'images pour voir si vous pouvez appliquer ces techniques.

Redimensionnement et netteté

Souvent, la préparation d'une photo pour votre site Web ou votre blog vous oblige à la réduire, surtout si elle provient d'un appareil photo numérique multi-mégapixels. Il est important de savoir qu'une réduction de taille implique une réduction des détails, car Photoshop est «mushing». ensemble les pixels voisins afin d'adapter l'image à ses nouvelles dimensions; cela donne à la photo un aspect flou.

Afin de? Faux? le détail que vous avez perdu, vous devez appliquer le filtre Masque flou (Filtre> Masque flou). Peu importe le nom contre-intuitif - le masque flou est en fait plus net!

Boîte de dialogue Masque flou

Vous pouvez remarquer à quel point les détails sont plus clairs et prononcés Figure 2 ci-dessous.

Filtre de masque flou

Les commandes de la boîte de dialogue Masque flou peuvent sembler décourageantes, mais la bonne nouvelle lors de la préparation de photos pour le Web est que vous n'aurez pas à les manipuler beaucoup. Je trouve un montant de 50%, un rayon de 5 et un seuil de 0 fonctionne presque tout le temps.

Recadrer les images de manière contextuelle

Dans certains scénarios, vous souhaiterez peut-être créer une série de miniatures qui renvoient à une version plus grande d'une image. Les scénarios courants pour cela sont des galeries de photos ou des titres d'actualité qui ont une version miniature d'une photographie plus grande.

Lorsque vous réduisez une image à la taille d'une miniature, essayez de recadrer l'image selon ses éléments essentiels avant de la redimensionner. Cela permet aux utilisateurs de saisir le contenu et la signification de l'image même à de petites tailles.

Recadrer les images de manière contextuelle

Figure 1 est une image qui a été directement mise à l'échelle à ses dimensions de vignette, mais Figure 2 a été recadrée aux éléments les plus importants de la photo. Cela permet aux utilisateurs de comprendre rapidement ce que l'image essaie de communiquer et les encourage à cliquer pour plus d'informations.

Vibrance et saturation

La saturation d'une image est l'intensité de ses couleurs. Sur les images sous-saturées, les tons de peau semblent maladifs et le ciel est gris et terne. Pour donner un peu de vie à vos images, Photoshop CS4 dispose d'un filtre que je recommande appelé Vibrance.

Si vous souhaitez donner rapidement de la vie à votre photographie terne, essayez ce qui suit:

  1. Ajouter un nouveau calque de réglage (Calque> Nouveau calque de réglage> Vibrance)

    Filtre de vibration

  2. Augmenter le curseur Vibrance (Figure 2) dans le panneau Réglages intensifiera la couleur tout en protégeant les tons chair (en les empêchant de paraître trop orange). Le curseur Saturation aura un effet similaire, mais changera l'image entière, y compris les tons chair.

Conclusion

Ces conseils ne sont que la pointe de l'iceberg en termes de fonctionnalités riches et puissantes que Photoshop offre pour corriger et optimiser la photographie. Veuillez indiquer dans les commentaires s'il y a d'autres techniques que vous aimeriez voir expliquées.

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..