Question

I have a repeating horizontal pattern in a background layer in HTML. I could do it with either a 1 pixel-wide image or a multiple of that (10, 20, 50…).

The question is:

Which is better?

1. use a thin (small filesize) image and make it repeat a lot
2. use a larger image that would repeat itself less

How much does repeating a given image pattern consume in terms of processor/client resources? Suppose the image is 3,000 pixels high.

EDIT:

Is it better to have a 1×3000 image repeat itself 1000 times horizontally (in a 1024-wide screen) than a 100×3000 image repeat itself 10 times horizontally? Is it a given that computers are significantly more powerful nowadays, this tile repetition is less of a concern?

EDIT 2:

very similar question with the answer I was looking for here:

Repeating website background image – size vs speed

Answer 1

I’d go for a somewhat larger image (unless this has a serious impact on file size):

Repeating website background image – size vs speed