create account

Adding Images To Your STEEM Posts by algimantas

View this thread on: hive.blogpeakd.comecency.com
· @algimantas ·
Adding Images To Your STEEM Posts
<html>
<p>&nbsp;</p>
<h1>Introduction</h1>
<p>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 <a href="https://steemit.com/steem/@billbutler/imgsafe.org">imgsafe.org</a> to store your pictures and will show you the special markdown characters you will need to use to reference it.&nbsp;</p>
<p>https://i.imgsafe.org/6d01bdf546.png</p>
<p>&nbsp;You can either <strong>Browse Files</strong> or <strong>Upload from the Web</strong>. For consistency, I will either take a screenshot or download images from the web onto my local machine, so I always choose to<strong>Browse Files</strong> form my local machine. Once you have identified a file and downloaded it to your computer, click <strong>Browse Files</strong>. This bring up your file picker.&nbsp;</p>
<p>https://i.imgsafe.org/6d07290f37.png</p>
<p>&nbsp;I am choosing to upload a headshot.jpg. Make sure you click the Upload button underneath the image.&nbsp;</p>
<p>https://i.imgsafe.org/6d0945b4f5.png</p>
<p>&nbsp;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.&nbsp;</p>
<p>https://i.imgsafe.org/6d0bde9598.png</p>
<p>&nbsp;Copy that URL (shown in blue above). Now paste it into a specially formatted bit of text like this within your document</p>
<pre><code>![](https://i.imgsafe.org/27fd3cd0ce.jpg)<br>
</code></pre>
<p>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.&nbsp;</p>
</html>
👍  , , , , , , , , , , , , , , ,
👎  , ,
properties (23)
authoralgimantas
permlinkadding-images-to-your-steem-posts
categorysteemit
json_metadata{"tags":["steemit","images"],"image":["https://i.imgsafe.org/6d01bdf546.png","https://i.imgsafe.org/6d07290f37.png","https://i.imgsafe.org/6d0945b4f5.png","https://i.imgsafe.org/6d0bde9598.png"],"links":["https://steemit.com/steem/@billbutler/imgsafe.org"]}
created2016-07-13 23:38:36
last_update2016-07-13 23:38:36
depth0
children7
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,675
author_reputation1,485,889,848,901
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id102,532
net_rshares-2,516,591,634,418
author_curate_reward""
vote details (19)
@fulltimegeek ·
> `![](https://i.imgsafe.org/27fd3cd0ce.jpg)`

Why is it preferred to use markdown instead of just copying and pasting url? As so:

> `https://i.imgsafe.org/27fd3cd0ce.jpg`
properties (22)
authorfulltimegeek
permlinkre-algimantas-adding-images-to-your-steem-posts-20160713t235252208z
categorysteemit
json_metadata{"tags":["steemit"],"image":["https://i.imgsafe.org/27fd3cd0ce.jpg"]}
created2016-07-13 23:52:51
last_update2016-07-13 23:52:51
depth1
children1
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length172
author_reputation82,542,358,852,913
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id102,687
net_rshares0
@algimantas ·
no diff does the same job.
properties (22)
authoralgimantas
permlinkre-fulltimegeek-re-algimantas-adding-images-to-your-steem-posts-20160713t235935409z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-13 23:59:36
last_update2016-07-13 23:59:36
depth2
children0
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length26
author_reputation1,485,889,848,901
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id102,772
net_rshares0
@pfunk ·
$2.14
Stolen from https://steemit.com/steem/@billbutler/adding-images-to-your-steem-posts
👍  , ,
properties (23)
authorpfunk
permlinkre-algimantas-adding-images-to-your-steem-posts-20160714t104339629z
categorysteemit
json_metadata{"tags":["steemit"],"links":["https://steemit.com/steem/@billbutler/adding-images-to-your-steem-posts"]}
created2016-07-14 10:43:48
last_update2016-07-14 10:43:48
depth1
children0
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value1.821 HBD
curator_payout_value0.321 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length83
author_reputation221,632,045,904,452
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id108,352
net_rshares2,681,143,731,712
author_curate_reward""
vote details (3)
@scaredycatguide ·
Thank you!  Needed to know how it insert a pic for my intro.    You told me in less than a minute.  Yes!
properties (22)
authorscaredycatguide
permlinkre-algimantas-adding-images-to-your-steem-posts-20160728t174322137z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-28 17:43:45
last_update2016-07-28 17:43:45
depth1
children0
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length104
author_reputation980,080,115,519,123
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id441,459
net_rshares0
@sharkolate ·
Thank you. Your post wins the most helpful post of the day in my book. Looks really good, straight to the point, and has accurate/valid information. Keep it up.
properties (22)
authorsharkolate
permlinkre-algimantas-adding-images-to-your-steem-posts-20160713t234238477z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-13 23:42:39
last_update2016-07-13 23:42:39
depth1
children1
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length160
author_reputation54,773,311,589
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id102,566
net_rshares0
@algimantas ·
found it hard to start by myself so i thought it helps to show how..
properties (22)
authoralgimantas
permlinkre-sharkolate-re-algimantas-adding-images-to-your-steem-posts-20160713t234527850z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-13 23:45:30
last_update2016-07-13 23:45:30
depth2
children0
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length68
author_reputation1,485,889,848,901
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id102,593
net_rshares0
@top10 ·
Thanks <b>a lot</b>

This is quite painful otherwise...
properties (22)
authortop10
permlinkre-algimantas-adding-images-to-your-steem-posts-20160713t234438422z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-13 23:44:39
last_update2016-07-13 23:44:39
depth1
children0
last_payout2016-08-14 11:05:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length55
author_reputation34,913,513,106
root_title"Adding Images To Your STEEM Posts"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id102,583
net_rshares0