Sommaire

Accueil > Infos-blog > Insérer une photo dans un article

Insérer une photo dans un article Insérer une photo dans un article

samedi 10 mai 2014 par Jean-François

Pas de message pour cet article

Généralités

Il s’agit d’insérer une ou plusieurs photos dans un article.

On peut insérer :
- Soit une vignette de la photo. C’est une miniature de la photo qui s’agrandit en cliquant dessus.
- Soit la photo elle-même.

Il est souhaitable que la photo ait une largeur mini de 300px (sinon, même agrandie, elle fait riquiqui).
Et une largeur maxi de 900 px (si on met une vignette) ou de 600px (si on insère la photo elle-même).

Emplacement de la photo dans l’article
On peut placer la photo ou la vignette n’importe où dans le texte.
On peut les placer à gauche, au centre ou à droite du texte.

Préalables

Avant toute chose, il faut évidemment trouver la photo à insérer, permettant d’illustrer l’article et de rompre la monotonie d’un texte trop long.

Les photos doivent être libres de droits, ou bien faites personnellement avec son appareil photo numérique ou son smartphone.

On peut évidemment trouver des photos (non libres de droit) sur Google Images. Le moteur de recherche facilite le choix.

Ranger les photos dans un dossier adhoc

Créer un dossier. Il peut être du type :
Mes Images/Photos articles

Si la photo a été trouvée sur Google Image, voici comment procéder :
Avec le moteur de recherche, on arrive sur un écran comprenant une mosaïque de vignettes.
- Survoler la vignette voulue et repérer sa taille : au survol on voit la largeur et la hauteur de la photo en pixels, ainsi que son titre.
- Si la largeur est ok, cliquer sur la vignette, la photo apparaît alors dans un cadre.
- Faire un clic droit sur la photo et "Enregistrer l’image sous". L’enregistrer dans le dossier créé précédemment.

Télécharger la photo dans l’article

Il faut se placer dans l’article en mode modification. En haut et à gauche de l’écran il y a un cadre "Ajouter une image ou un document".

PNG - 11.4 ko

Dans ce cadre cliquer sur "Choisissez un fichier", le choisir alors avec l’explorateur de fichiers et valider (ou bien "Ouvrir"... ça dépend des explorateurs de fichiers).
Cliquer ensuite sur "Téléverser".

La nouvelle photo s’affiche alors sous le cadre précédent.

PNG - 37.9 ko


- Survoler ce cadre et cliquer sur "Déposer dans le portfolio".
- On peut donner un titre à la photo en cliquant sur "Modifier". Saisir le titre dans la nouvelle fenêtre puis cliquer sur "Enregistrer" (le bouton est un peu caché en bas de cette nouvelle fenêtre).

Placer la photo dans l’article

Si on veut mettre une vignette
je suppose qu’on veuille la placer à gauche du texte.

- Placer le curseur à l’emplacement voulu dans le texte (penser à cliquer pour que le curseur soit bien posé à l’endroit voulu).
- Dans le cadre de la photo (colonne de gauche) aller dans la zone "Inclusion de la vignette" et double-cliquer sur
<docxx|left> (xx est le n° de la photo)

Ce code est alors inséré dans le texte de l’article, là où on avait placé le curseur.
A noter qu’on peut déplacer ce code à un autre emplacement dans le texte :
- le sélectionner en entier, y compris les caractères < au début et > à la fin.
- clic droit "Copier",
- aller ailleurs dans le texte puis clic droit "Coller".

Si on veut mettre la photo entière
C’est la même chose que précédemment, sauf qu’il faut aller dans la zone "Inclusion directe", et cliquer sur
<embxx|left>

Vérifier que tout est ok

- Enregistrer le document et cliquer sur "Prévisualiser"
- Aller voir si l’emplacement de la photo est satisfaisant.
Souvent il faut revenir en modification du document, déplacer le lien de la photo (c’est à dire le code <docxx|left>) en le mettant plus haut, plus bas... Éventuellement mettre "left" au lieu de" right", ou bien "center"...
C’est un processus d’essai/erreur, et l’expérience vient en essayant...

Mettre un logo à un article

Après avoir saisi l’article, il faut l’enregistrer.
Dans la colonne de gauche, on voit un cadre "LOGO DE L’ARTICLE"

PNG - 13 ko

Il faut alors choisir un fichier puis le téléverser. C’est tout..
La seule différence importante est qu’il faut disposer d’une photo carrée et faisant 120 x 120 pixels
Comme il est peu probable qu’on trouve ce type de photo, il faut :
- récupérer une photo à même de faire un logo,
- découper une partie carrée correspondant au futur logo,
- redimensionner cette partie pour l’amener à la dimension 120 x 120 pixels.

Ces manips supposent d’utiliser un logiciel de traitement d’images, ce qui sort du champ du présent article.


Ecrire un commentaire sur l'article ?

modération a priori

Ce forum est modéré a priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message
  • Pour créer des paragraphes, laissez simplement des lignes vides.