{background-image}

ideal size?

[D_Blackwell]

I usually don't give much thought to my background size, either in terms of file size, or for dimension size. A couple of recent twists bring me to asking about them.

First - Ideal file size. Since it is only cached once, I don't pay much attention to it unless it is over 10k. What is a reasonable upper end for file size?

Second - I usually make backgrounds 100px x 100px, or if from another source, resize to 150px max. The other day I came across a background image that I liked, and when I went to take a closer look, wasn't even sure that it was on the page. Turned out to be 3px x 4px. what is a reasonable upper and lower end for {background-image} dimensions? Does it matter?

[pageoneresults]

Does it matter?

I think it does. The smaller the image, the more issues that may arise. The browser has to render that background tiling image. If it is 2x2, that is a lot of rendering. If it is 200x200, you get the point.

Also, I've seen the 1x1, 2x2 and 3x3 tiling background images cause problems with WYSIWYG software. For instance, you cannot work on a page in FP that has a 1x1 tiling background. The vertical scrolling is turtle like because FP cannot handle it.