jeudi 22 février 2018

Insertion des images dans le texte des articles de votre blog

Votre blog commence à prendre forme, vos articles comprennent des illustrations, des photos qui le valorise.

Les photos sont un atout essentiel.

Que ce soit des illustrations, des photos libres de droit trouvées sur internet ou vos photos.
Mais leur mise en page ne vous satisfait pas totalement.

Les photos sont quelques fois trop grandes, ou vous n'arrivez pas à bien les positionner.

Comment faire ?



Les précédents articles pour trouver et traiter les photos :

Trouver facilement les illustrations pour ses articles
Où trouver facilement, rapidement, gratuitement les illustrations pour vos articles sans risquer de violer les droits d'auteurs ?

Où trouver des images libres de droit ?
Les banques d'images sont nombreuses sur internet. Mais il faut vérifier les droits d'utilisation des photos et les respecter.

Pour intégrer des photos dans les articles du blog, elles ne doivent pas peser plus que quelques dizaines d'octets.  Comment faire quand les fichiers sont trop lourds ?

Sur PC ou su Mac, quels sont les logiciels photo gratuits les plus simples et adaptés à traiter les photos de mon blog ?

Retailler une photo, la redimensionner à la taille nécessaire et l’alléger pour que son affichage ne soit pas trop lent.

Une application gratuite pour traiter vos images Paint.net
Paint.net est gratuit et simple d'utilisation. Il vous permettra de répéter facilement les opérations simples de recadrage, de redimensionnement et d'enregistrement de vos images.

Recadrage, redimensionnement et enregistrement d'une image avec Paint.net
Recadrer une photo, la redimensionner, l'enregistrer vous aurez souvent à répéter ces gestes simples avec Paint.net mais indispensables.

Utilisation avancée de Paint.net
Paint.net permet non seulement de faire l'indispensable pour la publication de vos images mais va bien au-delà. A vous d'utiliser les fonctions qui vous seront utiles.


Insertion des images dans le texte des articles de votre blog


Pour la mise en page des images dans les textes, il faut donc vérifier que :
- le poids de l'image n'est pas supérieur à 100 ko
- la taille de l'image ne dépasse pas trop 9 à 10 cm

Quand vous intégrez l'image dans votre blog :

1°) commencez par pointer l’endroit, dans le texte, où vous voulez que l'image se place, en général, sur une fin de phrase surtout si elle doit se placer à droite

2°) pointez l'image et glissez-là dans le texte ou faites une insertion d'image

Parfois, l'image se positionne mal ou chasse complètement le texte.

Vous devez alors la pointer avec votre souris et la repositionner.
Si le malaise persiste : vérifiez le positionnement de l'image dans son menu (clic droit).
Positionnement "Gauche, Milieu ou Droit".

Sachez que la mise en page se redimensionnant en fonction des tailles d'écran où votre article s'affiche, si vous optez sur le positionnement milieu, il y a de grands risques que votre texte soit chassé en dessus et en dessous de l'image.

Le positionnement qui permet de faire juxtaposer image et texte est donc sur le côté gauche ou plus fréquemment, sur le côté droit.

Où positionner ses images et illustrations dans le texte ?

Bien sûr, on peut le faire un peu partout.
Mais si vous voulez que vos articles aient une allure assez homogène, il vaut mieux adopter des mises en page où vos lecteurs retrouvent les mêmes repères.

Votre article s'affichera de deux façons différentes :

Le premier affichage est celui dans votre page d'accueil. C'est l'en-tête de l'article qui apparaît avec son titre, l'introduction qui est le début de l'article.

L'affichage de l'en-tête de votre article dans la page d'accueil doit convaincre le lecteur de lire l'article avec un bon titre et une photo ou une illustration


Le titre, je le répète encore, va peser 10 fois plus pour attirer votre lecteur.

Si le titre l'intéresse, l'accroche, il aura envie de lire la suite, c'est-à-dire l'en-tête, puis, l'article.

Si vous avez inséré une photo, une illustration tout en haut de votre article et si la taille de celle-ci n'est pas trop grande, elle apparaîtra dans l'en-tête.

Vous pouvez redimensionner votre photo dans le texte avec les commandes 
Clic droit sur l'image   --->   "Petit - Moyen - Large - Extra-Large - Taille originale"

Évitez "Taille originale", difficile à maîtriser et "Extra-Large" qui risque de dépasser du cadre du texte et de mordre sur la colonne voisine.

Vous pouvez jouer sur "Petit", "Moyen" et "Large" pour occuper l'espace désiré.
  • "Petit" si vous voulez que la photo ou l'illustration reste discrète
  • "Large" pour que les détails apparaissent mieux 
  • ou "Moyen", comme compromis.
La photo insérée dans l'en-tête apparaîtra aussi dans l'affichage des "articles les plus consultés" en les rendant plus vivants.

Insérez des photos dans l'article pour illustrer les idées, les informations


Des photos, en agrémentant les paragraphes de votre article, l'aéreront et faciliteront sa lecture.
Libellés : ,