L'apparence d'une page web ou d'un article de blog peut avoir un impact direct sur l'expérience de l'internaute. Le choix des illustrations (photos, dessins, icônes, pictos, ...) a aussi son importance car elles peuvent attirer l'attention des lecteurs. De plus, quand les lecteurs partagent vos billets sur les réseaux sociaux, ils ont la possibilité d’afficher une image ; si celle-ci est bonne alors elle est plus susceptible d’être partagée (et votre article aussi par la même occasion !).
 
La qualité de vos images reflète donc la qualité de votre site ou blog.

Mais choisir une image ce n'est pas aussi facile que ça !

Quelles sont les clés d'une bonne image ? Comment les disposer ? Comment trouver des images gratuites ?

Pour répondre à ces questions, nous avons trouvé une infographie très complète issue de Marketing Land. Sous cette image, vous trouverez la traduction de l'infographie ainsi que nos commentaires.

Pour ceux qui désirent voir l'infographie dans son intégralité et en anglais, c'est par ici! 

Les conditions à remplir pour des images de haute qualité :

-    Des couleurs claires
-    Une bonne exposition
-    Une bonne composition
-    Pas de détails flous ou granuleux
-    Pas d’images déjà utilisées sur un autre billet.

Quelles images utiliser ?

Aussi facile que cela semble l’être, vous ne pouvez pas prendre n’importe quelle image trouvée dans les recherches Google. Il est important de savoir quelle image peut être ou non utilisée en fonction de ses droits d’auteurs.

Quand vous cherchez une photo, sachez toujours quels types de droits d’auteurs l’image détient.

Il y a plusieurs types de licences mais celles citées ci-dessous sont celles que vous devez connaître quand vous cherchez une image pour un billet de blog :

-Creative Commons : organisation à but non lucratif qui a mis ce service en place afin de faciliter la mise sous licence pour les photographes. Les images, issues de Flickr, Google, Yahoo, Pixabay, ne sont pas toujours disponibles pour des usages commerciaux et vous n’avez pas à payer pour les utiliser. Vous devrez cependant fournir un crédit photo.

-Royalty Free (RF) : vous pouvez parcourir les images à travers des sites de stock de photos et avez seulement à payer la licence pour les utiliser. C'est le cas des sites comme Fotolia, Shutterstock.com, Istockphoto.com ou Gettyimages.com.

-Domaine Public : Pas de licence ou d’achat pour les photos de domaine public. Le photographe a décidé de placer ses photographies dans le domaine public pour tous usages.


Comment trouver des images gratuites pour illustrer son site ou son blog ?

Voici une sélection de sites totalement gratuits proposant des photographies de très bonne qualité.

1-Flickr

Flickr est le site web le plus populaire pour le partage de photos amateurs. Pourtant, la majorité de ces clichés sont souvent professionnels.   
Flickr soumet ses photos à certaines conditions d’usages. Le site web propose pour ceux qui le désirent une licence Creative Commons qui clarifie les conditions d’usage des photographies. Pour copier, distribuer, afficher et communiquer sur une des photos choisies, il est nécessaire d’effectuer une recherche avancée.
 

Voici une capture d’écran qui vous permettra d’y voir plus clair:

Le site de Flickr.fr

2-Publicdomainarchive

Ce site propose des images de domaine public gratuites et tente de centraliser un large panel de photographies de hautes qualités. Le site fonctionne donc comme un entrepôt d’images où les photographies sont archivées par thèmes. Il est possible d’utiliser la barre de recherche pour plus de rapidité.
Il est également possible de contribuer au développement du site en envoyant ses propres photos en respectant toutefois certaines conditions techniques.
 

Le site de publicdomainarchive.com

3-Unsplash.com

Unplash est un catalogue d’images créé sous tumblr qui promet de mettre en ligne 10 nouvelles photographies haute résolution tous les 10 jours. L’affichage est en format XXL ce qui permet de profiter pleinement de la qualité des photographies.
Le site n’offre cependant pas la chance d’effectuer une recherche précise.

Le site de unsplash.com  

4-Every Stock Photo

Ce site fonctionne comme un moteur de recherche en redirigeant les requêtes vers les sites hébergeurs. Le site répertorie ainsi plus de 20 millions d’images ! Il est cependant important d’effectuer une recherche avancée afin d’accéder uniquement aux photos libres de droit et gratuites.

Le site de everystockphoto.com

