Illustrer un texte

Rédiger du contenu pour votre site internet professionnel, c’est bien. C’est même indispensable. Mais, plus encore que sur papier, la lecture sur écran rend souhaitable, parfois indispensable, la présence d’une ou plusieurs images destinées à illustrer un texte.

Comment illustrer un texte ?

Pour illustrer votre texte sur internet vous disposez de plusieurs types de fichiers image.

Grosso modo, les plus importants et répandus sont les suivants :

• GIF, très limité visuellement mais particulièrement apprécié de nos jours parce qu’il peut être animé (d’où le fameux nom “gif animé”, il y a une logique en ce bas monde 😉 )
• JPG (ou JPEG), le format le plus répandu pour les photos
• PNG, particulièrement efficace pour les logos, captures d’écran. En outre, contrairement au gif et au jpg, un visuel au format png peut disposer d’un effet de transparence, ce qui le rend rapidement indispensable

Une fois l’illustration de vos rêves dénichée, il vous restera à :

1. Redimensionner l’image / la découper au bon format. Pour ce faire, vous pouvez utiliser un logiciel payant comme le célèbre Photoshop, son “équivalent” gratuit Gimp, ou un des autres logiciels gratuits de retouche d’image.
2. Optimiser l’image pour le web. En général c’est une action que vous réalisez juste après l’étape 1, au moment d’exporter votre illustration. Mais, selon les choix que vous aurez effectués ou le logiciel utilisé, l’image ne sera pas idéalement optimisée. Vous pouvez alors utiliser un outil tel que TinyPNG, qui permet de compresser vos images JPEG / JPG et PNG, en préservant la transparence des illustrations au format PNG.

Nos clients Site Pro bénéficient d’une extension dédiée à l’optimisation des images, qui permet également d’optimiser automatiquement chaque image que vous rajoutez à votre site.

Il ne vous reste plus qu’à illustrer le texte avec l’image choisie. Pour ce faire, le plus simple est d’ajouter une image via l’interface WordPress. Vous pouvez également ajouter une image en HTML, via l’utilisation d’un code du type <IMG src=”image.jpg” >. Nous allons prochainement détailler cette procédure dans un autre article.

Où trouver des illustrations pour un texte ?

Bien sûr, le web regorges d’images, de visuels et de photos en tout genre. Mais cela ne veut pas dire que vous pouvez récupérer et utiliser comme bon vous semble tout ce qui s’y trouve !

En effet, il existe la problématique du “droit d’auteur”. Nous reviendrons bientôt plus en détail, dans un autre article, sur la meilleure façon de trouver des images libres de droits sur internet, mais sachez qu’il existe de nombreuses façons de trouver son bonheur :

• Sur Google : effectuez votre recherche en tapant vos mots-clés, puis cliquez sur “Images”. Jusqu’ici, vous savez tous le faire 😉 Ce qui est important c’est que de bien penser à n’afficher que les illustrations que vous avez réellement l’autorisation d’utiliser. Pour ce faire, cliquez sur “Outils” puis “Droits d’usage”. Par défaut, Google affiche l’ensemble des images (“images non filtrées par licence”). Vous pouvez choisir de n’afficher que les images qui répondent à d’autres types de licence : Réutilisation et modification autorisée / Réutilisation autorisée / Réutilisation et modification autorisée sans but commercial / Réutilisation autorisé sans but commercial.

Attention, dans les faits la plupart des sites sont à but commercial donc il est plus que probable que le vôtre l’est aussi, même si vous n’en êtes pas forcément convaincu !

• Sur Flickr, royaume des belles photos, via des moteurs de recherche tels que Compfight : il vous suffit de sélectionner “Creative commons” ou “Commercial” dans la colonne de gauche.
• Sur d’autres sites comme le tout récent site de niche StickPNG qui vous permet d’accéder à de nombreuses illustrations en PNG transparent… qui vont rapidement devenir indispensables pour vous !

N’oubliez pas d’indiquer au sein de vos mentions légales obligatoires vos crédits photos.

Et vous, quelles sont vous sources préférées pour illustrer vos textes ?