User | Post |
7:45 am July 11, 2011
| JT_McGee
| | |
| Member | posts 723 |
|
|
|
I've become a fan of trying to reduce page load speed, especially by reducing image size. I started out using pngs, which look awesome, but are a complete drain on load speed. My header was like 150kb, or something like that.
I didn't want to have to go through opening photoshop/whatever to get really into resizing them, so I got lazy. Lazy turned out to be good!
Check this out: http://www.shrinkpictures.com/
Upload a picture, set a size, and pick a quality. It took my header from 150+kb to 30, and reduced one of my post images from 60kb to 6kb, without any real stress on image quality. I'm a huge fan. This thing is great, so I wanted to pass it along.
|
|
|
7:53 am July 11, 2011
| Derek@LifeAndMyFinances
| | |
| Member
| posts 1298 |
|
|
|
Great tip! Thanks JT! Does each image have to be done one by one though? Or can you do a mass shrink?
|
|
|
8:12 am July 11, 2011
| JT_McGee
| | |
| Member | posts 723 |
|
|
|
One at a time.
I found a list of programs to use, which do have batch capability: http://www.smashingmagazine.co…..rocessors/ but haven't bothered to go through them yet.
|
|
|
2:36 pm July 11, 2011
| Glen Craig
| | |
| Member
| posts 1087 | |
|
|
I've used Smush.it from Yahoo to shrink the data size of images.
http://www.smushit.com/ysmush.it/
There's also a plugin but I haven't used it.
To resize an image I just use Preview on my mac.
|
|
|
4:14 pm July 11, 2011
| Money Reasons
| | |
| Admin
| posts 697 |
|
|
|
I've always just used GIMP, it's free and kind of fun to play with…
I need to use it more often…
|
|
|
5:48 pm July 11, 2011
| The College Investor
| | San Diego, CA | |
| Admin
| posts 1935 |
|
|
|
Glen Craig – Free From Broke said:
I've used Smush.it from Yahoo to shrink the data size of images.
http://www.smushit.com/ysmush.it/
There's also a plugin but I haven't used it.
To resize an image I just use Preview on my mac.
I use the Smush It plugin and it works great. It automatically reduces the size of all images you upload using Wordpress (so, for posts and such). It won't work for your header or other images, but once you shrink those, this plugin is the way to go.
|
|
|
11:13 pm July 11, 2011
| Khaleef @ KNS Financial
| | Fat Guy, Skinny Wallet | |
| Member
| posts 3149 |
|
|
|
Would doing this violate the terms of a creative commons license?
|
|
|
6:51 am July 12, 2011
| JT_McGee
| | |
| Member | posts 723 |
|
|
|
It shouldn't violate the terms. I search for CC plus the two extra options using this link: http://www.flickr.com/search/?…..#038;adv=1
Thanks for everyone's tips. I've used the shrinking tools on images and loading time for my homepage is now <2.5 seconds, and 1.4 on refresh. There's still more to go, though. I'm going to have it down soon enough.
|
|
|
5:00 pm July 12, 2011
| Sustainable PF
| | |
| Member
| posts 2759 |
|
|
|
Neat too JT. I wish it allowed images bigger than 1000 px (our header is 1000px – would like to make it wider but also smaller in size).
Do you know how much wp-smush-it plugin helps reduce image size?
|
|
|
5:10 pm July 12, 2011
| Suba @ Wealth Informatics
| | |
| Moderator
| posts 1876 |
|
|
|
Smush it plugin averages (for me) with 20-35% reduction. Maximum was 70%. A lot of them no reduction (but I do upload small images anyway).
|
|
|
5:46 pm July 12, 2011
| The College Investor
| | San Diego, CA | |
| Admin
| posts 1935 |
|
|
|
Suba @ Wealth Informatics said:
Smush it plugin averages (for me) with 20-35% reduction. Maximum was 70%. A lot of them no reduction (but I do upload small images anyway).
The great thing about it as well is that it gets them to their max. If you run Page Speed in Firebug, images are no longer a problem.
|
|
|
7:07 pm July 12, 2011
| Sustainable PF
| | |
| Member
| posts 2759 |
|
|
|
The College Investor said:
Suba @ Wealth Informatics said:
Smush it plugin averages (for me) with 20-35% reduction. Maximum was 70%. A lot of them no reduction (but I do upload small images anyway).
The great thing about it as well is that it gets them to their max. If you run Page Speed in Firebug, images are no longer a problem.
When you say "gets them" do you mean Shrinking Images? I'm all for using it if possible.
Our banner is 1000px and possibly getting a bit bigger, so can't "shrink" that, so smush-it seems to make sense. Tho I need to figure out how to see it's actual "smush"ed size
|
|
|
7:10 pm July 12, 2011
| Suba @ Wealth Informatics
| | |
| Moderator
| posts 1876 |
|
|
|
SPF the smush-it adds a new column to your media library where is shows the %reduction and the new size. (Answering for Robert) Yes, it smushes them as much as possible, so it "gets them" to their minimum size without losing data.
|
|
|