Imgur: You might have seen it floating around the internet, particularly if you’re a fan of places like Reddit or 4Chan (I have a husband who loves Reddit…sometimes more than me I think!). Imgur is jam packed with the most viral images on the web from scenery to celebrities to memes, and so much more. What you might not realise though is that Imgur is a great business and blogging resource, and today I’d like to take the time to tell you why I love using Imgur so much to help with my site and blog. Follow along with the image tutorial below.
What is Imgur?
Cute animals, funny memes, landscapes and cityscapes, and so much more, Imgur is an image sharing platform filled with what I can only imagine to be millions upon millions of images.
Aside from Imgur’s incredible capacity to distract you from all that you should be doing, it is also a highly beneficial business/blogging tool that you may not be aware of: Imgur can save you precious storage space on your blog/website. “How?” I hear you ask. Imgur allows you to create an account and upload images to be hosted on their servers rather than your blog/website. It’s quick, hassle-free, and you never have to worry about exceeding your storage space ever again, a very handy feature if your media storage space is limited. Standard WordPress.org storage space is limited to 10MB. When you take into account logos, side bar images you may have, plus your regular post images, that 10MB can disappear pretty quickly. Imgur allows you to upload your photos, and organise them into albums if you wish, and then use HTML code to paste into your post or page text editor exactly where you want to see the image. But, before I get into all that tech speak, let me run you through the basics of how to set up an Imgur account.
Getting started with IMgur
First things first, you’ll need to create an account. If you haven’t already, go to imgur.com and select Sign Up.
There are five ways to sign up to Imgur. You can use either of your existing Facebook, Twitter, Google+, or Yahoo! accounts, or you can create a username and password. I like doing things the old fashioned way so I signed up with a username and password.
I’ve had my Imgur account for three and a half years now (Imgur started in 2009, I don’t feel like I am so far behind the times!), so I can’t quite remember what happened next but I’m pretty sure a verification email is sent, you click the link in the email, and then you’re redirected to your brand new Imgur account, or asked to sign in again and then you’re in your new account. Hooray! Your account front page will be a little different to the screen shot you see below but once you’ve started uploading pictures, this is essentially what it will look like.
Finding your way around your Imgur profile
Now that you’re all set up, let’s take a look around your profile’s dashboard, it’s fairly straight forward but when I’m using something new for the first time, I like to consult with Google for insider tips and tricks, so hopefully this quick intro gives you some insight into how to best use Imgur’s dashboard.
Your username will appear in the top right of the platform, replacing the Sign In and Sign Up options. Hovering over your username – not clicking – will give you your personal menu: images shows you all of your images, albums shows you all of your albums, gallery profile takes you to your Imgur public profile page, favorites shows you the images/gifs you have favourited (clicking the heart and making it go green favourites an image), and messages takes you to your Imgur conversation inbox. If you do click on your name instead of hovering, it will take you to your public profile, no big issue, you can hover over your name there, too.
Using Imgur for image hosting
I’ve tried sites like Flickr and Photobucket to host my images across the years but I’ve always come back to Imgur. I’m not sure why I prefer Imgur over the other image hosting sites out there, I just do. Of course you may not like Imgur, you might prefer Flickr, Photobucket, or another platform, you use what you love and find easy to use! For me that is Imgur, hands down.
Uploading your images
To the right of the Imgur logo at the left side of the screen you’ll notice an Upload Images dropdown box. Here you can select the type of image you want to upload: Upload Images, Video to GIF, and Make a Meme. Select the option you want and follow the prompts (really straight forward). You can add more than one image at a time, as I have done here, or you can add just a single image. If you add more than one image using the image uploader, you have the option to create an album and give the album a title right then and there. If you look closely, you can see that I have done that, calling the album ‘Imgur Blog Tutorial’.
Congratulations! You’ve just created your first Imgur album/uploaded your first image to Imgur.
Now that you’ve got an album/image on Imgur, there are multiple things you can do: you can share it to various social media platforms, you can share the album via direct link or by embedding HTML code, and you can play with the album’s settings (to the right, all the blue links). I like to make sure that the majority of my albums are secret, except when I want to share an entire album with someone – I’ll make it hidden in that case and share the album’s direct link with them.
Posting images to your blog/website
Right, so you’ve created your album, there are some great images there, but you don’t want to post your images all at once, you want to have text in between, and you don’t necessarily want them displayed in the order they’re arranged in the album. How do you do get around that? Go back up to your name in the top right, hover over it, then select images.
You should now see all of the images you’ve got loaded to your account, displayed in descending upload order (i.e. last uploaded is displayed first). You can play with the dropdown boxes to display a specific album, or to view them in the order of their original filename, and in ascending order (i.e. first uploaded displayed first). In this case, I’ll select the Imgur Blog Tutorial album from the first dropdown box and go from there.
Now that I’ve selected my album, I’ll click the image I want to share. A list of various link types will appear to the right of the image. The one we’re looking for is HTML (website/blogs), third from the bottom. If you’re happy with the size of the image as it is, just click the code in the HTML (website/blogs) box. It should highlight itself green. All you’ll need to do is copy that text (ctrl/cmd + C or right click/copy).
Now that you’ve got that code selected, in your blog’s post/page area, find where you paste HTML code (the Text editor). I use wordpress.org, and from memory the placement on your wordpress.com blog should be the same. Now, I do warn you, the Text editor is not pretty. It’s basically Courier New without many line breaks or paragraphs. Well, if you know HTML you know that there are line breaks and paragraphs, but it’s all coded.
When I’m writing a post or page content, I’ll use place holder text in the visual area, something like ‘insert this image here’. Using place holders makes it easier to find where you want to insert the image code into your post. If you haven’t copied the HTML code from the image in Imgur, go and copy that now. Once you’ve copied that, go to your text editor, find your image place holder – if you’re using one, highlight that place holder and then paste the HTML code over the top.
The code will look something like this:
<a href=”http://imgur.com/4blhzZr”><img src=”http://i.imgur.com/4blhzZr.jpg” title=”source: imgur.com” /></a>
Before I go back to my visual editor, I always remove the following sections (displayed in bold): <a href=”http://imgur.com/4blhzZr”><img src=”http://i.imgur.com/4blhzZr.jpg” title=”source: imgur.com” /></a>
Removing these elements of code will remove the hyperlink back to the image/album and leave you with a static image.
After removing these elements, the next thing I do is to change the title of the image:
<img src=”http://i.imgur.com/4blhzZr.jpg” title=”source: imgur.com” />
I strongly suggest you make it something relevant to the image. For example, I changed the title of this image to “How to paste HTML image code into your text editor”. It will now appear in the text editor as: <img src=”http://i.imgur.com/4blhzZr.jpg” title=”How to paste HTML image code into your text editor” />
Once you’ve done all of that, you can return to your visual editor and play with the image’s attributes (alignment, alt tags, and so on and so forth).
Pretty pictures and no slowing your blog/site down
Just like that, your blog/page content has fabulous images and you’ve taken up ZERO media storage space on your blog/site. Fabulous! You can go along knowing that your images won’t break or disappear unless they are deleted directly from your Imgur account, meaning they’ll always be there.
I’ve got 15 images in this post, and not only are they organised into an album on my computer, but they’re also organised into an album on my account. Another great feature of Imgur’s is its app, available for Android and iOs, meaning that I can snap and upload pictures on the go, wherever I am in the world. I can also access all of my existing images and perform the very same tasks using the app as I can with the web version.
There are a few other features of Imgur I haven’t pointed out to you today but it’s such an easy platform that I’m sure you’ll pick it up quickly – that is if you haven’t already!
Do you use an image sharing platform to host your blog/website images? Share your experiences with me in the comments, I’d love to know what works best for you!