Tips for Optimizing Photos and Graphics for Your Blog

Share Button

This post may seem very basic for those of you who are experienced at blogging and maintaining a website but I’ve been surfing a lot lately and I’ve come across several blogs and websites that could use a few tips on optimizing photos and graphics for the web. So for those of you who are ready to hit that back button, stick around and add your 2-cents. What are your best tips? Where do you get your photos for your blog?

Tip #1 – Optimize Your Images for the Web

Whether you’re dealing in pixels or inches, most photos and graphics are really big – way too big to be seen on a computer screen. Part of the reason is that usually they have been captured or designed to be high quality and large enough to print. Now, lots of software and programs will resize your images before displaying them but that’s not the most efficient thing to do. The best thing to do is to make a copy of your photo, resize it and then save it for the web (which compresses it) using an image editing software. (The small graphic in the upper left corner of this article started out 900 pixels X 587 pixels and was 217kb. The image you see now is 200 pixels X 130 pixels and is only 7kb.)

Tip #2 – Use Alt Tags on Your Pictures and Graphics

When you insert images and graphics into your blog articles or pages, you have the opportunity to help the search engines find your post. We all know that search engines don’t see images. That’s why it’s so important to use the name, title, Alt-tags (alternate text) and description fields to help optimize your site for the search engines (SEO). Enter carefully chosen keywords that describe your post (not necessarily the picture).

Wordpress Add Alt Tags to Photos

As you see in the image above, when I uploaded my graphic for this post, I used keywords where I could.

Where I Find My Images

There are lots of places to find photos and graphics for your blog/website. Some are free and some are licensed. There are others that you can use if you give credit. I’ve chosen to use a lot of graphics rather than photos in my blog. I think they’re colorful and show a lot of creativity (on someone else’s behalf not mine). The site that I’ve been using for years is Big Stock Photo (note – that link is to my affiliate program with them). I use the advanced search and change the media type to illustrations only. Although, I could probably find a free image, sometimes it’s worth it to me to quickly find an image here and just license it. Another site I use is Morgue File. What sites do you recommend for images and photos? Do you have more tips that you can add?

Share Button

Author: Sherryl Perry

Welcome! If you're looking for help building an Internet presence that fits your needs and works for you, you're in the right place. I blog common sense articles about WordPress, social media and SEO. My goal is to help small business owners and entrepreneurs understand their core business. Together, we can develop and implement business strategies that make sense to you.

