CSS efficiency

[diabolo]

which would be more efficient in loading times?

• (15 x 5) solid color background picture;
• (15 x 15) solid color background picture;

i am thinking that the 15x5 would load faster, but anything is possible

[leafypiggy]

if its a solid color, why not just use background-color: #/*value*/ ?

[diabolo]

because i have it set within a <span> tag; and it has a set height, and to create the same effect it would require more coding, and therefore increases file size, and code starts to look messy

[sourfacedcyclop]

I would say that the 15x5 would be faster. The file size will be smaller, so once the browser loads it into its cashe (did I spell that right?), it will just repeat it until it fills the specifies area.

[leafypiggy]

it's cache. ;)

And I get it now.

[sourfacedcyclop]

Close enough

[diabolo]

so in this case, actually a
15 x 1
would be the most efficient

[xPlozion]

yes. the smaller the file size the faster it can repeat itself and reduce load times (although a 15x1 wont take long to load at all, but some people still have dial-up).

[sourfacedcyclop]

If you are just using a solid color, I don't see why you just don't use a 1x1 side file....

[diabolo]

If you are just using a solid color, I don't see why you just don't use a 1x1 side file....

i need the image to define the height of the bar