Comment intégrer des images dans le HTML d'un post Tumblr

Tumblr permet d'ajouter des photos aux posts texte soit en téléversant un fichier image depuis votre disque dur, soit en collant directement l'URL d'une image hébergée sur un serveur tiers dans l'éditeur de post. Si Tumblr ne parvient pas à récupérer correctement l'image liée, vous pouvez éditer le code HTML du post pour intégrer l'image manuellement.

Avertissements importants

• Contrairement aux posts standards, les posts texte contenant des images ajoutées par édition du code source n'affichent pas directement l'image liée. Ils affichent une icône grise sur laquelle les visiteurs doivent cliquer pour révéler l'image.
• Certains sites empêchent activement d'autres sites de lier directement leurs images (hotlinking). Si vous tentez d'ajouter un lien vers une image hébergée sur un tel site, Tumblr peut ne pas afficher l'image.

Étape 1 : Créer un post texte

Allez sur votre tableau de bord Tumblr et créez un nouveau post texte en cliquant sur l'icône Texte.

Étape 2 : Rédiger le post

Composez votre post texte.

Étape 3 : Passer en mode HTML

Basculez vers l'éditeur HTML de Tumblr en ouvrant le menu roue dentée et en sélectionnant HTML dans le menu Éditeur de texte.

Étape 4 : Insérer le code HTML de l'image

Insérez le code HTML suivant à l'endroit où vous voulez afficher l'image :

<img src="URL_DE_VOTRE_IMAGE" alt="Description" />

Remplacez l'URL d'exemple par la bonne.

Avertissement

Ne revenez pas à l'éditeur de texte enrichi après avoir édité le code source. Cela ferait supprimer la balise image que vous avez insérée par Tumblr.

Étape 5 : Publier

Publiez votre post en cliquant sur le bouton Publier.