Simple way to speed up your site

brandonbaker

Member
Jan 10, 2011
576
3
18
New York City
1. Save all of your website's PNG files
2. Upload them all to TinyPNG
3. Watch the panda throw his arms up in jubilation
4. Re-upload your files
5. ????
6. Profit

Enjoy!

*I am not affiliated with this website in any way, other than the fact that I use it all the time and thought you gay webmasters could use it, too.*
 


Seconded. tinyPNG is the shit. Fast as hell. No distortion. And it reduces the file size like crazy. I've even ran large files through 5-6 times with no quality loss.

Also, not affiliated with the site. It's just an awesome tool.
 
cliff: save png's as 8bit with alpha
 
Shit that TingPNG is impressive, made my PS saved 6kb file into 3kb. Looks exactly the same too. Wish they could do that with JPG images but I haven't found anything that works better than PS for that.
 
cliff: save png's as 8bit with alpha

You'd lose a lot of image quality this way--in a lot of cases too much to be worth the data savings.

How does it compare to smush.it ?

Not working for me for some reason. Anyone else able to get it to work?

btw, if you want to do this locally, pngquant ? lossy PNG compressor has various binaries.

I've actually found TinyPNG to be more effective than a lot of these command-line type compressors.
 
Speed up your website loading time, if that is the exact thing you want to do. Instead use less amount of flash files on your webpage to make your loading time minimum. Too much advertisements like banner ads also increase your loading time. A static webpage is more faster to load than a dynamic webpage . .
 
Speed up your website loading time, if that is the exact thing you want to do. Instead use less amount of flash files on your webpage to make your loading time minimum. Too much advertisements like banner ads also increase your loading time. A static webpage is more faster to load than a dynamic webpage . .

Can we just ban this fuckwit now so we don't have to listen to this bullshit?

You can find better tips here:

This one too please.
 
Speed up your website loading time, if that is the exact thing you want to do. Instead use less amount of flash files on your webpage to make your loading time minimum. Too much advertisements like banner ads also increase your loading time. A static webpage is more faster to load than a dynamic webpage . .

Shut the fuck up.


As for tinyPNG +1, brought my last site from over 2mb to about 600kb.
 
This is exactly what TinyPNG is doing. It's taking your 24 bit PNG with alpha, and is converting it to an 8 bit PNG with alpha.

Right, I was referring to "saving as" a PNG8 with a program like Photoshop which will cause a big difference in image quality...at least in the images I've tested.
 
Right, I was referring to "saving as" a PNG8 with a program like Photoshop which will cause a big difference in image quality...at least in the images I've tested.

Yeah, because it's indexed colour, much like a gif, with 1 bit transparency, no true alpha. But if you save out of Fireworks it supposedly will export the 8 bit with alpha. Still, Tiny PNG should produce similar 8 bit image quality as Photoshop, and you should see the difference in areas like smooth gradients where banding will appear.
 
Yeah, because it's indexed colour, much like a gif, with 1 bit transparency, no true alpha. But if you save out of Fireworks it supposedly will export the 8 bit with alpha. Still, Tiny PNG should produce similar 8 bit image quality as Photoshop, and you should see the difference in areas like smooth gradients where banding will appear.

I'm on my tablet so I can't test it but if I recall correctly I could not get PS to save any PNG to a similar size tinyPNG does without losing quality. Not even close.
 
I'm on my tablet so I can't test it but if I recall correctly I could not get PS to save any PNG to a similar size tinyPNG does without losing quality. Not even close.

I just tested converting a large 1280x1280 24 bit PNG image, with a smooth multicolored gradient across almost the whole thing, to 8 bit PNG with dither using Photoshop, and the image quality is pretty close to that of TinyPNG but not quite as good. The file size was also 3k more at 37kb vs 34kb (which is a 60% savings over the original). So perhaps TinyPNG has better compression algorithms. I'll certainly be using it.