How to Embed Pictures in HTML for Tumblr Post

Tumblr lets you add photos to text posts either by uploading an image file from your hard drive or by directly pasting a URL to a picture hosted on a third-party server into the post editor window. If Tumblr fails to properly fetch the linked image, edit the post's HTML code to embed the picture manually.

Step

Go to your Tumblr dashboard and create a new text post by clicking the Text icon.

Click Text.
credit: Image courtesy of Tumblr

Step

Compose your text post.

Switch to the HTML editor.
credit: Image courtesy of Tumblr

Step

Switch to Tumblr's HTML editor by opening the cog menu and selecting HTML from the Text Editor menu.

Add the HTML code.
credit: Image courtesy of Tumblr

Step

Enter the following HTML code at the point where you want to display the image:

Step

Step

Replace the example URL with the correct one.

Step

Publish your post by clicking the Post button.