954,576 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Image Loading Times

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

AccurateAG
Junior Poster in Training
87 posts since Jul 2011
Reputation Points: 36
Solved Threads: 1
 

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.

drjohn
Posting Pro in Training
445 posts since Mar 2010
Reputation Points: 76
Solved Threads: 80
 

Mainly It depends on the size of the image. All three files download very fast and I have tried it on my PC.

http://pokemon.otavo.tv/ , http://naruto.otavo.tv/

idk3danica
Newbie Poster
1 post since Feb 2012
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: