Decrease image file size

peterbruce

Supreme Member

Sep 1, 2010

1,478

386

• Sep 21, 2011

• #1

I have 50+ small icons which are each individually linked to my different social networking sites on my website.

Various tests are saying these images are making the page speed slow.

How can I make these file sizes smaller or stop them slowing down the page speed?

CSS Sprites?
I can't optimize the images much more as the quality will decrease.
I can't make all images into one as I need to link them individually.

Any ideas? The 50 icons can be found down the right side of http://www.realpeterbruce.com/

 

peterbruce

Supreme Member

Sep 1, 2010

1,478

386

• Sep 22, 2011
• Thread Starter Thread Starter

• #2

Bump.

 

R

randolph60

Junior Member

May 13, 2011

191

50

• Sep 22, 2011

• #3

Which Format does they have now and how many colors are used?

If they're JPG's, try to convert to GIF or PNG.

You've written that it's not possible to join them, beacuse the individual links. Is it possible to use HTML Image Map. With them you can specify coordinates for individual links.


Randolph

 

VIC SEO

BANNED

Feb 19, 2010

2,172

368

• Oct 2, 2011

• #4

PNGs and GIFs have a larger image size, JPGs sound to be the best option as they have a high picture quality and still the size is kept small.

 

extremephp

BANNED

Oct 19, 2010

1,288

1,281

• Oct 2, 2011

• #5

warrichpk said:

PNGs and GIFs have a larger image size, JPGs sound to be the best option as they have a high picture quality and still the size is kept small.

Click to expand...

No mate. Out of GIF,PNG and JPG, GIF takes the least, and then PNG and JPG is the bigger one

 

M

maxflow

Regular Member

Dec 11, 2010

302

6

• Oct 2, 2011

• #6

without quality loss try here
http://www.smushit.com/ysmush.it/

or there is software called pngout

best way is css sprite

 

H

hakemsaeed

Newbie

Apr 15, 2011

16

1

• Oct 2, 2011

• #7

I have an idea, why don't you put the most important ones first, then when anyone clicks more it loads the rest through jQuery?

 

gordongekko

Regular Member

May 21, 2007

220

264

• Oct 2, 2011

• #8

you could host the images outside of your host i.e flickr or another photo sharing site to reduce the load time.