CODEWITHSUNDEEP
html
Talha Akbar
Talha Akbar

Reputation: 10030

Image loading performance in accordance to its dimensions

Is this true that image whose dimensions are:

2x2 | 4x4 | 8x8 | 16x16 | 32x32 | 64x64 | 128x128 | 256x256 | 512x512

// so on . . . .

and so on are easier to load and for displaying? I read somewhere that computer like these dimensions and perform very well. Does it also apply in HTML documents? If it is so, we should make icons and all that stuff in 16x16 and 32x32 ?

Upvotes: 0

Views: 29

Answers (1)

Pekka
Pekka

Reputation: 449435

While it may be true elsewhere (like for Favicons, see below), it is not the case for normal images in HTML documents. A HTML image can have whatever dimensions you want it to have.

For optimum performance, make sure that the image's physical size is identical with the size of the HTML image tag, so the browser doesn't have to do any resizing.

If it is so, we should make icons and all that stuff in 16x16 and 32x32 ?

Favicons should come in certain, defined sizes.

Inside the HTML document though, the only reasons to have an image 16x16 instead of 17x17 pixels are design considerations. It's definitely got nothing to do with performance.

Upvotes: 1

Related Questions