Являются ли повторяющиеся фоны в html более эффективными, если они больше 1px?

Question

Если существует одномерный фон, который повторяется в определенном измерении, есть ли заметная разница в производительности, если изображение, например, 1 пиксель в ширину против 10 или 20 пикселей в ширину?

Answer 1

Полагаю, вы имеете в виду двумерный фон.

Я не могу представить, что на современных компьютерах есть какая-то заметная разница. Однако, поскольку пропускная способность по-прежнему выше, особенно на мобильных устройствах, я думаю, что было бы лучше сохранить пропускную способность, повторяя изображение шириной 1 пиксель, а не, скажем, шириной 2 или 3 пикселя.

ОБНОВЛЕНИЕ: Мы только что выполнили тест, с научной точки зрения, но, безусловно, с точки зрения восприятия, в котором одна страница отображала зеленый квадрат размером 10px над квадратным div размером 10000000 пикселей, а другая страница отображала зеленый квадрат размером 1px поверх div такого же размера. Все стили установлены с помощью CSS, на обеих страницах не было другого контента. Графика была загружена локально. В Safari 5 для Mac и FireFox 8 для Mac не было абсолютно никакой разницы в восприятии. Тем не менее, возможно, что на некоторых моделях старых (более хрупких) смартфонов могут возникнуть проблемы с производительностью.

Answer 2

Вы, вероятно, не заметите разницы между фоновым изображением шириной 1px и шириной 20px, хотя оно и будет.Это просто разница в размере файла, который вы должны загрузить, который вы увидите.Чем больше изображение, тем больше размер файла, скорее всего, поэтому для начальной загрузки потребуется немного больше времени.Как только оно будет на месте, вы не заметите разницу в любом случае.