#02: Image Optimization Tips + Tricks

The biggest reason websites load slow are due to heavy images. In this episode Alex shows you easy ways to make images weigh less and load faster.
Shownotes
Be the first to know when Beast Optimization is ready.
Join now for free:
I’ve always used .PNG for the best quality, but I never considered how the weight affects my load time.
1. Download and use ImageOptim – check
2. use JPG instead of .PNG whenever possible – check
3. Reduce the quality of JPG images whenever possible – check
*For anyone looking for a free alternative to Photoshop, try GIMP.
Sounds like you’ve got it down. I looked closer at Pingdom and saw the breakdown of the homepage here:
Images are 90% of the page size! Crazy! I’d bet your sites are similar…a little thought now can pay off big time later.
Hey Alex;
first of all; thanks for the mdTV and believe it or not i was thinking that it would be great if you can add a how to’s for your clients about managing and enhancing sites and here they are .
i did what you recommend; and i found a huge pictures on the server; more than 1000 pics; i really don’t know how and why and most of them are repeated;
anyway; i deleted most of them right in the FTP client and now the speed on Google less that the speed it was?. and in every site test i used it says : problem with the server ?.
Meanwhile; i tried many browsers and i believe it’s faster that before ?..
What’s your take and recommendation on this ? . and please keep up the series that you’re intended to do .
for PNG image file type, I used Pngyu for compress image.
Thanks for sharing, I’ll have to see if the results are different from ImageOptim.
Hi Alex,
I’m using “Compress JPEG & PNG images” from TinyPNG. It optimizes images right after uploading them to WordPress. I don’t have to remember about image optimization. PNGs got reduced in average 60%-75% by this plugin with no quality sacrifice.
Cheers!
Nice, those are huge numbers!
If you want to get the most savings from your images, you may want to consider saving the photos you use in your blog posts as
JPG
s.