ShoutMeLoud – Shouters Who Inspire

Superlinks
≡ Menu

5 Alternative Ways To Optimize Images on Your Blog

5 Alternative Ways To Optimize Images on Your Blog

One of the issues when maintaining your own website or blog site is answering the question “How do I optimize images?”, isn’t it? This is most especially if you found out that your images and even the thumbnails is loading too slow. And f you are not aware, a slow loading website can affect your website hence, bounce rate is more likely to increase. Not only that, if this problem continue to persist you will soon lose all your precious visitors and this is going to affect your website’s ranking from SERP or search engine results page. On the other hand, if you have a bulk or massive visitors everyday then I am pretty sure this is going to affect your hosting’s processing load and might affect your website to crash causing the application to restart. Not to mention, the bandwidth you are wasting for each time your website loads. Well, these are just examples of what might happen if you don’t make some tweaking to optimize images on your blog articles. One way is to deal with so many images on a blog by using CDN and here you can read a guide on How to implement CDN using Super cache plugin.

Optimized Images

First, I will assume that you are using WordPress platform as for your CMS but if not I believe that some of the tips here will still be a big help. When I started blogging, I have been using this great plugin called WP Smush.it. This WordPress plugin created by Dialect was indeed helpful. It uses an API offered by a Yahoo! product named Smush.it. The primary function of this plugin is to strip out those unused elements from the images that you upload onto your posts. Unused elements such as meta data and unused colors from the original picture. However due to some unknown internal issue with the product itself – smush.it – many users have been disappointed with this ongoing problem. And until now, there hasn’t been a permanent solution made.

If you do know how to create your own CSS Sprite which should be the most recommended doing then you don’t have to worry because there are alternative solutions for that. And here are some of the best online applications that will do the trick for you. Yeah, it is not a nifty plugin and this will require you to do some additional work but this will surely benefit you in the end. And the beauty of using this is you don’t have to install anything on your computer nor into your website.

5 Websites to optimize Images on your Blog/Website

Now, everyone is not using WordPress as their Blogging platform and many users are using Drupal, BlogSpot and many other CMS and platform. By the end what really matters is, how fast is your site loading and if you are using images to add value to your post, making them load faster by using CSS Sprites, will help you achieve faster speed. Here are such websites, which will help you to optimize images, create CSS sprites.

CSS Sprite Generator

URL: http://spritegen.website-performance.org/

Well, the name says so. The aim of this online tool is to combine all of your images into defined axes (X and Y coordinates). In this way, it will help your website reduce the number of HTTP requests. However, of course you need to know some backgrounds on how to create CSS sprites and how to implement it on your website.

Image Optimizer

URL: http://www.imageoptimizer.net/Pages/Home.aspx

Now this one is a little bit easier than the first one. The Image Optimizer is an online tool that works like the way Smush.It of Yahoo! works. You just need to upload the image you wanted to be optimized then download the reduced image afterwards. It is pretty straightforward. It will show you how much space you have saved after it reduced your image. I have tried this and indeed reduced the size of my images at about 20% each.

Web Resizer

URL: http://www.webresizer.com/resizer/

The Web Resizer works the same as Image Optimizer and Smush.it where it removes those unwanted and excess data away from your original image. When I used it, the image I uploaded was reduced to 21%.
With Image Optimizer and Web Resizer you need to upload and download the images one-by-one. I guess this is the only drawback. But they’re my personal favorite online image optimizer tools.

Kraken.io

URL: http://kraken.io/

This is the online application recommended by some old WP users who switched away from WP-Smush.it after knowing that it’s not working (or should I say working intermittently). It uses the same process and will ask you to upload the photo or image you want to reduce. Then you can download the optimized or reduced image afterwards.

JPEG-Optimizer

URL: http://jpeg-optimizer.com/

Well, this is the last one from my list and like the other image optimizer online tools the same process works here. You need to select the image that you are about to use on your next post, upload it, then once the processing is done then you can download it. But to be honest, most of the time I encounter errors here after uploading my images.

So, there you have it. These are the alternative online tools you can use to optimize images on your site. I know that you also have your own preferred tools or ways. You can share it with us and help other people save some disk space, bandwidth and problems.

This is a guest post by Arsie from Eyes4Tech. If you would like to write for ShoutMeLoud, check our guest posting guidelines.

  • Author Bio

  • Latest Post

Article by Arsie Organo Jr

Arsie has written 1 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.


    TA

    { 8 comments… add one }

    • Shubham Pratap Singh

      Yeah Online Image Optimizer

      http://tools.dynamicdrive.com/imageoptimizer/index.php

      is the best online image optimiser. It gives you various compressed images of the image you upload.

      Try it….. Its just AWESOME!!!

      Reply
    • Gitesh

      Really awesome post , As properly optimize images plays an important role to increase the site visibility in SERP’s….It will definately helpful for newbie bloggers.

      Reply
    • Nizam

      Wow! Awesome and detailed post on optimizing images. Well yes, a slow loading site can affect the website and hence bounce may increase. WP Smush.it plugin is really a good plugin and it’s good to know more alternate ways. Thanks a lot Arise :)

      Reply
    • Chris

      Greats list of image optimizer tool, Arsie. Let me add this list, I usually using http://tools.dynamicdrive.com/imageoptimizer/, that’s greats tool for image optimizing with some option feature. thank you

      Reply
    • Alan Tay

      I use WP Smush.it to optimize my images. It is a WordPress plugin and I find it easier since the image is going to post it anyway on the blog. It is a two times job to use a service to optimize and then only upload to your blog post. What do you think, Arsie?

      Reply
    • sandip bhagat

      I use wp smush plugin to optimize my imazes in blog. It works fine in one of my blog but in other it is not working. So i use free imaze optimizer desktop program and optimize images offline then i use them for my blog. It is better than any other tool i used.

      Reply
    • Arsie

      Cool! This is my first guestpost here at shoutmeloud.com! :D

      Reply
    • Gautham Nekkanti

      Great Article Arise, This is a must read for Theme Developers, I love using CSS sprites, It reduces lot of server usage

      Reply

    Leave a Comment