You’ve likely heard the advice to add visual content to your blogposts whenever possible. Visual content is more than 40 times more likely to get shared on social media.

So I added images to blogposts.

And I learned there’s quite a bit more to it than that.

Adding images to blogposts is a great start. You’re likely to see increases in social sharing and time on page. Images just make everything more readable and shareable.

Adding images also brings with it another checklist of things to look for as you’re optimizing and adding – a checklist I’m afraid to say I missed out on for a long time with adding images to the Buffer blog. I’m happy to share with you all the things I did wrong with blog images over the past few months and tell you how I’ve learned from my mistakes and what I’ve changed since. I’d love to hear if any of this resonates with you!

blog images

Mistake #1: We uploaded gigantic images

When I take a screenshot on my Macbook, the image size is often 1,500 pixels wide and 2 or more megabytes large.

Consider that most blog images are often less than 1,000 pixels wide and listed in kilobytes instead of megabytes and you start to get a sense of the load I was putting on our pages.

The stock photos, too, were incredibly large. I would often download stock photos from some of our favorite sites like Death to Stock Photo, Get Refe, and Startup Stock Photos. Their imagery is excellent, and it’d work wonders for blogpost headers (the way we use them) or for website backgrounds or even print pieces. As such, the image files are huge and rich and colorful. A typical image I’d upload from these would be 4,700 × 3,100 pixels and 11 MB!

When you consider that the blogposts we publish are upward of 1,500 words and steeped in graphics and imagery, I very easily could add dozens of extra megabytes to the page load.

And it showed up in our page speed report.

page speed score

What we’re doing to fix this:

One reason why we got in so deep with these large images is because it’s so easy. You take a screenshot, drag it into WordPress, and you’re done!

So any solution we came up with we also wanted to ensure it would keep things moving fast with our workflow.

Fortunately, we found a useful setting in WordPress where you can choose the size of the image sizes that you use in blogposts. For instance, when you add an image from WordPress’s media library, you can choose to add it as Full Size, Large, Medium, or Thumbnail, and inside the WordPress settings, you can set the height and width for Large, Medium, and Thumbnail defaults.

wordpress-media-settings-image-sizes

I adjusted the size of our Large images to 800 pixels wide, maximum (the height adjusts automatically to fit the aspect ratio).

This helped out with all the images inside the blogpost body. They’d look good on the largest monitor sizes, and they would be small enough files to not weigh down our page speed too much.

For our main header images, we came up with a different solution. Since we use WordPress’s Featured Image option to place these, we don’t quite have the option of choosing Large, Medium, or Thumbnail. The image that’s in the media library is the image that gets loaded on the page.

So we had to upload a smaller image.

We tried out several great WordPress plugins to see if they could help with image sizing. With our setup (we use a third-party system for hosting and web management), these didn’t quite work out. Here’s the list we tried in case you might find some useful ones here for you.

Our testing took us to Compressor.io, a free web tool that has you upload the image to the site and then it compresses the image into as small a file size as possible. I often see 60 to 70 percent reductions in image sizes when I go this route.

So now when we’re adding header images, we download the image from the stock photo site, upload it to Compressor.io, download the compressed version, then upload the compressed version to WordPress. It’s a couple extra steps but well worth the investment.

Mistake #2: We used small images as thumbnails

For a long time, we placed a featured stock image in the upper right corner of the blogpost. It helped with our paragraph width for our intros, and it provided a nice bit of imagery that people could click to share.

The only problem: The small image we used wasn’t exactly shareable.

When you would share a small thumbnail image from our blogposts, it wouldn’t look ideal on Twitter or Facebook.

Here’s how it looked on Twitter:

picture-tweet

Here’s how it looked on Facebook:

facebook picture

The image size wasn’t ideal for the way that these social networks handle preview images.

What we’re doing to fix this:

Through a lot of trial and error, we came across an ideal size that worked for both Twitter and Facebook (and Google+ and others, too). Now we can place one image that will work great no matter where you share it.

The image size we settled on is 1,024 pixels wide by 512 pixels tall.

