How to Upload, Link, Organize, and Publish Images & Gifs to Steemit!

in steemimg •  8 years ago  (edited)

Steemimg.com is the first and only Dedicated Steemit Image Hosting Website. https://steemimg.com allows you to host all of your Steemit Post images/gifs in one central location with a user friendly and easy to use interface alongside a reliable service ;) Don't waste any more time trying to properly link multiple images from different sources and losing precious time on what matters most, your actual content. With SteemIMG you can even take photos with your mobile device and upload them right to the site!

steemimg.com is 100% Free to use, Forever! That being said it does cost to run the large hosting servers so your support is what will keep it going! If you're currently use SteemIMG and love it send some love back by commenting and sharing!In the event that funds run out or the server load gets to great, I will suspend the uploading of new images and simply host the images already on SteemIMG from then on. This will guarantee that your Posts, Articles, Bogs, & Comments that contain images hosted on SteemIMG will be there forever, as they should be.

https://steemimg.com


Many of you reading this may be new to Steemit, so instead of juts reintroducing SteemIMG to the community I created several tutorials on getting your images displayed properly within your posts and comments.

How To Upload, Link, Organize, and Publish Images/Gifs to Steemit

Step 1: Selecting/Creating The Image(s)

First in order to have images in your post you must first have them. You can get images by either selecting them from online (that may already suited to your needs) or you can create them. If you have the capability to create your own images ie. Photoshop / illustrator / Drawing Software etc... and a little bit of artistic talent (doesn't take much) I would suggest doing that. You gain an originality to your Steemit post which many don't have (Or even care about) and this will attract more potential readers. Otherwise there are a lot of images on the internet to choose from, in all shapes and sizes, one will defiantly fit your needs. If you do choose this option please add a referencing link to where you found the image and or artist.

Step 2: Uploading The Image(s) to Steemimg.com

There are many different ways to upload an images on SteemIMG and really it comes down to preference (all are pretty easy).

Since we just touched on Images found on the internet we will start there. Since you don't want to rely on the current whereabouts of the image you have found (could be deleted without notice) you will want to host it via SteemIMG of course.

  • Right Click on the image
  • Select Copy Image Address
  • Head to http://steemimg.com and select UPLOAD
  • Next you will Select add image URLs
  • Then just simply Paste the copied URL image address
  • Press Submit It will load and show you a small icon display of the image
  • Choose a category (not required) and press Upload.
  • Your image is officially on SteemIMG!
  • Skip to step 3 for placing the image in your post.

To upload a Image you have created or that is already on your Computer / Mobile Device or even take a live photo and upload it right away, follow any of these methods!

Method 1: Drag & Drop

  • Open https://steemimg.com on your browser
  • Take your select image(s) and drag them onto your browser window and drop them anywhere!
  • You will see preview icons for each of the photos you've dropped.
  • Choose a category (not required) and press Upload.
  • Your image is officially on SteemIMG!
  • Skip to step 3 for using the image(s) in your post.

Method 2: Browse & Select File

  • Open https://steemimg.com on your browser
  • Select Start Uploading
  • browse your computer and select the image(s) you want to upload.
  • You will see preview icons for each of the photos you've selected.
  • Choose a category (not required) and press Upload.
  • Your image is officially on SteemIMG!
  • Skip to step 3 for using the image(s) in your post.

Method 3: Mobile Phone Upload / Take Photo

  • Open your favorite browser on your Mobile Device
  • got to https://steemimg.com
  • Tap Start Uploading
  • You will see multiple options to choose from
  1. Select Photo Library to choose a photo your have already taken with your phone or have saved to your phone.
    Browse your photo and select one or multiple
  2. Select Take A Photo to do just that!
    Take the photo and it will automatically bring you to the upload page
  • You will see preview icons for each of the photos you've selected to taken live.
  • Choose a category (not required) and press Upload.
  • Your image is officially on SteemIMG!
  • Skip to step 3 for using the image(s) in your post.

Step 3: Using your newly uploaded images inside your Steemit Post

Now that you have successfully added all your images on SteemIMG it's time to use them throughout your post!

Let's start with your main image, your Header or Title Image. This image will be used as the thumbnail and preview image found in the multiple feeds on Steemit. This image is very important and gives the first impression of you and your post, so choose wisely. If you do not follow this simple step Steemit will choose a random image from within your post (I haven't seen any rhyme or reason to it yet anyway) and this couldn't be disastrous!

It's Easy (desktop)

  • If you're not there already go to https://steemimg.com
  • With your image selected Navigate to Embed Codes
  • Then copy the Image URL displayed below the image (There are many other options for advanced use but for beginners always just select the top link)
  • Paste the url into your article where you want it to display
  • That's It! seriously.

Mobile

  • Open your favorite browser on your Mobile Device
  • got to https://steemimg.com
    imaged9e5c780c3.md.png
  • The image will open within the browser window
  • Tap and hold your finger and select copy
  • Go to article and Tap and hold and select paste!
  • Done.

Now to make it the Title Image Place the Image in a Header 1 tag <h1>IMAGE URL HERE</h1>
That's all it takes for title image, but you have to remember to always do it!


Test Images Example


https://www.steemimg.com/images/2016/08/09/test_PNG2c419.png


https://www.steemimg.com/images/2016/08/09/test_JPG78c47.jpg


https://www.steemimg.com/images/2016/08/09/animated_gif48941.gif


Current SteemIMG Stats

Images HostedAlbumsUsersDisk Used
18,76126757317.6 GB

Happy Uploading! - Blue

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order: