нарезка изображений - одно большое изображение или последовательность меньших изображений

Question

Я превращаю новый дизайн в действительный HTML / CSS.В этом конкретном проекте есть несколько очень подробных изображений, и я спорю о том, как их разделить.

Здесь - это ссылка на папку, содержащую различные параметры, которые я вижу.Есть четыре метко названных изображения - bg.brickLeft, bg.brickMiddle, bg.brickMiddle, bg.combined.

Мне просто хотелось бы получить некоторую информацию о том, как другие веб-разработчики разбили бы этот дизайн.Очевидно, bg.combined - это то, как должен выглядеть конечный продукт.

Я склоняюсь к bg.combined, потому что 1) меньше css 2) один http-запрос - но пурист CSS во мне кричит и даже хочет разделить градиент на повторяемое изображение шириной 3px.

Я обеспокоен подходом bg.combined, потому что он не будет выглядеть так красиво при загрузке на более медленных соединениях.

Как бы вы подошли к разделению этого дизайна?

Что такоетехнические плюсы / минусы, которые вы видите для этих двух подходов?

Будете ли вы подходить к этому совершенно по-другому?

РЕДАКТИРОВАТЬ - Кроме того, высота сайта является статической

Answer 1

Я закончил комбинировать эти изображения в дополнение к более широкому фону.

Здесь - это конечный результат

Answer 2

Я фанатик, который дает людям с широкими экранами что-то, на что можно посмотреть (вы упоминаете статическую высоту, но на самом деле такой вещи, как статическая ширина, не существует), поэтому я бы сделал кирпич влево / вправо визображение, которое можно красиво повторить, и к нему применили repeat-x, чтобы посетители с широким экраном увидели больше стены.

Кроме этого, я бы оставил центральное изображение в качестве фона контента в div с центром встр.Итак, если коротко, я бы сделал 2 изображения: кирпич в качестве фона body и узорчатый 'middleBrick' в качестве фона моей страницы div фона.