Quick Tip: Optimizing Images for the Web

Its amazing to see how much image sizes affect page load times. You might be thinking, “How much can 5kb really affect my load times?” To be be quite honest its not about the one image that affects the load time, but all the images together. If you calculate the size of all the images on your websites front page and you can shave off 6-7kb’s on each image, that will save you quite a bit of time and bandwidth. Saving bandwidth means saving money to a lot of people. There are a lot of cheap web hosting solutions around, but if you run a blog or would like to be in control and host your sites together, the best would be to invest in a virtual private server, it’s fast and reliable and not very expensive. Virtual Private Cloud Hosting

Let’s get back on track here, I’m just writing this to actually tell you about a dandy tool that I use to keep my images optimized for the web, hence titling it, “Quick Tip!” This tool helps me shave off those unnecessary excess kb yet helps me retain image quality on my images. Got any idea what tool I’m talking about yet? If you said Yahoo’s Smush.it then you were right. Check out the description about the application below.

Yahoo Smush.it

Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page’s images and provides a downloadable zip file with the minimized image files.

Smush.it is really a useful tool and helps you to optimize your images so that no time or bandwidth is wasted. That is all for this quick tip.

Jacques is an Entrepreneur and Founder of the An1ken Group. He recently launched a daily vlog on Youtube — JacquesvhTV. He started Creativeoverflow in 2009 as a hub for creatives. Connect with him: Jacquesvh.com - @Jacquesvh - Facebook - Instagram - Pinterest

  1. Reply Diana Eftaiha November 13, 2010 at 12:18 PM

    Are the new images returned named same as the original ones so i wont have to go through the code and edit?

    • Reply Jacques van Heerden November 13, 2010 at 12:36 PM

      Yes they are, easy to size them down and re-save as they are named exactly the same.

  2. Reply HD Guy November 13, 2010 at 1:10 PM

    I’ve been using Smush.it myself for several months and it does a good job most of the time. You can also optimize your images in Photoshop, but this way you also save some time. A great tool for anyone with a blog or a website

  3. Reply John November 14, 2010 at 6:29 AM

    I just gave Yahoo’s SmushIt a try, works great! This is the thing I find so paradoxical about Yahoo… they actually come out with some awesome stuff… and they still can’t seem to define exactly what it is they do. It’s a bizarre business model, that’s for sure :)

  4. Reply Andrew Edney November 14, 2010 at 7:38 PM

    Thanks for the tip – very useful and now implemented!

  5. Reply John November 14, 2010 at 7:44 PM

    Nice tip. But you should look into using css sprites to get a better benefit instead of optimizing single images.

  6. Reply Ivan Kristianto November 15, 2010 at 4:36 PM

    i’m using timthumb script to make my images smaller and compressed. i want to try this now, i’ve been optimizing my website for a while now, and interest to try smush.it now.

  7. Reply TutorialsTag December 5, 2010 at 7:09 AM

    There is a wordpress plugin too which will optimize your images seamlessly using the smush it API. You can find it here http://wordpress.org/extend/plugins/wp-smushit/

Leave a Reply