Adding Images To Your STEEM Posts

in #steem8 years ago

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!

Sort:  
There are 2 pages
Pages

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

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

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?

not accessible, any other recommendations?

Hi.. did you try Postimage.org?

thank you. This works great. All you gotta do is post the link in your post.

Thanks, I ended up using Postimage.org. Also i guess you can directly post on steemit by now which i dint know.

https://ipfs.pics is down? or veeeeery slow?
at this point in time this option doesn't seem to work for me

and you already made $3 on a non working solution???? WFT? how did you do that?? I also want money for my BS one day. :-)

He did that cause this is a post which was reacted to nicely, had demand, so even though the actual solution might not have worked but it ignited a discussion, that counts in steemit's algorithm.

I will check it out. Just starting out with steemit. Thanks @hipster for sharing.

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

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

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

Thank you very much, Bill.

Is this working if I use or open using a mobile browser? Because mine isn't. Help. Thank you so much in advance.

Thank you, this was really useful! For a newbie like me, it's good to have things explained clearly :)

I recommend to use https://imgur.com for the speed and quality

Nice article. Wondering how to get my text to come along side the image rather than only above or below it?

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.

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?

I have the same question. Did you ever figure it out? Thanks, powederskier

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.

most likely it's your server blocking hotlinking.

DEFINITELY NEEDED THIS THANKS!

Thank you for sharing.

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

Thank you!

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

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... :-(

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

UPDATE: I'm using steemimg.com now.

I can't get anything to happen when I click on start uploading. Any ideas?

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

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

I will try posting my profile picture using ImgSafe. Thanks.

Thanks that was very helpful. You just got me unstuck.

Very helpful thank you. Is there a way to format the pictures in your post, make them larger or smaller?

Thank you! Wow! As someone who is technically challenged, I wasn't expecting your instructions to actually work....more me than you. However.....2 minutes later I have uploaded photos! You are a gem!!!

Thanks so much for sharing! This made it easy for me to make my first post and add a picture :)

Very helpful for new comer like me
Thanks!

How you do it, where do you put the link, I Just can not do it. I am getting frustrated. PELASE HELP

Try to save it as jpeg, then just drag and drop to your thread. The website will format for you. Please reppply if it works.

Brouuuuuu I did it Thanks for your help very exited to be on this platform

Thanks for the info. I've been trying to upload photos the last two days and came across your post. Worked great. Thanks again!

Great it worked a treat uploading my images for Steem Kudos

Thank you my friend! This was very helpful.

So it looks like we got an Error 521 web server is down, i really want to finish my post im just not sure if there is any other site like imgsafe?

solved the problem! thank you and Upvote!

it is not working amigo !!!! thanx for nothing.

Does this work in the reply section? I can't seem to add a photo or gif in my replies.

Is there a way to upload pictures directly to steem posts and comments or do they have to be externally hosted always?

If they always have to be externally hosted, then the FAQ seems a little unclear.

This can be done by uploading it to a Steemit comment or post, or using a third-party image host such as Postimage.

If you can upload it directly, how can you do that?

I upvoted this comment since it links to the FAQ. however the FAQ solution doen't work for me, Ctrl+V does not seem my clipboard for some reason and it does not offer an off site decentralised / crypto solution

Just drag and drop your pic right in the markdown/html editor, it's strange that it only works in the markdown/html editor, afterwards you can continue in normal editor mode.

"Now paste it into a specially formatted bit of text like this within your document" -You need to elaborate this is unclear and not helpful! :)

Thank you so much! That was incredibly helpfull :)

Very helpful :)

Seems to be impossible to upload any image to imgsafe.org from a smartphone... Even with an account. You have to use a computer. Or am I missing something ?

Ok seems now you can upload directly your pictures to Steemit with the "Drag and drop or select item" in the editor when you post.
This article is one year old, and apparently it wasn't possible at that time. Now it is.
Proof in 2 of my posts :

https://steemit.com/art/@eternalsunshine/a-nice-black-and-white-ink-pen-hand-drawing

and

https://steemit.com/colorchallenge/@eternalsunshine/4eseup-color-challenge-yellow

So, no need to host externally :)

thank you :)

good to see it should be possible however i cant seem to get this to work for me yet

Almost all my images until now were posted this way. Just drag & drop your image in the text box while editing and it will automatically upload it to a Steemit server and insert a link to the image.

Good article. I can't connect to the link though. hmm....

imgsafe.org is down right now, but anyone can use https://postimg.org in the meantime!

Source

haha ok, lets forget about imgsafe, it's not decentralised proof

Great info! I am new and confused!!! This helps so much- upvoted :P

Thanks Bill...this helped a lot

follow me

please i would like to know how you can place your images from left, center and right...thanks

informative, upvoting and following @billbutler

There are 2 pages
Pages