Оптимальный размер CSS плиточных фоновых изображений

Question

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

Но есть ли у кого-нибудь ссылки на данные, подтверждающие, что это так в разных браузерах, с учетом времени рендеринга или загрузки процессора в различных точках рендеринга страницы?

Answer 1

Я полагаю, что это мало что значит в этих современных браузерах, которые вы указали в своем комментарии:

IE 8/9 и последние версии Firefox / Safari / Chome / Opera

Однако я слышал об ошибке в IE8, когда речь идет об изображении точно такого размера 1px * 1px:

Internet Explorer 8 не выполняет повторение 1x1пиксельное полупрозрачное фоновое изображение правильно, когда любой другой элемент на странице использует указатель «-ms-filter» для альфа-прозрачности:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

См .: http://nemesisdesign.net/blog/coding/ie8-1x1px-semi-transparent-background-bug/
идемо: http://static.nemesisdesign.net/demos/ie9-1x1px-semi-transparent-background/

Итак, 8x8 кажется достаточно хорошим размером для использования.Я был бы удивлен, если бы кто-то в Интернете позаботился об этом достаточно, чтобы строго оценить его.

---

Я нашел это, в котором обсуждается тема:
http://blogs.adobe.com/dreamweaver/2011/02/optimal-css-tiled-background-image-size.html

Обязательно прочитайте также комментарии.

Подводя итог, я собираюсь процитировать себя несколько месяцев назад:

Я думаю, это мало что значит в [] современные браузеры [IE 8/9 и последние версии Firefox / Safari / Chome / Opera], которые вы указали в своем комментарии.

Answer 2

В некоторых почтовых клиентах изображение не будет повторяться, если фоновое изображение не будет размером не менее 25X25, поэтому я выбрал его в качестве размера по умолчанию.

Answer 3

Я не думаю, что существует «оптимальный размер», но общее мнение таково, что большие размеры лучше, чем маленькие: см. этот вопрос и этот вопрос тоже .