Adding Images To Your STEEM Posts

10 months ago
61 in steem

Introduction

STEEM is great but it can be confusing and a bit tedious to add images to your posts. This guide will walk you through using imgsafe.org to store your pictures and will show you the special markdown characters you will need to use to reference it.

Let's Get Started

Navigate to imgsafe.org. Once there, I prefer to upload images securely, so choose the https:// link in the center of the page. The home screen should now look like this

You can either Browse Files or Upload from the Web. For consistency, I will either take a screenshot or download images from the web onto my local machine, so I always choose to Browse Files form my local machine. Once you have identified a file and downloaded it to your computer, click Browse Files. This bring up your file picker.

I am choosing to upload a headshot.jpg. Make sure you click the Upload button underneath the image.

Next, click on the image itself. This will open up a new tab with just the picture and the address to reference it in the URL bar of the browser.

Copy that URL (shown in blue above). Now paste it into a specially formatted bit of text like this within your document

![](https://i.imgsafe.org/27fd3cd0ce.jpg)

Like magic, the image will appear in the preview area of the text editor. Keep in mind that this guide assumes you are in the markdown editor, not the fancy HTML editor. I hope this guide helps someone.

STEEM On!

Authors get paid when people like you upvote their post.
Join our amazing community to comment and reward others.
Sort Order:  trending
66
  ·  10 months ago

I'd better recomend to use https://ipfs.pics. Its IPFS based and will be compatible with upcoming IPFS support

·
45
  ·  9 months ago

Thanks, I will check it out. I always prefer distributed solutions.

·
52
  ·  9 months ago

I tried this and it did not work. Is it because the URL you get from ipfs.pics doesn't have a image file extension?

47
  ·  9 months ago

Thanks, that was very helpful. I appreciate you sharing this info and including the screenshots.

44
  ·  8 months ago

Thank you very much for taking the time to write this Bill - it worked a treat mate;)

49
  ·  9 months ago

Thank you @billbutler, just used this and it worked like a charm!

50
  ·  9 months ago

Thank you very much, Bill.

25
  ·  9 months ago

Thank you!

53
  ·  9 months ago

I have been wondering why steem does not use whyswygt (What You See Whats You Get Text Editor), so a non technical member like me can easily posting blog with image or video.

42
  ·  9 months ago

Thanks. What happens when the link to the URL is no longer valid? Does Steemit cache the image and only use the upload via URL?

57
  ·  10 months ago

DEFINITELY NEEDED THIS THANKS!

46
  ·  10 months ago

Thank you for sharing.

36
  ·  9 months ago

seems to be no way to delete images from imgsafe.org

61
  ·  9 months ago

OK, I finally managed to get pictures to show up in the preview area (and when you click on the post). However, I still can't seem to make the picture show up to the left of the post in lists. It just keeps showing that little blank default image... :-(

59
  ·  9 months ago

oops we have a 404

29
  ·  9 months ago

Is imagesafe still working? It says 'page is lost' when I click on the link.

·
61
  ·  9 months ago

UPDATE: I'm using steemimg.com now.

68
  ·  10 months ago

Is there a reason why I can't link to an image I have on my own wordpress site. I just did a post and linked to an image and got a broken link. Not sure what I did wrong.

·
70
  ·  10 months ago

most likely it's your server blocking hotlinking.

·
·
68
  ·  10 months ago

Thanks!

44
  ·  9 months ago

Thanks for sharing. In reality its not that tricky and other sites do use similar systems but your post was very welcome

65
  ·  8 months ago

So is it only can do on PC? Becoz I don't know how to attach it by mobile phone. Thanks.

48
  ·  yesterday

Thank you so much for this guide, really helped a lot !