Sharing this image on Twitter and Facebook shows it at full size with no cropping.

Twitter:

twitter new pic

Facebook:

facebook new pic

There are a couple different strategies for including this image in blogposts.

First, if we want to keep the image in the upper right corner, we can use WordPress’s settings to do so. WordPress resizes the image by appending a height and width to the end of the file name, essentially creating a new, smaller image for you.

For instance, let’s say you’re seeking to add this image file to your post:

https://blog.bufferapp.com/wp-content/uploads/2014/12/blog-images.png

If you choose to insert the image at Medium size, the actual WordPress image file that gets added will be:

https://blog.bufferapp.com/wp-content/uploads/2014/12/blog-images-300×150.png

In this case, we had to go back in and remove this code from images so they’d be shared at the size we wanted. Instead of adding height and width to the image file name, the size is controlled by the height and width attributes for the image.

<img class=”alignnone size-medium wp-image-10935″ src=”https://blog.bufferapp.com/wp-content/uploads/2014/12/blog-images.png” alt=”blog images” width=”300″ height=”150″ />

The strategy we ended up employing was a bit simpler. Instead of placing an image in the upper, right corner of the post, we place the image below the introduction of the post, at full size. This way we ensure that the proper image at the proper size will be seen and shared.

Mistake #3: We failed to give our image files good names

If you happen to look through the image files associated with the Buffer blog, you’re likely to see a lot that look like this:

https://blog.bufferapp.com/wp-content/uploads/2014/12/591.jpeg

… and this:

https://blog.bufferapp.com/wp-content/uploads/2014/12/Screen-Shot-2014-12-15-at-13.48.49-PM.png

These are the file names of many of the images I have uploaded. Whoops. Not only are they completely non-descriptive, they’re also not helping us out any with SEO.

Image optimization and SEO is a theme that you might pick up on over these next few mistakes that we made. A lack of descriptive images hinders your site’s SEO. There’s a great question thread on Moz that gets at the heart of why file names (and alt tags and title tags) are so important, especially this answer from Benjamin at Gap Up Internet Marketing:

Yes, naming images does make a difference. Think about it from Google’s perspective. If you’re crawling a site and come across an image with no ALT tag, no title, and a name of C19823.JPG. What could that image be?

Now imagine you’re Google and you come across an image titled golden-retriever.jpg. There’s a pretty good chance that image is of a dog. Especially if the content on the page is also about dogs. The more clues that Google can use to figure out what a site is about the better.

Do a Google Image search for “golden retriever” and look at the file names. Notice any similarities?

I just tried the “golden retriever” image search challenge, and sure enough, the top images on the page are named descriptively and accurately.

  • http://images.akc.org/breeds/action_images/golden_retriever.jpg
  • http://upload.wikimedia.org/wikipedia/commons/b/b5/Canadian_Golden_Retriever.jpeg
  • http://dog-breeds.findthebest.com/sites/default/files/465/media/images/Golden_Retriever_899814.jpg

golden-retrievers-google-search

What we’re doing to fix this:

I’ve yet to go back through all the misnamed images and correct them (if anyone knows of a useful WordPress plugin to help with this, I’d be keen to hear about it!). I’ve tackled some of the images on our most significant posts, the posts we’re trying to rank for a particular keyword or the images that have a direct and useful need for renaming.

I think the prospect of going back through hundreds (thousands?) of images is still a bit daunting! I’ll keep you posted on how I do with this.

Moving forward, I can say that we are now much more focused on making the extra effort to give our image files descriptive names.

  • When I take screenshots on my computer, I’ll select the image on my desktop, click the filename, and type something descriptive before I upload the image to WordPress.
  • In Skitch, when I save an image to my computer, I make sure to save it with a descriptive filename.
  • When I create images with Canva, I make sure to give the image a good title before saving it (the title is what Canva uses for the filename).

canva filename change

 

Mistake #4: We failed to add alt tags and title tags

I’m not sure I fully understood the use and value of alt tags and title tags until just recently, so let me start with a quick definition.

The alt tag is a text alternative for an image that gets displayed when a browser doesn’t display the image. Some browsers choose not to display images for speed or safety reasons, and others rely on alt tags for accessibility so that those with disabilities can easily use and browse websites.

Title tags are quite similar to alt tags but are used to describe a link instead of an image.

alt tags

You can see an alt tag or a title tag when you hover over an image or a link with your mouse.

In addition to accessibility benefits, the addition of title and alt tags makes a difference with SEO. Mark Hayes of Shopify wrote a great and simple rationale for why these tags matter so much (a lot of it can be owed to the “golden retriever” maxim above).

The alt attribute also adds SEO value to your website. Adding appropriate alt tags to the images on your website can help your website achieve better rankings in the search engines by associating keywords with images. As a matter of fact, using alt tags is probably the best way for your ecommerce products to show up in Google image and web search.

The #1 priority when it comes to image optimization is to fill out each alt tag for every (relevant) image on your site.

In the WordPress editor, adding the title and alt tag to an image is super simple. You upload an image, you enter in the title and alt tag, and you’re good to go.

alt title tags in wordpress

What we’re doing to fix this:

Similar to the fixes for the filenames, we’ve got quite an archive of images to sort through. We’ve tackled the most significant ones on some of our most high-traffic posts, and we’re sorting a strategy to cover the rest. This may involve going back through and manually changing all the old images, seeking out a WordPress plugin to help with batches of these, or catching the images as they come, as we revisit past posts in our semi-regular content audits.

Going forward, we’ve made a more concerted effort to include title and alt tags for every image that we add to our blogposts.

WordPress is quite intuitive when it comes to adding these tags. By default, it adds the filename into the title tag of an image.

So having the photos named properly makes including title tags and alt tags even easier. Once the title tag is in place, we can simply copy-and-paste into the alt tag to complete the tagging process.

Here’s an example of what the output looks like:

<a href=”https://blog.bufferapp.com/wp-content/uploads/2014/12/blog-images.png” title=”blog images”><img class=”alignnone size-full wp-image-10935″ src=”https://blog.bufferapp.com/wp-content/uploads/2014/12/blog-images.png” alt=”blog images” width=”1024″ height=”512″ /></a>

Mistake #5: We didn’t size accordingly

If you look at some of the screenshots we’ve taken for use on the blog, you may notice that some of the size ratios seem quite extreme. A Twitter bio screenshot takes up the whole width of the post. A small snippet spans and stretches across a way-too-large space.

In many cases, I left the images the way they were when they were uploaded—as large as could be, and oftentimes larger than necessary.

What we’re doing to fix this:

WordPress has some simple ways to manage this better. For starters, you can set a custom image height and width by clicking on the Pencil icon above any image and editing the image size.

buffer blog screengrab

The problem for me was that changing these numbers left me with an abstract view of what these sizes would actually mean. I had to try multiple times to get it right, and when I was working fast, I neglected to take the extra time.

So one workaround we’re experimenting with is adjusting the size of our default Medium images. Currently, the medium size is 300 pixels, which often ends up being too small for the images I want to resize. I’m bumping that image size to 400. Here’s an example of how the new size looks.

blog images

9 ways to get the most from your blog images

Jeremy Rivera of Authority Labs put together a great overview of the many mistakes that can be made with images on a blog. Jeremy’s list of nine common errors can just as easily be turned into a checklist for doing images right. I think I’ve learned several of these lessons the hard way. How do you fare with this checklist?

How to get the most from imagery on your blog:

  1. Use images
  2. Place full-size images in your post—no more right-aligned thumbnails
  3. Give your image file a descriptive name
  4. Make sure your image size is small and reasonable
  5. Create a title and alt tag for each image
  6. Steer away from generic stock image (try some of these free photo sites instead)
  7. Place a caption on your image (we’ve yet to try this one—what do you all think?)
  8. Link to the source of your image
  9. Try taking an image yourself

Over to you

What strategies and techniques have you discovered for getting the most out of images on your blog? 

What mistakes have you made? What have you learned along the way?

