create account

How to add images to steemit post and add image references on the pc by joecxt

View this thread on: hive.blogpeakd.comecency.com
· @joecxt · (edited)
$4.26
How to add images to steemit post and add image references on the pc
Happy New Year Steemians.
So when I joined steemit newly, as a newbie i was guided on how to add images to make my posts look attractive and well, I learned. I used to get images from all over the place on the internet and I was not getting curated enough because curators of certain communities couldn't curate my posts as the images were not referenced and thus were illegal.
I had to click on the [Markdown Styling Guide](https://guides.github.com/features/mastering-markdown/) just above the preview section of my screen to learn how to do it.
___

Basically, to add images to your posts, there are a couple ways to do it.

1. Upload a shot from your camera by clicking on the "select them" button in green colour under the posting box.
2. Upload an image gotten from any online source like pixabay or google-searched images.
___

No matter how you source your image, I will advice that you use [post img](postimg.org) to first put the image online to get the link and then add the image to your blog post using the link generated.
The reason I advice this is to make posting easier and to allow your images load quickly on people's devices both mobile and PC as you can choose what size you want your uploaded image to come out in.
___

Here's an example.
**here's the homepage of `postimg.org`**
https://s9.postimg.org/85few98db/tutorial_2.png
[credit](https://s9.postimg.org/85few98db/tutorial_2.png)

# Now you can choose the size you want the image to come out in
https://s9.postimg.org/wm2mno7nz/sizes_tutorial.png
[credit](https://s9.postimg.org/wm2mno7nz/sizes_tutorial.png)
*320x240 for websites and email* or *640 x 480 for message boards* is what i advice for steemit bloggers

# Select your image
https://s9.postimg.org/c37qj1wfz/select_image_tutoriial.png
[credit](https://s9.postimg.org/c37qj1wfz/select_image_tutoriial.png)

# Then a series of links appear
https://s9.postimg.org/jvyeanclb/links_tutorial.png
[credit](https://s9.postimg.org/jvyeanclb/links_tutorial.png)

at the end of each link, there is the copy button. copy and paste __`Direct link`__ to add image then copy and paste __`Markdown link`__ to add reference to your image.
___

You can choose how long you want your image to be online on `postimg.org` and that is especially helpful for images you own.
https://s9.postimg.org/mrbhhuoen/expiration_tutorial.png
[credit](https://s9.postimg.org/mrbhhuoen/expiration_tutorial.png)

# You can also choose to add reference to your image by opening a square bracket right underneath the image link you copied from post img, then type the words 'reference or credit or image credit' closee the square bracket and open a bracket without space and then pasting same link from post img.org .
`[image credit](image link from postimg.org)`

# Another means of adding image is copying the image address of any image from google search results and adding the link to your post. then referencing the image in same style as
`[image credit](image link from gooogle search)

# Here's how to copy image address from google
go to [google.com](https://google.com) and type any thing you need an image for.  Then click on images. A couple of images, click on whichever you want and then copy the image addres
https://s9.postimg.org/d9bqhbpq7/google_images_tutorial.png
`https://s9.postimg.org/d9bqhbpq7/google_images_tutorial.png`
[credit](https://s9.postimg.org/d9bqhbpq7/google_images_tutorial.png)

# Copy the image address
https://s9.postimg.org/nje5goxn3/copy_image_addreess_tutorial.png
`[credit](https://s9.postimg.org/nje5goxn3/copy_image_addreess_tutorial.png)`
[credit](https://s9.postimg.org/nje5goxn3/copy_image_addreess_tutorial.png)

### I used google chrome browser for pc to create this tutorial.
Will create a similar tutorial for those who use mobile phones to blog.
https://steemitimages.com/DQmcGTgE9ztQ7QmWESyE7uVqLrUqfbAa1fsTCod6dmsFYjP/DQmcGTgE9ztQ7QmWESyE7uVqLrUqfbAa1fsTCod6dmsFYjP.gif

# remember to vote @curie for witness
# remeber to vote @utopian for witness
# remeber to vote my friend @jatinhota for witness

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@joecxt/how-to-add-images-to-steemit-post-and-add-image-references-on-the-pc">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , ,
properties (23)
authorjoecxt
permlinkhow-to-add-images-to-steemit-post-and-add-image-references-on-the-pc
categoryutopian-io
json_metadata{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":59213335,"name":"condenser","full_name":"steemit/condenser","html_url":"https://github.com/steemit/condenser","fork":false,"owner":{"login":"steemit"}},"pullRequests":[],"platform":"github","type":"tutorials","tags":["utopian-io","tutorials","image-referencing","nigeria","africa"],"users":["curie","utopian","jatinhota"],"links":["https://guides.github.com/features/mastering-markdown/","https://s9.postimg.org/85few98db/tutorial_2.png","https://s9.postimg.org/wm2mno7nz/sizes_tutorial.png","https://s9.postimg.org/c37qj1wfz/select_image_tutoriial.png","https://s9.postimg.org/jvyeanclb/links_tutorial.png","https://s9.postimg.org/mrbhhuoen/expiration_tutorial.png","https://google.com","https://s9.postimg.org/d9bqhbpq7/google_images_tutorial.png","https://s9.postimg.org/nje5goxn3/copy_image_addreess_tutorial.png"],"moderator":{"reviewed":false,"pending":false,"flagged":true,"account":"shreyasgune"}}
created2018-01-04 11:13:27
last_update2018-01-05 11:59:24
depth0
children1
last_payout2018-01-11 11:13:27
cashout_time1969-12-31 23:59:59
total_payout_value3.128 HBD
curator_payout_value1.133 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length4,259
author_reputation1,606,063,930,756
root_title"How to add images to steemit post and add image references on the pc"
beneficiaries
0.
accountutopian.pay
weight2,500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id27,009,766
net_rshares477,913,336,277
author_curate_reward""
vote details (17)
@shreyasgune ·
Your contribution cannot be approved because it is not as informative as other contributions. See the [Utopian Rules](https://utopian.io/rules). Contributions need to be informative and descriptive in order to help readers and developers understand them.

You can contact us on [Discord](https://discord.gg/UCvqCsx).
**[[utopian-moderator]](https://utopian.io/moderators)**
properties (22)
authorshreyasgune
permlinkre-joecxt-how-to-add-images-to-steemit-post-and-add-image-references-on-the-pc-20180105t115921347z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2018-01-05 11:59:30
last_update2018-01-05 11:59:30
depth1
children0
last_payout2018-01-12 11:59:30
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_length373
author_reputation4,924,803,411,962
root_title"How to add images to steemit post and add image references on the pc"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id27,265,238
net_rshares0