5-Deviantart

 
Ce site de partage de photographies amateurs offre un panel d’illustrations gratuites et libres de droit. Il est possible de retrouver ces photographies dans l’onglet « Resources & Stock images »  en effectuant une recherche ciblée.
 

Le site de deviantart.com

6-Iconfinder

Parce  que les images d’un site ne se réduisent pas qu’aux photographies, Iconfinder vous propose une sélection graphique d’icônes prêts à l’emploi. Attention cependant à ne télécharger que celles qui sont gratuites.
 

Le site de iconfinder.com

En somme, ces sites représentent de bonnes alternatives aux sites d’images payants en offrant des images de qualité. Un conseil, pensez aux recherches en anglais ou en espagnol par exemple qui compléteront vos résultats.

Ne pas oublier de citer les crédits.

Peu importe où vous avez trouvé votre image, vous devez toujours attribuer des crédits quand ceux-ci sont dus.
Inclure un crédit photo donnera à votre blog plus de professionnalisme.  Citez l’auteur original avec un lien pointant vers son travail ; il y a plusieurs façons de le faire :

-www. : souvent ajouté par auteur-nom/url «(lien) »
-<img/> : un code intégré fourni par la photo source
-HT : « HT auteur-nom » (lien)
-Via : « via auteur-nom/url » (lien)
-Un lien dans le billet qui cite l’auteur original
-Ajoutez une description avec le texte et le lien
-Droits d’auteurs : cette photo, « titre de l’image » fait l’objet de droits d’auteurs « lien de l’auteur »  et est disponible sous le type d’attribution suivant : « lien »
-Liez directement au type de licence Creative Commons que vous utilisez.

Créer votre propre image

Si vous ne trouvez pas la bonne photo pour votre billet, ajoutez-y un peu d’originalité en créant la vôtre. Utiliser une photo que vous avez prise ou créez votre propre photo spécialement pour votre blog.

Voici quelques conseils à suivre

-Prenez votre photo proche d’une lumière naturelle et non à contre-jour.
-Utilisez des accessoires pour raconter une histoire mais soyez sûre de rester simple.
-Créer votre propre arrière-plan avec un poster, un tableau blanc ou quelque chose de similaire. Si vous prenez votre photo à la maison, faîtes d’abord le ménage !
-Prenez la photo sous tous les angles et choisissez le meilleur !

Si vous créez un tuto, ajoutez une capture d’écran pour continuer d’illustrer votre propos. Quand vous sauvegarder votre capture d’écran, ne le faîte pas en JPEG mais en PNEG pour une meilleure qualité.
Faîtes attention en redimensionnant, ne le faîte pas de façon maladroite (50%, 25%).
Ne montrez pas toutes vos barres d’outils, signets et toutes autres infos non nécessaires sur votre capture d’écran. Gardez la aussi simple et générique que possible.
Utilisez une image que vous avez dessinée.  


Dimensionner une image

La taille des images de votre blog peut affecter la vitesse de téléchargement de votre page et la façon dont les lecteurs perçoivent votre billet.

72dpi vs 150dpi : une résolution plus haute équivaut à un temps de téléchargement plus long.
72dpi : une résolution plus basse se télécharge plus vite mais à une qualité moindre.
Taille recommandée : 500px x 500px : cela permet de redimensionner l’image facilement.
La résolution recommandée se situe entre 72dpi et 96dpi, au-dessus le téléchargement sera long.
Pour réduire le temps de téléchargement d’une page,  réduisez la taille de l’image sans affecter sa qualité en la compressant.

Voici quelques outils de compression : SmushIT, JPEG Optimizer, Image Optimizer, TinyPNG

Emplacement de l’image

L’emplacement d’une image dans votre billet est stratégique et déterminera si vos lecteurs resteront sur votre page ou non.

-Centrez toujours les images larges
-Les images plus minces doivent aussi être centrées (vous pouvez couper les images larges pour gagner sur le téléchargement de la page)
-Gardez les images positionnées à droite et à gauche de petite taille pour éviter de surcharger le texte.
-Placez une image au-dessus de la ligne de flottaison : quand les lecteurs lisent votre titre et votre intro, ils verront un bout de votre photo et descendront pour voir le reste. Ils sont plus susceptibles de lire l’en-tête sous la photo que le reste de l’article.
-Utilisez de grandes images pour séparer les parties ou pour créer de l’impact. Utilisez-les de façon éparse ou elles ralentiront le temps de chargement de votre page.

Article écrit par Emma Labrador