Gestionnaire d’image

Insérer dans votre article une photo hébergée ailleurs :

Quand vous cliquez sur le petit arbre vert, cela ouvre une fenêtre :

Dans le cadre « URL » de l’image, copiez l’adresse où votre image est hébergée. Prenons l’exemple d’une image hébergée chez imagehotel.

(Vous trouverez d’autres hébergeurs ainsi que de nombreux liens utiles sur le Blog d’Isa)

Tout d’abord, héberger son image.
Ensuite, imagehotel propose trois codes différents. Prendre “Affichage de l’image entière dans un forum (bbcode)”

cela donne un code du genre :

[url=http://www.imagehotel.net/?from=2mpr8ye7t6.gif][img]http://images.imagehotel.net/2mpr8ye7t6.gif[/img][/url]

Ne se servir que de la partie

“http://images.imagehotel.net/2mpr8ye7t6.gif”

(qui se terminera par .jpg si c’est une image jpg que vous avez hébergée.)

Ensuite on clique sur l’icône du petit arbre, là haut sur la barre outil Dans la fenêtre du gestionnaire d’image qui s’ouvre, rentrer le bout de code

http://images.imagehotel.net/2mpr8ye7t6.gif

dans le champ “URL de l’image”
cliquez sur “insérer” et, miracle, l’image apparaît ainsi :

Une photo ainsi hébergée ailleurs ne “pèse” rien dans votre blog. En revanche, si vous hébergez des photos directement dans votre blog, veillez à les “alléger” auparavant, sinon, vous serez vite limités en place. Pour “alléger” vos photos avant, utilisez un petit logiciel gratuit comme Irfanview.

Retailler une photo déjà présente sur votre blog

Cliquez gauche sur votre photo à retailler

Cliquez sur l’icône de l’arbre

Dans la case URL de l’image, apparaît l’adresse de votre image, donc pas besoin d’y toucher cette fois.

En face de “dimensions”, vous avez deux cadres vides. Le premier sert pour la largeur, le second pour la hauteur. Pour une photo horizontale, vous ne rentrez que la valeur 500 dans le premier cadre et laissez le second vide. Cliquez sur “appliquer” et votre photo est automatiquement réduite, avec les bonnes proportions. 500 est la valeur maximum (vous pouvez aller jusqu’à 600 mais après, la photo dépasse). Vous pouvez bien sûr en choisir une valeur plus petite. Si la photo est verticale, même chose, mais avec 500 dans le deuxième cadre en laissant le premier vide…

 

Habiller un texte avec une image

Par défaut, la photo se positionne à l’endroit où vous avez laissé le curseur dans le texte. Votre photo est positionnée avant le texte, comme dans l’exemple ci-dessous :

la bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Si vous souhaitez habiller votre texte avec l’image, sélectionner la photo, cliquez sur l’icône de l’arbre et, dans le menu déroulant « Alignement », choisissez par exemple “gauche”, ce qui donnera le résultat ci-dessous :

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

__________________________

Si vous choisissez “droite”, cela donne le résultat ci-dessous :

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Vous pouvez vous amuser à voir ce que cela donne avec les autres possibilités….

Autres options du gestionnaire

Vous pouvez donner une bordure à votre photo en allant dans la case « bordure » et en indiquant une valeur égale au nombre de pixels de l’épaisseur de la bordure. Par exemple, la photo ci-dessous a une bordure de « 1 » et sa voisine, une bordure de « 4 ».