57 thoughts on “Tips for Optimizing Photos and Graphics for Your Blog”

  1. Optimizing the Images used in blogs is really required considering the bandwidth usage and it’s SEO effectiveness. Adorning images with proper alt texts and titles could make it really increase traffic to the site.

  2. I use VSO Image Resizer. There are images when re-sized it’s pixels get ruined. It always happens that’s why I was searching for a program that can change the size of the image at the same time keep its pixels intact.

  3. Thanks for those great tips! Will surely implement them in my blog! Especially we never pay much attention to our images, but from now I will!

    1. Alex, I don’t know how I missed replying to your comment! I apologize. I value comments and try to reply in a timely fashion. This one just got away from me. I’m glad that you found my post on optimizing your photos and graphics to be helpful. Using keyword rich alternate text and descriptions is an important part of optimizing your site for the search engines. Good luck with your blog!
      Sherryl Perry recently posted..6 Reasons to NOT Build a WebsiteMy Profile

  4. Great post and tips. I would like to say that well-optimized photos can generated a lot of traffic to a website. That’s why it is so important to pay special attention to this moment.

    1. That’s a good tip Terje. Video is another great way to generate traffic too. That’s something that I admit I haven’t incorporated enough of.

  5. Thanks Sherry for this informative and helpful article. I’m in learning stage.

  6. Sherryl, alt img tags are frequently missed opportunity for people new to on-page SEO and accessibility issues so thank you for that much needed reminder. As for places to get images, one place I love is Flickr. Many photographers allow people to use their photos under a Creative Commons license, which does require attribution, but there are so many talented photographers on Flickr, I’m happy to support them with a link from my blog.

  7. Hi Sherryl,
    I only resize the images so they can load faster and secondly I renamed the image file with the name which best describe it.
    Thanks

    1. Sounds like you’re doing what you should be. It’s really critical to make your images load quickly and optimize them for SEO too. Thanks for dropping by!

  8. I use bigstockphoto a lot but recently have been using Microsoft office clipart. They actually have a huge collection of good photos you can use.

    1. Thanks for letting me know about smush.it Kare. I’ll check it out. I’m lucky enough to have Photoshop but I often get asked for recommendations from clients who are looking for a low cost solution. I’ll check it out.

  9. It is interesting that when you first start uncovering information about SEO the amount of new stuff you learn! I would not even consider giving my images an appropriate title, thank you!

    Katherine

    1. You’re welcome Katherine. Apparently, titles and alt-tags are becoming even more important than ever now that Google has changed their algorithms. This looks promising for all us “little-guys” (and gals).

  10. Thanks, Sherryl, for the valuable tips. I wasn’t aware of Big Stock Photo and Morgue File and just checked them out and I’m sure I’ll be using them. I used iStock Photo and also Google Images. You need to be careful with the latter because of copyrights but there are some free in public domain. The alt tag, as you mention is critical.

    1. You’re welcome Jeanette. It’s the whole being “careful” about copyrights that makes me sometimes just go ahead and license a photo from Big Stock. They have such a selection, I just have to watch myself that I don’t take too long browsing and selecting though. After all, I usually go there first when I’m trying to save time.

      Thanks for your suggestions too.

  11. This is something I really need to work on. I always resize my photos but I had a habit of saving at quality 12 (in Photoshop) which is totally unnecessary. Although I’ve started using a lower setting, saving for web would be better. More effort but worth it for the saving in page speed.

    Alt tag is a must too. Matt Cutts had a video explaining why.

    1. I just checked out your photography on your site Tim and it’s gorgeous. Thanks for the link to Matt’s video. That’s both cute and helpful.

  12. Nice reminder Sherryl. Since Google’s algorithm change simple SEO strategies like the one you shared here matter more than ever. 🙂

  13. Hi Sherryl,

    I am glad there are others who like helping out with some of the technical aspects of keeping page loading speed minimized and subsequently improving the experience for readers of your blog. I posted some time back a related article that complements this post. I called it “Is your blog bogged?” I just updated my post to point to yours at the appropriate place.

    Regards, Michael

  14. Great one, Sherryl. There are still a lot of website owners and bloggers who are not into optimising their photos. So, what you have here is a gem for these people. See, you have helped Patricia into putting Alt-tags into her own photos already. 😉 Keep your good work coming! 😉

    1. Thanks Wes. I’m glad that so many people are benefiting from this. I think what happens is that most of us get our blogs up and running and it’s easy to miss some of the finer points.

  15. Yeah, photos and graphics are very important in an article. Tip #1, about concentrating and resizing our images, is very helpful because otherwise the loading time of a webpage increases, which is bad. Google now takes into account the loading speed, too, for the ranking. I have lately started embedding videos into my reviews; I don’t know how to make them lighter.

  16. Learnt something new from your post Sherryl. Honestly had no idea how to use the alt tag and descriptions. Always left them blank.

    Often use Wylio.com where you find photos from Flickr that you can use free of charge.

  17. I also use istockphoto.com but am also looking for free sources so I will definitely check out Morgue File. Thanks for the tip on using alt tags, I am guilty of skipping that but with this in mind, I will make sure I use the right keywords. I know there is a image editing software on WordPress but I also like using Picnik.

    Thanks again for the insights 🙂

  18. I’ve had my blog for a little while now but had no idea of how to optimize the photo keywords. Thanks for teaching me something new. As for pictures, you turned me on to MorgueFile where I get an occasional free picture. I’ve been using istockphoto.com but will check out the prices on bigstock. Great post!! Sometimes it helps to google a coupon code for these places. I’ve saved a few dollars here and there.

    1. I’m glad it helped Keyuri. I love coupon codes too! I haven’t had much luck with coupons for Big Stock but I can almost always find them when I’m renewing domain names on GoDaddy. It doesn’t hurt to look.

  19. It’s worth pointing out that, in terms of speeding up page load wait time, you should probably be using the .jpg format.

    You would only need to use .png if you were displaying something which needed to be represented in a lossless format.

    .bmp would just be madness.

    1. “.bmp would just be madness” 🙂 – That’s true but it made me giggle. That is a good point Mike. Hmmmm…. should we talk about .gif? No – let’s not. As you say, let’s stick to .jpg as a rule of thumb.

      1. While I do not want to get too technical, GIF format is best used for charts, clipart and images use a limited range of colors. It is fine for use on web pages. JPG format is best for photos and any image that uses heaps of colors.

        1. Gifs are the only way I know of to create a transparent background. When your background is white, it’s not an issue but for a graphic on a website with a colored background, it comes in handy. I really do like using graphics as an alternative to photos. 🙂

  20. Hi Sherryl

    What a truly helpful post. Never too basic for me 😉 And now I know how to put in the alt tag for my photo…yay 🙂 Thanks Sherryl

    So many sites I visit get all techie on me. Yikes, I leave more confused than when I landed there lol Will leave here with a smile on my face and something I’ve learnt.

    Patricia Perth Australia

    1. Thanks for the positive feedback Patricia! I really try to not confuse anyone. After all, I want to be known as a friendly computer geek. 🙂

  21. Hi Sherryl,

    It seems we are on the same thought train this week. I just posted something similar. Love your way of explaining though – so clear and concise. Must be the teacher in you :). @Susan – I have heard and seen the same thing when you put a URL in an image unless of course you are hyper-linking it.
    Julie Weishaar recently posted..Online and Offline Networking EtiquetteMy Profile

    1. Hi Julie, I like being on the same thought train as you. 🙂 I really need to look into that deleting the URL issue on my site. I just built a website for a client using WP and I was able to delete all the links to his pictures. It’s something weird on my site.

  22. Good explanations especially the alt tag Sherryl. One tip and I can’t remember where I heard it from is not to put in your URL. One reason is if the image shows up in a Google image search and a person clicks on it they will be taken to a page just with the picture and not the post.
    Susan Oakes recently posted..Is Obsession Stopping Your Marketing SuccessMy Profile

    1. That’s a good point Susan about deleting the URL but for some reason when I try to delete it, I’m prompted that I’m deleting the image. It could be the way I use WP media to upload images or maybe it’s my theme. I’m not sure. I’ll look into it more when I have time. (As usual, I was writing this post on the fly and trying to post it quickly yesterday. 🙂 )

  23. I use iclipart.com. Find for the price and the number of pictures we use what with our ebooks etc, that it was a good investment. Thanks for the tips

Comments are closed.