Éternel recommencement que de conseiller nos clients sur la sélection d’images appropriées pour leurs sites internet, c’est ce qui a motivé l’écriture de cet article. Il y a fondamentalement deux types d’images qu’il sera important de choisir pour la création de votre site web soit les images de votre entête et les images qui décoreront l’ensemble des pages de votre site web. Nous examinerons également la taille et la résolution des images.
Où choisir ses images pour le web?
Choisir des images gratuites sur le web est aujourd’hui plus risqué qu’il ne la déjà été car chaque images publiée sur le web est la propriété du site qui la diffuse. Rien ne vous empêche de les utiliser mais il n’est pas impossible de se retrouver un jour avec une mise-en-demeure ou jusqu’à des poursuites directe pour utilisation non-autorisée d’images. Pour éviter de telles situations je vous recommande un site web où les images sont très abordables, de très belles qualités et souvent sur des fonds blancs, il s’agit de IStockphoto.com. Quand vous choisissez vos images il y a deux points important à s’assurer soit le coût des images et le format à choisir en fonction de la taille requise. Si vous cherchez des images pour votre entête vous devrez choisir des images avec une taille d’au moins 800px de large donc, attention, ce sont rarement les XSmall ! En ce qui concerne le prix, partez avec la prémisse que chaque crédits équivaut à 2,00 $ donc une image à 60 crédit vous coûtera 120 $ et une autre à 2 crédit 4 $.
Choix des images pour l’entête ou images en rotations
Les images qui seront utilisées pour l’entête ou pour les images rot
atives sont des images très larges qui généralement vont avoir la même largeur que votre site web. Donc en pixels, ce qui est l’unité de mesure pour le design web, nous aurons besoins d’images entre 800px et 1000px en moyenne. Mais le défi ne se trouve pas dans la largeur de l’image mais dans la façon dont elle devra être découpée car la hauteur ne sera jamais (ou très exceptionnellement) plus haute que 250px. Si vous regardez l’image ici-bas, vous voyez que la partie plus foncée de l’image sera la partie qui sera coupée de l’image. Vous comprenez donc que si vous souhaitiez avoir ce gentil monsieur dans votre image d’entête alors que l’image était faite sur le haut vous allez obtenir un résultat final équivalant à la partie claire de l’image, ce qui n’est pas nécessairement très approprié.
Afin d’obtenir un résultat plus adapté, il vous faudra choisir des images qui sont plus faites sur la largeur et prévoir une zone de coupe en fonction de la hauteur de votre entête pour diaporama.
Quelque-chose qui ressemblerait plus à ceci par-exemple :
Choix des images pour les images à l’intérieur du site
Pour les images utilisées un peu partout dans votre site web, il sera important de choisir des images avec un fond blanc ou un fond facile à découper, je m’explique. La tendance du design actuel veut que les personnages et/ou les objets dépassent et qu’ils donnent l’impression de faire partie du site, quelque-chose comme ceci :
Or, si dans vos choix d’images vous avez choisie des images où la dame était dans un bureau devant un bouquet de fleurs avec ses consœurs et que l
es deux côtés étaient découpées, cette intégration d’image aurait été impossible. Voici un exemple d’image d'un soudeur à éviter :
Cette image sera complètement impossible à positionner à l’intérieur d’un site à mois de l’insérer telle qu’elle car comme vous pouvez voir, il est presque impossible de définir la forme du travailleur et à cause du fond d’étincelles le
web designer ne sera jamais capable de « sortir » le travailleur de cette image pour l’intégrer à votre site.
À l’inverse, voici ci-après une image parfaitement sélectionnée qui sera facile à découper et à intégrer.
Comment guider votre web designer dans vos choix d’images
Maintenant que vous avez compris les besoins de votre web designer votre dernière tâche une fois vos images sélectionnées avec soins sera de lui indiquer quelles parties des images que vous avez choisies il devra conserver. Il se peut que vous choisissiez une image que pour la partie du haut ou celle du centre ou que vous souhaitiez absolument couper une partie que vous ne voulez pas voir. Toutes ces informations sont essentielles dans les consignes finales et pour que ce que vous avez imaginé pour votre site web se réalise…