Hi all:

I have a slight problem, and I need s little advice.

I need to know which image format loads fastest
- jpg
- gif
- png

Basically, I have all my images as .PNGs. Half of them are 40 X 40 pixels. The other half vary in size.

Does it vary with the browser, the OS, or some other factor(s)?

Does it matter? Is the loading speed for all 3 similar?

Just looking for a little input.

Thanks.

John

Only the file size matters for loading speed, not the image type.

For simple graphics, not pictures, gif is usually the smallest file size. But gif is NOT suitable for pictures, it distorts them, making them blotchy looking.

For pictures, jpg is usually the smallest file size. But jpg is NOT suitable for simple graphics, especially those with large areas of single colours. It distorts them, making them blotching looking.

png can be used for both simple graphics and pictures, it doesn't distort either of them and has more advanced transparency than gif. But png files tend to be bigger than the corresponding gif of jpg.

So chose the files type that suits your needs.
For small thumbnails, especially those that are a mere 40x40, I'd say use jpg for pictures, unless its simple graphics then use gif. For artistic type transparency effects in an clever page design, png is your best choice, for simple graphics, use gif.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.