Un guide rapide de la photographie de site Web

L'inclusion d'une superbe photo peut transformer une page Web simple en une page visuellement attrayante. Mais pas n'importe quelle vieille photo. Décider de la bonne image est quelque chose que nous devons considérer avec soin.

Parfois, cependant, les concepteurs ne prennent pas nécessairement cette décision. Par exemple, avez-vous déjà reçu une image pas si bonne d'un client ? Ils peuvent insister pour l'utiliser, même si cela nuit à l'esthétique globale de leur site Web.

Même dans ce cas, il reste encore une chance de sauver la situation. Il s'agit de mieux comprendre le rôle que la photographie peut jouer dans la conception Web. Si nous pouvons éduquer nos clients et nous-mêmes, nous pouvons éviter ces images granuleuses et décalées que votre client a prises avec son téléphone portable de 10 ans. À sa place, une photo attrayante et pertinente ajoutera à l'expérience globale.

Dans cet esprit, voici quelques conseils utiles pour choisir les meilleures photos pour votre site Web.

Considérez le sujet

Avant tout, une photo doit refléter le sujet de votre contenu – au moins, dans une certaine mesure. Celle-ci n'est pas une science exacte et est souvent sujette à interprétation.

La voie la plus simple, bien sûr, serait d'engager un professionnel pour prendre des photos pour vous. Mais cela dépasse également le budget de nombreuses entreprises. Cela nous amène à l'utilisation inévitable de photos d'archives.

