Does any one know which is going to be better for a browser loading time between these two options:\[code\]background-image:url('1by1px.png');\[/code\]or \[code\]background-image:url('10by10px.png');\[/code\]A 1px by 1px semi transparent png repeated for the div. Or a larger one say 10px by 10px.There must be some kind of looping that has to be done to display the repeated image in the browser, and so I wondered if the image which is \[code\]1px by 1px\[/code\] causes alot of looping to get the image displayed that it may in fact be less speedy than a larger dimensioned image with less looping?Of course the counter argument is image size is smaller for 1by1 compared to 10by10, but doesn't mean its better to be smaller because looping many times might not scale as good as looping a large image size slightly less often.Does any know more about which would be better and how browsers handle situations like this?
Images in browsers performance
- Thread starter weireeTer
- Start date