Hopefully this glimpse inside our learnings at Buffer will help as you set up the visuals on your blog. If I can add any more context to anything mentioned here, feel free to ask in the comments!

Image sources: IconFinder, Blurgrounds, Startup Stock Photos, Shopify

Looking for a better way to share on social media?

Schedule, publish & analyze your posts across the top social networks, all in one place.

Start a 14-Day Free Trial
Written by Kevan Lee

Director of marketing at Buffer, the social media publishing tool for brands, agencies, and marketers. We’ve got a new podcast! 🍟

  • Kevan,

    That’s good info about the width of an image to get it “full” on Facebook – I could never figure out why some of my posts just showed a square and others showed a rectangle.

    I post recipes with step-by-step photos. That’s a lot of photos to re-size (they come out of the camera at about 5000 pixels wide). So I found free downloadable program called “Fotosizer” I can just drag and drop the 12 recipe step photos and it will resize them all in one go.

    Ciao,

    L

    P.S. In the code example for mistake #4 you also bolded the title attribute in the HREF tag – is that important for images as well, or something you’ll talk about later?

    • Hi Laura! Thanks so much for the comment! Fotosizer looks very useful!

      Yes, the title tag is probably more of an SEO/link thing than an image thing. Since we link all of our images to either a new location or the image file itself, we are trying to always add the title tag just to give Google as much info as possible!

  • Why no. 8 (Link to the source of your image)?

    • Hi Daniel! Thanks for the comment! Great question, and I probably could have been a bit clearer on that. We’ve found it useful to give attribution to the places we find our stock photos and other blog imagery if the image wasn’t something we created ourselves. Does that help answer your question?

      • Absolutely, that makes a lot of sense. Always give credit where credit is due 🙂

        However, the reason I asked is because I noticed that all your images in this particular blogpost are linked to the image sources themselves (i.e. (a href=img.jpg)(img)(/a)) – why is that?

        • Ah, I see! Sorry for adding to the confusion there, Daniel. Yes, we link each of our images to the original file – it’s a WordPress default, and I think the best use I can find for it is if someone wishes to see the full size image in a new tab. I’ve seen folks do it a lot of different ways, though. Do you have a preference?

  • Great list. I have heard of the naming files issue but it wasn’t explained as simply. Also the Canva tip is a great one- will definitely watch that in the future.

    • Awesome! Thanks, Brittany!

  • Davidsherry36

    Gave us some new things to think about! Thanks Kevan.

    • Super! Thanks, David!

  • This is great! What did you use to create the .gif image? I have been trying to figure that one out but without luck.

    • Hi Brent! Great question! I was keen to know how to make those gifs, too, and very grateful for coming across this app: Cloud https://www.getcloudapp.com/. It’s a screenshot/gif maker tool, great for sharing screengrab links among our team as well!

      • Thanks Kevin. Looks like that app doesn’t have all of the features for Windows. I found this one which works well for the PC. https://gyazo.com/

        • Wondeful! Sounds great!

  • Superb Kevan as usual! 🙂

  • THANK YOU for all of the awesome shoutouts and backlinks to Startup Stock Photos, Kevan! We love your content, and love that you find it useful. Staying on the theme of blog image improvements — what pics would you like to see added to the site?

    • Great to hear from you, Josh! I love the images you all provide. The laptop ones have been great, and I can always seem to use more shots of the tools people use (computers, phones, notebooks, pencils) and abstract office things. 🙂

  • I was glad to see you’re using png files in your blog posts. Even with Smush.it plugin, I still compress my large png files using tinypng.com before uploading to my WP media library. Still not sure if the native file name should using the hyphen or underscore convention (e.g.) native-file-name vs. native_file_name when labeling my images? What’s you take on this Kevan?

    • Great question, Neil! I’ve been using a “native file name.png” convention on my images as it works a bit better with the WordPress workflow. I think, from my experience, I see the dashes used a bit more than underscores on file names, but that’s mostly just an anecdotal thing! Will keep you posted if I spot any info on this!

  • I’ve been meaning to download Smush.it. Mind explaining why it didn’t work out for you guys? I’d love to avoid spending a lot of time with it if it’s not the best option.

    Personally, I really like how a half-width right-aligned image looks at the beginning of a post, especially on a blog home page. But I try to use additional full-width images throughout. Especially with screenshots, the larger the better and more clear the image is.

    • Hi there, Brittany! Great to hear your take on the right-aligned images. I think I have a soft spot for them as well!

      Smush.it didn’t quite work for us because of the way we have our blog set up with WP Engine hosting. I believe it had to do either with our site being on https or with our using a CDN for our images. WP Engine said that Smush.it works on a majority of their installs – ours was just a big unique! Hope this helps!

  • Caitlin

    I’m so glad to know I’m not the only one who made the longtime mistake of not putting file names on images. I’m in the process of manually updating my WordPress site, page-by-page, and changing the filenames on the images is no small feat. Nice to know other people have done that too!

    • Thanks, Caitlin! Best of luck with the renaming of files!

  • TakeActionWAHM

    The only problem with that image size (wide by short) is that it looks pretty bad on Pinterest, and in my opinion (at least for my blog) Pinterest is where I need my image to look the best. The taller, more vertical an image is, the better it looks as a pin.

    The only solution I’ve found is to make two images for each post.

    First, I have a tall image, that I use as you used to do – top right hand, to make my intro column nice and readable. This is the image that I pin.

    Then, I create a second image that’s short and wide – I usually use 500×250, and it shows up well on Twitter, FB and G+, the only other places I consistently share. I upload that as the featured image. It also shows on my front page as the thumbnail for my post.

    • Great stuff! Yes indeed, I think you’re spot on that creating two images is the way to go. Thanks so much for the tips here on how you create these!

      • rachel672

        Ryder
        . if you, thought
        Steve
        `s comment
        is surprising,
        on saturday I got
        a great
        Jaguar E-type
        after I been earnin
        $4534
        this – four weeks past
        and just a little over
        ten grand
        this past munth
        . with-out any question its
        the most-comfortable job
        Ive ever had
        . I began this
        four months/ago
        and pretty much immediately
        began to make
        over
        $75
        per-hr
        . you can try this out GO HERE NOW TO KNOW IN DETAIL

  • Jon

    As always Kevan, what a timely and incredibly useful blog article. Thanks for sharing this information!

    • Hi Jon! Thanks so much!

  • John Chapman

    The trouble with a lot of blogs and web pages is that they are displayed on different size screens. If you have a high resolution display everything appears with a huge blank area on both sides of the post. On a low resolution display, (the most common laptop screen is still 1366 x 768 pixels), images can be too big.
    Where you have control of the HTML the answer is to use a little CSS to make images elastic.
    Here’s some example CSS to insert in a web page’s CSS file to display different size images:

    .full { width: 98%; padding: 10px; margin: 0.67em auto; }

    /* “full” should be unnecessary, but this responds to the box model bugs in IE */

    .twothird { width: 67%; padding: 10px; margin: 0; border:none;}

    .threequarters { width: 75%; padding: 10px; margin: 0; border:none;}

    .half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }

    .third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }

    .quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }

    .fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

    .halfr { width: 50%; padding: 10px; margin: 0.5em 0.67em; float: right; margin-left: 2%;}

    In the HTML of the page insert your image as normal – something like this will appear in the HTML

    Modify the code as follows – this example will use the ‘third’ width setting:

    Note you must delete the width and height values if you don’t want distorted images.
    Your new image will be displayed 1/3rd of it’s container width and if the window is resized or displayed on a different device it will still be 1/3rd width.

    This won’t work with Facebook or Twitter – you have no control of the HTML there.

    • Thanks so much for the detailed walkthrough here, John! Super helpful!

  • Regarding Thumbnails, you wrote: “The image size we settled on is 1,024 pixels wide by 512 pixels tall.”
    How in the world can you talk about Thumbnails that use that large size?

    I think your article has some good tips in it, but is a bit disjointed – the workflow for a WordPress blog is confusing.

    • Hi Brian! Thanks for the comment! Sorry to have caused confusion with this. I can see I wasn’t too detailed on my descriptions of WordPress – is there anything particular here that I can share more deeply on? I’d love to make this one as useful as possible for you!

      And I can totally see the oddity between a “thumbnail” image that’s 1,024 pixels wide and 512 pixels tall! Seems quite counterintuitive! Sorry again for the confusion. The large sizes here refer to the actual size of the image, then we can resize it into more thumbnail-like proportions using the “height” and “width” variables in the image code. Hope this helps a bit! Let me know if I can be clearer on any of this!

  • Diamond

    If you are searching for opportunity to invest please follow the link down below.
    Link: https://www.exness.com/a/srohods8

  • Angie Taffs

    A great article. I found a significant difference in my rankings once I started using Alt and Title tags on my images

  • Pandian

    Awesome as always kevan.. I was struggling to compress the image size big time. Compressor will be a great gift from you.. I am excited to try the single image size for all social media. What tool do you use to skim through the blogs everyday for content curation?? Is alltop a good option?? Thanks!!

    • Hey there, just hopping in for Kevan as content curation is one of my favorite topics! We love these newsletters and tools in particular: https://blog.bufferapp.com/shareable-content-newsletters-and-tools And I hope you dig Compressor as much as we have!

      • Pandian

        Thanks Courtney. I have started using compressor big time these days. is there a way we can submit or share content to the buffer team? Thanks..

  • This is fantastic! Thank you for sharing the journey to discovering what worked and why. Great resource.

  • Travis Balinas

    What are your thoughts on getting the wrong traffic to your site because you’ve correctly saved your images with descriptive names? A few years back, I wrote some blog post for a different company and it had the theme of “taboo.” The image I used in the post was the Taboo game and I named the file as such. After a month of running, the bounce rate to our blog had nearly doubled and the most viewed post had become that taboo post, just because of the game.

    So I guess my question is how do you use the benefits of properly labeling photos while still targeting the right audiences? Or is this even an issue?

    • Oh wow, that’s such an interesting story, Travis! I wonder why so many folks were flocking to that particular image? I can definitely think of a few situations where we’ve used a photo to illustrate a blog post that could bring us entirely unrelated traffic. That hasn’t happened yet, but it’s a great one to be aware of! Thanks so much for sharing that experience; I’m sorry I don’t have a better answer for you on this one!

    • terrilee

      Hey Travis – that’s super interesting and something I hadn’t even considered before. I edit a blog that has to do with nonprofits, fundraising, etc and so my alt tags and image titles always include a word that is related to our sector. You might not get as much random traffic as before, but at least you won’t skew important stats like bounce rates.

      • Travis Balinas

        Yup. That’s exactly what I’ve started doing now. So for example, on one of my latest blog posts that is a post recap from the year is very image heavy (mostly vector art to corresponding each post). http://www.outboundengine.com/blog/12-piece-real-estate-agent-marketing-ideas-toolbox-for-2015/

        The first image I use on this list is, well, a hand in a pink circle. Rather than labeling the file as “hand, circle, pink” or something like that, I labeled it with the title of the blog post plus the subject of the relating blog post. So the file name ended up being “Real-Estate-Agent-Marketing-Ideas-social-media.jpg”If you Google image search for “real estate agent marketing ideas social media” it shows up as one of the top images there.

        So yes, Terrilee, I’ve since switched to this approach. While I’ve never investigated the traffic brought in from these obscure image file names, it sounds like it could be worth my time.

    • SES_Elizabeth

      This has happened to me too! Years ago on our company blog I used an image a man working from home. The alt text and file name included “working from home.”
      Awhile later we got a huge uptick in bounces for that article and when I investigated, we found we were receiving tons of irrelevant traffic from the image search results. Also people had pinned the picture all over pinterest and adding their own (spam) links!
      I ended up completely remove picture from that url and report it to Pinterest and revise the image and alt text for the original article.

  • Is it bad if this post makes me feel so much better?

    Thanks for using your learning process to teach the rest of us.

    Those are actionable tips.

    • Hi Bridget! Thank you for the comment! And thanks for sharing your experience here – I think I would have likely made the same mistake with using the same image for a series!

    • Bridget, thanks for mentioning this. I am about to create a video podcast series and thinking that I should use the Same image as what it would look like in itunes. Scratch that idea. Thank you for your input.

      • Of course. Sometimes we learn things the hard way. Mostly, I do.

  • I have to say, dealing with images and WordPress can be quite annoying, it’s not nearly as intuitive as it should be (with all the little quirks you have pointed out) but it has definitely come a long way from where it was a few years ago.

    That said, I think there is room for a WordPress plugin that really handles all of this for you. For example, compression, auto resizing (dynamic if needed), enforcing titles/tags (reports on missing ones, auto filling ones based on content if they are missing). I would definitely use it.

    I know of plenty of plugins that cover a few of these areas but have yet to find one that does it all gracefully.

    • Great idea! Yes, it seems like there might be a need and a pain point for a lot of people that a really solid plugin could fill. Wish I knew more about coding!

  • Here’s a cheat sheet for image sizes for social media

  • Try https://kraken.io/ 🙂 They also have a wordpress plugin that will automatically compress the images.

  • I also found using the image size of 484×252 will pull the whole image on Facebook and will work well as an image post on Twitter too!

  • Kevan, as usual, great information. I have so much to learn about images. I appreciate the great tips and will take them into practice.
    Best,
    Tony

  • Hey Kev
    GREAT Article!!
    Thank you so much for sharing your knowledge and the process to getting to it :).

    I have a question that is not directly related to the subject but found no other place where to ask it. I searched the site for a feature like community or support or something like that but have not found any.

    Here is my question (suggestion for a future article?)
    What is the best policy when it comes to video?
    Post it on Youtube and share it on all your other channels? (Facebook, twitter, google, linkedin)
    Or rather post it on each of these networks separately?

    For an instance, my main (90%) social activity is on Facebook.
    Would I have more results by posting the video directly to facebook vs post the video on youtube and share it on facebook?
    This question comes after I saw an article you guys posted on Heineken reporting very high results on video views on FB vs YT.

    Thank you
    Eugen

    • Eugen, these are such excellent questions! I think video strategies would be a great topic for a future blog post! Thanks for giving us a nudge; I think we’ll learn a lot!

      • Hey Courtney

        Thank you,
        Give me bump when you publish it :). I am very interested in the topic!

    • Jay Baer mentioned that he does it separately. He even gets more hits on his facebook video than his youtube page.

  • Akash Dave

    Hello Everyone,

    Today I am writing this blog to
    introduce one cool application named INSTAMAPIA! Friends as we all knows,
    nowadays Instagram is becoming the most popular social media which is basically
    used for its photo and video sharing feature. But does Instagram allow users
    some Geo search, sharing and saving Instagram images???

    The answer of my question is a
    big no..! The Instagram does not allow sharing and saving images. So if one
    wants to share or save any ultra-cool image of INSTAGRAM then what should he do
    ?

    Here I’m announcing the all in
    one solution… INSTAMAPIA!

    http://i.share.pho.to/aa48cbaf_c.png

    What can it Do ?????

    ØLocate live images and see
    nearby INSTAGRAM users on map.

    http://i.share.pho.to/7eab2568_c.png

    ØSave and share Instagram
    images with any of the social media…

    http://i.share.pho.to/7eab2568_c.png

    Search for any INSTAGRAM
    user by his name or Search for images by #tags

    http://i.share.pho.to/7eab2568_c.png

    Take a world tour from your
    device.. Touch anywhere on the map and see images for that area

    http://i.share.pho.to/7eab2568_c.png

    Friends, INSTAMAPIA provides
    wide platforms to the PHOTOGRAPHERS as well, they can explore their photography
    with the world by sharing them on map and get more likes and followers by
    showing their photography skills.

    http://i.share.pho.to/7eab2568_c.png

    You can also share your ultimate travelling experience with the world and can
    explore unseen places through your device

    http://i.share.pho.to/7eab2568_c.png

    The basic concept of this app
    has taken the basic concept of map to a new Era, as you can find cool nearby
    places and people, it helps to users to get the information about his
    surrounding happenings.

    http://i.share.pho.to/7eab2568_c.png

    You can also come to know about
    how different festivals are being celebrated in different area of world and how
    people are celebrating it. Here is one beautiful image of kites I got from
    Instagram while searching for #kitefestivalhashtag using Instamapia.

    http://i.share.pho.to/7eab2568_c.png

    There are many other exciting
    features of this app, which will change your way of using INSTAGRAM ! So
    friends now its your chance to gram instamapia and start exploring the world
    through your device.. You can grab your app from below:

    http://instamapia.com/

    Also see how it works:

  • Awesome tips and advice Kevan, Keep up the good work!

    • Thanks so much, Wouter!

  • Possible POS

    This is kind of off post topic, but Kevan, could you please point me to the documentation on how to display the Buffer icon on a website, allowing the user to directly add a picture from the website to the Buffer app. (The Buffer icon displays when hovering over the picture and most websites don’t have this.) This feature is very handy for Twitter, as Twitter sharing does not post pictures unless uploaded. Thanks!

  • The only mistake I made was to upload images with big files but i was able to fix it.

  • Thank you for posting these awesome article. I have found this extension magento pos on Magento connect, and I am so confused about it features, could you give some advice about using this extension?
    Thank you,

  • Jacob

    Googbox is capable of finding matching text inside thousands of files and get you the link to download it. Search can be done with regular expressions, include or exclude certain search patterns. http://www.googbox.com is capable of searching within folders and subfolders. Search is performed on the server, hence it will not affect your PC / Laptops performance.

  • Gregory

    Amazing!! So much to learn.

    AmoreVitaPhotos

  • Rather surprised & can’t believe you were making all these mistakes … but this is good blog content. What I came looking for is WHY sharing posts from Facebook (maybe Twitter) are taking nice size photos & dumbing them down to thumbnails which is a waste of time? Not happy with this change which may cause me to rethink using Buffer …

  • What can we do for Bootstrap theme wordpress images ? how do we make it available for the breakpoint of -xs, -md and lg ?

  • Stella Fletcher

    My doggy is fully prepared! I found an awesome tool to train very well and fast my dog while i’m in home. I learned a very good way to educate my doggy with a lot of tricks and how to modify the bad behavioral problems, for example,jumping, barking, beating and anxiety. “Doggy Dan site” has a complete training system videos that permit you to watch and listen a master trainer how to solve all kind of dogs problems. with another dog and its owner. You can see the exact body language and voice tone to use, and how the doggy react, changing their conduct very quickly. It’s good to see how fast my doggy got on these training. My dog behaves excellent now! From what I comprehend, the information on this site:(theonlinedogtrainers.org) works for any age or type of dog. I feel very good to know my puppy is prepared to do my command..

  • Thank you for the information. Placing a caption on each image is quite cumbersome according to me. As long as your image is about the topic itself, there is no need to add a caption. Google does not pay attention to image captions while indexing. Google only reads the alt tags. Like on my blog http://www.makeupandbeautyforever.com I don’t use captions. My images are self descriptive.

  • my family wanted IRS TD F 90-22.1 this
    month and saw an excellent service that has a searchable database . If
    people need to fill out IRS TD F 90-22.1 also , here’s a https://goo.gl/6r5Dlh.

  • As another commenter mentioned, tinypng.com works really well for compression, not only of .png, but also .jpg files. This approach may make more sense than a WordPress plugin for someone using their images in multiple media.

  • Amir Hasan
  • Contest Overload

    The problem i’ve been having is adding width and height attributes to images i’ve searched for days on how to do this and everyone says css or html but no idea where to add these codes or how to. I can’t find a plugin that achieves this for me and though it shows height and width in featured images when i test my site on gt metrix i get a d rating in specify image dimensions. I see tons of posts of people asking this question but no step to step guide on how to achieve this. If anyone could help me i’d be so grateful. These are wonderful tips by the way it’s crazy how much i’ve learnt about websites since i’ve started one.