Si vous optez pour la photographie d'archives, vous ne pouvez pas toujours frapper le clou exactement sur la tête en ce qui concerne le sujet. Mais vous pouvez toujours viser à faire passer l'idée de base (même si c'est un peu générique).

À titre d'exemple, disons que vous avez écrit un article de blog sur les raisons d'engager un accordeur de piano. Peut-être que vous n'avez pas accès à de superbes images de quelqu'un effectuant le travail réel. Mais il y a de fortes chances que vous trouviez des photos d'un piano. Mieux encore, celui qui se concentre sur ses parties internes.

L'objectif est de trouver des images qui aident à maintenir l'attention de l'utilisateur sur un sujet particulier. La perfection n'est pas requise, mais essayez de ne pas trop vous éloigner du thème principal du contenu.

Pensez à la couleur et au post-traitement

Grâce aux merveilles d'outils tels qu'Adobe Photoshop et même CSS, la couleur que nous trouvons initialement dans une image ne doit pas nécessairement rester ainsi. Nous pouvons changer la teinte, la saturation ou même convertir en noir et blanc.

Néanmoins, il vaut la peine de réfléchir aux couleurs qui conviennent le mieux à votre projet. Des éléments tels que la conception générale de votre site peuvent être un facteur important, tout comme l'ambiance que vous cherchez à créer.

Si votre site Web a un fond sombre et que vous souhaitez faire une déclaration audacieuse, une photo aux couleurs vives pourrait être exactement ce que le médecin a prescrit. Mais le noir et blanc pourrait être parfait si vous recherchez quelque chose de plus sérieux et discret.

Tous les effets de post-traitement que vous prévoyez d'utiliser doivent également être pris en compte. Toutes les images que vous trouverez ne seront pas de bons candidats pour les filtres spécifiques que vous utilisez.

Par exemple, si vous appliquez une superposition de couleurs à une série d'images d'en-tête sur chaque page de votre site, vous voulez vous assurer que les photos que vous choisissez semblent cohérentes lorsque l'effet est appliqué. Si une image particulière ne semble pas à sa place, elle n'est peut-être pas la mieux adaptée à ce scénario.

La taille et l'orientation comptent

Que vous preniez vos propres photos ou que vous les téléchargiez à partir d'un service de stockage, il est probable que les images que vous choisissez seront recadrées à une taille plus petite avant d'être ajoutées à votre site Web. Même avec des connexions haut débit et des moniteurs 4k, des images gigantesques (avec des tailles de téléchargement tout aussi importantes) ne sont pas très conviviales.

Par conséquent, il est important de réfléchir à la manière dont vous envisagez d'utiliser une image spécifique sur votre site. Quel effet le recadrage aura-t-il sur lui ? C'est là que la taille en pixels de l'image et son orientation entrent en jeu.

Prenez, par exemple, une image d'arrière-plan dans une zone de héros. Dans ce cas, il est souvent préférable d'opter pour des photographies larges et orientées paysage. Essayer de transformer une grande photo orientée portrait en une photo courte et large omettra généralement trop de détails.

Dans le même temps, la taille des pixels est également importante. Idéalement, il est préférable de choisir des images plus grandes que nécessaire afin d'avoir de la place pour les recadrer. L'agrandissement de petites images conduit généralement à une très mauvaise qualité d'affichage. Cherchez donc quelque chose que vous pouvez ramener à la taille souhaitée.

Et n'oubliez pas le mobile ! Selon la façon dont vous utilisez une image, vous devrez peut-être ajuster les styles pour que les choses paraissent parfaites au pixel près sur les petits écrans. Il est également possible qu'une image ait fière allure sur les grands écrans, mais qu'elle ne fonctionne vraiment pas bien sur les petits. Cela peut signifier devoir trouver une image différente qui fonctionnera avec votre modèle réactif.

À propos de la terrible photo de votre client

Plus tôt, nous avons fait allusion aux situations où un client insiste pour utiliser une photo particulière (c'est-à-dire la « mauvaise » photo). Dans ces cas, il est facile de simplement rejeter cela comme une mauvaise idée - et c'est peut-être le cas. Mais il est également sage d'être conscient à la fois de leurs sentiments et de leur processus de pensée.

Pour avoir une meilleure idée de cela, vous devrez peut-être faire un petit sondage. Commencez par exprimer honnêtement et poliment toute préoccupation que vous avez au sujet de l'image. Peut-être que la taille ne fonctionnera pas ou que la qualité n'est tout simplement pas à la hauteur. Quoi qu'il en soit, il est préférable d'exprimer ouvertement vos pensées.

Au fur et à mesure que vous en discutez, essayez de savoir exactement ce qu'ils aiment dans la photo. Vous constaterez peut-être qu'ils l'utilisent parce que c'est le seul qu'ils ont ou parce qu'il a une valeur sentimentale. Il est peu probable qu'ils essaient de « ruiner » votre chef-d'œuvre (bien que s'ils prétendent que c'est la raison, sortez de là aussi vite que possible).

À partir de là, vous pouvez afficher certaines options. Des choses comme l'ajout d'effets ou l'intégration d'un collage pourraient contribuer à un meilleur ajustement. Ou, si l'image peut facilement être recréée, vous pouvez suggérer une nouvelle prise de vue.

La plupart du temps, vous constaterez que les clients sont flexibles en ce qui concerne les images. Et une fois qu'ils voient que vous travaillez dans leur meilleur intérêt, ils sont plus susceptibles de vous rencontrer au milieu. Par conséquent, ne considérez pas leur demande initiale comme une décision finale - il y a probablement une marge de compromis.

De meilleures photos = un meilleur site Web

Avec la quantité de photographies disponibles à portée de main, il est facile de saisir rapidement une image et de l'utiliser. Mais est-ce le bon pour le travail?

En réalité, il faudra peut-être un peu plus d'efforts pour trouver la bonne photo. Tenez compte du sujet de votre site, des choix de couleurs appropriés et de la taille dont vous avez besoin. Cela vous aidera à affiner votre recherche. À partir de là, il s'agit d'expérimenter différentes options et de déterminer la meilleure solution.

Et, dans les cas où un client a ses propres idées, ouvrez les voies de communication et cherchez des moyens de tirer le meilleur parti de la situation.

La photographie est un élément qui peut vraiment faire ressortir votre site Web. Par conséquent, prenez votre temps et choisissez judicieusement !