Adding Images To Your STEEM Posts by algimantas

View this thread on: hive.blog | peakd.com | ecency.com

steemit · @algimantas · Jul 13 '16

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>

👍 chhaylin, top10, vippero, africa, ash9095, cryptorune, inertia, sharkolate, fulltimegeek, nicoret, oululahti, algimantas, creativ, jav, mikeoleksyuk, sergey22
👎 samupaha, adm, predator

`author`	algimantas
`permlink`	adding-images-to-your-steem-posts
`category`	steemit
`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"]}
`created`	2016-07-13 23:38:36
`last_update`	2016-07-13 23:38:36
`depth`	0
`children`	7
`last_payout`	2016-08-14 11:05:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	1,675
`author_reputation`	1,485,889,848,901
`root_title`	"Adding Images To Your STEEM Posts"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	102,532
`net_rshares`	-2,516,591,634,418
`author_curate_reward`	""

properties (23)vote details (19)

voter	rshares	pct
samupaha	-1,864,156,728,205	-100%
adm	-769,673,007,830	-100%
predator	-911,315,679	-100%
cryptorune	2,523,930,238	100%
africa	9,982,693,865	100%
vippero	18,908,909,632	100%
chhaylin	51,945,746,610	100%
ash9095	4,980,971,438	100%
nicoret	594,942,910	100%
top10	22,312,856,729	100%
fulltimegeek	1,609,226,185	100%
inertia	2,342,872,133	100%
creativ	117,434,757	100%
sharkolate	2,178,082,770	100%
algimantas	220,367,248	100%
oululahti	224,696,335	100%
jav	114,460,658	100%
sergey22	43,893,223	100%
mikeoleksyuk	48,332,565	100%

@fulltimegeek · Jul 13 '16

> `![](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)

`author`	fulltimegeek
`permlink`	re-algimantas-adding-images-to-your-steem-posts-20160713t235252208z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"image":["https://i.imgsafe.org/27fd3cd0ce.jpg"]}
`created`	2016-07-13 23:52:51
`last_update`	2016-07-13 23:52:51
`depth`	1
`children`	1
`last_payout`	2016-08-14 11:05:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	172
`author_reputation`	82,542,358,852,913
`root_title`	"Adding Images To Your STEEM Posts"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	102,687
`net_rshares`	0

@algimantas · Jul 13 '16

no diff does the same job.

properties (22)

`author`	algimantas
`permlink`	re-fulltimegeek-re-algimantas-adding-images-to-your-steem-posts-20160713t235935409z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-07-13 23:59:36
`last_update`	2016-07-13 23:59:36
`depth`	2
`children`	0
`last_payout`	2016-08-14 11:05:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	26
`author_reputation`	1,485,889,848,901
`root_title`	"Adding Images To Your STEEM Posts"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	102,772
`net_rshares`	0

@pfunk · Jul 14 '16

$2.14

Stolen from https://steemit.com/steem/@billbutler/adding-images-to-your-steem-posts

👍 samupaha, adm, ozcap

`author`	pfunk
`permlink`	re-algimantas-adding-images-to-your-steem-posts-20160714t104339629z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"links":["https://steemit.com/steem/@billbutler/adding-images-to-your-steem-posts"]}
`created`	2016-07-14 10:43:48
`last_update`	2016-07-14 10:43:48
`depth`	1
`children`	0
`last_payout`	2016-08-14 11:05:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	1.821 HBD
`curator_payout_value`	0.321 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	83
`author_reputation`	221,632,045,904,452
`root_title`	"Adding Images To Your STEEM Posts"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	108,352
`net_rshares`	2,681,143,731,712
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
samupaha	1,908,541,412,210	100%
adm	769,673,007,830	100%
ozcap	2,929,311,672	100%

@scaredycatguide · Jul 28 '16

Thank you!  Needed to know how it insert a pic for my intro.    You told me in less than a minute.  Yes!

properties (22)

`author`	scaredycatguide
`permlink`	re-algimantas-adding-images-to-your-steem-posts-20160728t174322137z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-07-28 17:43:45
`last_update`	2016-07-28 17:43:45
`depth`	1
`children`	0
`last_payout`	2016-08-14 11:05:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	104
`author_reputation`	980,214,675,968,871
`root_title`	"Adding Images To Your STEEM Posts"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	441,459
`net_rshares`	0

@sharkolate · Jul 13 '16

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)

`author`	sharkolate
`permlink`	re-algimantas-adding-images-to-your-steem-posts-20160713t234238477z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-07-13 23:42:39
`last_update`	2016-07-13 23:42:39
`depth`	1
`children`	1
`last_payout`	2016-08-14 11:05:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	160
`author_reputation`	54,773,311,589
`root_title`	"Adding Images To Your STEEM Posts"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	102,566
`net_rshares`	0

@algimantas · Jul 13 '16

found it hard to start by myself so i thought it helps to show how..

properties (22)

`author`	algimantas
`permlink`	re-sharkolate-re-algimantas-adding-images-to-your-steem-posts-20160713t234527850z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-07-13 23:45:30
`last_update`	2016-07-13 23:45:30
`depth`	2
`children`	0
`last_payout`	2016-08-14 11:05:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	68
`author_reputation`	1,485,889,848,901
`root_title`	"Adding Images To Your STEEM Posts"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	102,593
`net_rshares`	0

@top10 · Jul 13 '16

Thanks <b>a lot</b>

This is quite painful otherwise...

properties (22)