Blog-SolutionsBlogue

Conseil pour bien choisir ses images de site web

By novembre 29, 2017 No Comments

Conseiller nos clients sur la sélection d’images appropriées pour leurs sites internet, est une tâche à laquelle que nous devons régulièrement nous aviser et c’est aussi 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 conception 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 rotatives 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.

Afin d’obtenir un résultat plus adapté, il vous faudra choisir des images qui sont construite 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 à ceci par-exemple :
cropreussi

Choix des images pour les images à l’intérieur du site

Pour les images utilisées dans votre site web, il sera important de choisir des images avec un fond blanc ou un fond facile à découper. 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 :

imageintegree

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 les 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 :imageeviter

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 graphiste 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.
imageparfaite

Comment guider votre graphiste dans vos choix d’images

Maintenant que vous avez compris les besoins de votre graphiste 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 que votre site web se réalise…