Post-Thumbnail

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.

Buffer
About the Author:
Jacques is the CEO and Founder of the An1ken Group. Connect with him: Jacquesvh.com - @Jacquesvh - Facebook - Instagram - Pinterest - Google+

9 Comments so far

  1. [...] This post was mentioned on Twitter by soshableweb, Creativeoverflow, Design Sauce, Jeslin George, Carlos Estrada and others. Carlos Estrada said: Quick Tip: Optimizing Images for the Web: Its amazing to see how much image sizes affect page load times. You mi… http://bit.ly/cMvmK6 [...]

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

  3. HD Guy says:

    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

  4. John says:

    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 :)

  5. Andrew Edney says:

    Thanks for the tip – very useful and now implemented!

  6. John says:

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

  7. 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.

  8. TutorialsTag says:

    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/

Have your Say