La bonne taille d’images pour le Web en photographie

Lorsque qu’on débute en tant que photographe professionnel, l’une des premières choses qu’on fait est de se créer un site web. JE vous propose donc de suivre cet article, afin d’en apprendre plus sur la création d’un site internet pour photographe. A l’époque, j’étais déjà assez familier avec WordPress, donc c’était assez facile.

Après avoir terminé mon travail et mis le site en ligne, je me suis vite rendu compte que les photos mettaient beaucoup de temps à se charger.

Même mes amis à qui j’avais montré le site me l’ont fait remarquer. C’était assez désagréable, car le portfolio de photos était censé être le point fort du site web.

Un photographe doit montrer ses photos sous leur meilleur jour, avec la meilleure qualité possible, mais personne ne veut attendre 10 à 15 secondes pour que chaque photo apparaisse. Ni vos amis, ni un client potentiel.

Malheureusement, l’un des éléments qui ralentissent le plus un site web sont les images. Souvent, les images sont chargées à la résolution maximale par erreur. En plus d’être contre-productif, cela est fondamentalement inutile. J’en expliquerai les raisons plus tard.

Le secret pour avoir un site web rapide avec des photos de qualité est d’optimiser vos images pour le web.

Ce n’est pas du tout complexe. Au contraire, vous vous rendrez compte qu’il suffit de quelques minutes pour obtenir d’énormes avantages en termes de navigation sur le site.

Il existe plusieurs méthodes pour obtenir les meilleurs résultats. Dans cet article, je vais vous expliquer comment procéder dans Photoshop. Je remercie le photographe Grégory de PixinShot, photographe à Avignon, pour m’avoir livré toutes ces astuces.

Vous êtes photographe ? Vous devez avoir un site internet !

J’espère que vous connaissez l’importance d’avoir un site web. Un site web personnel reste une formidable carte de visite pour quiconque. Surtout pour un photographe, qui a besoin de montrer son travail au public le plus large possible.

Les avantages d’avoir un site web pour un photographe sont nombreux :

– Vous pouvez mieux organiser votre portfolio, peut-être avec un diaporama.

– vous pouvez parler de vous et de vos projets

– Vous pouvez facilement diriger les visiteurs vers ce qui vous est le plus utile.

Facebook et Instagram, en revanche, sont beaucoup plus dispersés. Car ce sont des médias sociaux, vous n’avez aucun contrôle. Ce que vous pouvez montrer et à qui vous pouvez le montrer dépend des règles des algorithmes.

Aujourd’hui, il est assez facile de gérer un site web de manière indépendante. Avec des plateformes telles que WordPress, par exemple, il est possible de créer et de gérer un site web sans connaître une seule ligne de code html.

Les visiteurs (et Google) aiment les sites rapides

Comme je l’ai mentionné au début, vos photos en pleine résolution ne sont pas bonnes pour être téléchargées sur un espace web.

Prendre des photos à très haute résolution est idéal si vous souhaitez imprimer de grands posters. Sur l’internet, cependant, c’est une autre histoire.

Le téléchargement (et l’affichage) d’images de 10 MO et plus sur une page web prendrait un temps interminable. Cela se traduirait par un temps de navigation très lent.

Le visiteur moyen n’a pas de patience. Si une page prend plus de 3 secondes à charger, elle est immédiatement abandonnée. Chaque seconde de retard réduit la satisfaction des visiteurs de 16 %.

Google apprécie également les sites rapides. Un site rapide sera mieux indexé. À l’inverse, un site très lent sera pénalisé. Traduction : si vous avez un site optimisé, vous serez mieux classé dans les recherches Google.

Quelle est la meilleure résolution pour une photo sur le web ?

Optimiser les photos pour le web signifie essentiellement réduire leur poids sans perdre visiblement en qualité.

Si l’idée de réduire la qualité de vos photos vous effraie, lisez ce qui suit. Vous vous rendrez compte que ce n’est pas si grave.

Une photo prise avec un appareil reflex a généralement une résolution de 300 ppi (pixels par pouce) et une taille moyenne d’environ 6000 x 4000 pixels.

Une résolution aussi élevée ne peut être appréciée que pour l’impression (et les agrandissements). Un moniteur, même en format full HD, a une taille maximale de 1920 x 1080 pixels et une résolution maximale de 96 ppp. Comme vous pouvez le constater, tout le reste est superflu.

Ce que vous devez faire pour optimiser vos photos pour le web

Optimiser les photos pour le web dans Photoshop

Dans Photoshop, il existe une procédure spécifiquement dédiée à l’optimisation des images pour le web.

Lors de l’enregistrement, choisissez “JPEG” dans le menu déroulant, (mais vous pouvez aussi choisir entre GIF et PNG), puis la qualité “Maximum” dans le menu.

Laissez la case “Convertir en sRGB” cochée.

Une parenthèse s’impose ici. Cette case est dédiée au profil de couleur de votre fichier et “sRGB” est le profil de couleur utilisé dans la grande majorité des moniteurs sur le marché.

“Adobe RGB” est un profil de couleur avec une gamme de couleurs plus large, qui est également utilisé par les appareils photo. Cependant, comme elle n’est pas utilisée par les écrans d’ordinateur, vous devez toujours la convertir en sRGB.

Sous “Réglage de l’image”, choisissez le format d’image et l’espace couleur (sRGB). Laissez la qualité à 100.

Redimensionnez le bord long à 1200. Le bord court de l’image sera redimensionné en conséquence, en conservant les proportions d’origine. Réglez la résolution sur 96 DPI.

Dans le champ “netteté de la sortie”, vous pouvez définir une “netteté par écran”. De cette façon, Photoshop ajoutera un facteur de netteté qui améliorera l’affichage du fichier. Si, toutefois, vous voulez avoir un contrôle total, je vous recommande d’améliorer la netteté ultérieurement en travaillant dans Photoshop.

A la fin de l’opération, cliquez sur Exporter. Vous trouverez les fichiers, réduits et redimensionnés, dans le dossier de destination de votre choix.

Conclusion

Le redimensionnement des images pour votre site Web est une opération que vous devez absolument effectuer. En fait, la plupart des plateformes vous permettent de redimensionner les images en ligne.

C’est un processus beaucoup plus rapide et immédiat : il suffit de télécharger votre photo à sa plus haute résolution et de choisir parmi les différentes tailles proposées.

Redimensionnement des photos pour le web avec WordPress

De cette façon, cependant, vous n’avez aucun contrôle sur le redimensionnement. Vous ne pouvez pas choisir la résolution, ni améliorer la netteté.

Pour vous, en tant que photographe, l’objectif principal devrait toutefois être de montrer aux visiteurs de votre site la meilleure qualité possible.

Si vous suivez les étapes que je vous ai montrées dans ce guide, vous aurez un site web rapide et de qualité. Google appréciera également cette démarche et vous récompensera par un meilleur résultat de recherche.