Blogging

How I Optimize Images For Web Using Photoshop


Why is optimizing images for web important? Because images/sites will load faster and thus keeping your readers happy. You don’t want to keep your readers waiting right? A happy reader will return to your site again and again. πŸ™‚

I use Photoshop to edit and resize images. Even then my images from as early as 2010 were quite large in sizes. Was a clueless blogger ma. Hehehe.

Below are the 2 methods I use to optimize images using Photoshop.

Method 1: Reduce quality

1. After resizing your image, click File β†’ Save As.
2. Type the desired file name and click Save.
3. ‘JPEG Options’ will pop out. I usually go for 8, High. Click OK.

Method 2: Save for Web & Devices



1. After resizing your image, click File β†’ Save for Web & Devices (Alt+Shift+Ctrl+S).
2. Select JPG. You can play with the setting if you want. I usually leave it as it is.
3. Type the desired file name and click Save.


For the above puppy image (600 x 402), image size for method 1 = 60.9k, image size for method 2 = 17.3k.

I use method 1 the most until recently I changed to method 2 as I found the latter is better as the image size is even smaller and the quality of the image can still be maintained as method 1.

Previous Post Next Post


You Might Also Like

16 Comments

  • Reply Jason April 6, 2011 at 12:27 pm

    I have unlimited storage and bandwidth in my photobucket account, so, let it be (method 1).

    Are you really sure the quality is not noticeable by eyes? I mean, I tried it once and could see the difference, that’s why I went back to method 1.

    • Reply Che-Cheh April 6, 2011 at 12:44 pm

      Yes cool since we host them in photobucket/flickr. But loading of website is slow if we don’t optimize it. Since you use method 1 should be okay.

      I use method 2 for ‘Interesting License Plates of Australia’ post. Ok ar. But I do agree with you. I tried method 2 few years back and found the quality to be no good. I guess depends on image type. I think I read somewhere image with a lot of horizontal/vertical lines cannot use method 2.

  • Reply xin April 6, 2011 at 2:21 pm

    i used method 2 before and didn’t quite like it. so still using method 1 πŸ˜€ but in your reply to jason’s comment about the image with lines, it sounds quite interesting. gotta google it up πŸ˜€

    • Reply Che-Cheh April 7, 2011 at 8:42 am

      Maybe previous version of photoshop using method 2 really not good. Perhaps newer version PS is better. That’s why now I find they are good.

  • Reply tekkaus April 7, 2011 at 2:10 am

    I only reduce the size. Ha πŸ˜€ besides the quality of the photos that I snapped is not that good. So don’t need to worry lo.

    • Reply Che-Cheh April 7, 2011 at 8:43 am

      As long as your image size is not large then loading of blog should not take very long.

  • Reply foongpc April 9, 2011 at 11:21 pm

    So u mean after u reduce the size, the quality drops?

    • Reply Che-Cheh April 10, 2011 at 12:37 am

      Using method 2, image quality is same as method 1.

  • Reply foongpc April 9, 2011 at 11:21 pm

    I don’t have Photoshop. Do you buy it or is it free?

    • Reply Che-Cheh April 10, 2011 at 12:38 am

      I get it from torrent.

  • Reply foongpc April 9, 2011 at 11:56 pm

    But wait! I am a bit confused. Does it mean that reduce size of your photo resulted in smaller photo size on your blog? Meaning if previously my photo is 10X7 now becomes 8X6 for instance? How come some blogs have very large pictures but still can download very fast?

    • Reply Che-Cheh April 10, 2011 at 12:41 am

      Image size uploaded from camera is large right? So we have to resize it first ya?

      Blogs with large pictures can load fast because the image file size (in kb) is small. This can be achieved by using method 1 or method 2.

  • Reply foongpc April 9, 2011 at 11:58 pm

    Oh I juz discovered my Microsoft Office Picture Manager has the option to reduce photo size! Haha!! now only I know! : D

    • Reply Che-Cheh April 10, 2011 at 12:43 am

      If after resize the file size is still large, you can compress it.

      • Reply foongpc April 10, 2011 at 1:20 am

        Ok I tried using Microsoft Office Picture Manager and managed to convert a 1350 KB image to 675 KB. The picture size (meaning the length and width) and quality appears the same. When I reduce it further to 75KB, the picture size is smaller. If I were to use the 75KB picture on my blog, but I make the picture size bigger on the blog itself, will the quality deteriorate?

        • Reply Che-Cheh April 10, 2011 at 1:32 am

          That one not sure. You have to judge the picture side by side. If you see they’re okay then good. If quality deteriorate, the picture will be blurry.

    Leave a Reply

    This site uses Akismet to reduce spam. Learn how your comment data is processed.