Как правильнее поступить с фоном

[xlife]

Добрый день уважаемые !

Учусь верстать.

Столкнулся с вопросом как правильно разместить фон, однако, он не одинаковый и не градиент, имеет размеры 1200х1200 пикс.

1. вариант.

background:url;
overwflow:hidden;
width:100%;

2. вариант

сделать фоновую картинку масштабируемой

Однако меня смущает размер и вес картинки, может её порезать надо?

В общем, народ, нуждаюсь в ваших советах, как бы вы разместили такой фон.

[righto]

Как-то так наверное

body {

background:url() no-repeate center top fixed;

}

[xlife]

righto

Изображение такого большого размера будет весить 300 кб ( рекомендуемый размер изображения 30кб, не у всех скоростной интернет) , стоит ли использовать такие огромные фоны, может есть более рациональный подход?

[tt48]

righto

Изображение такого большого размера будет весить 300 кб ( рекомендуемый размер изображения 30кб, не у всех скоростной интернет) , стоит ли использовать такие огромные фоны, может есть более рациональный подход?

Может я малость слеповат, но мне кажется, что картинка,

по сути, повторяется по вертикали.. итого, как минимум,

можно вырезать середину, установить фоновый цвет,

сделать отступ для..короче - background: #fefefe url() repeat-y 0 300px;

а у картинки вырезать середину с серыми штрихами.

По поводу разрезания и пр.

Резка картинок порой позволяет снизить их суммарный вес,

без особой потери качества,

но увеличивает количество обращений к серваку...

имхо - нафиг надо замарачиваться с разрезкой, потом склейкой..

По поводу масштабирования фона - зависит от контента поверх.

Будет текст - при большой увеличении упадет контраст между фоном и читаемым -

очень неприятно.

Также при масштабировании в любом случае будут артефакты пожатия\увеличения.

Так что моё мнение - вырезать серединку и убавить количество цветов..наверное,

лучше будет в png сохранять - качество повыше будет, а на размере сильно сказаться

не должно.

С уважением, Олег.

[xlife]

Спасибо буду пробовать.

[Vlad]

При сохранении картинки в JPEG и правильной оптимизации легко получить 30 Кб. Проверено.

Резать бы не советовал, это приведёт к лишним запросам и объему работы. Оптимизация в данном случае решает все проблемы на ура.

[psywalker]

При сохранении картинки в JPEG и правильной оптимизации легко получить 30 Кб. Проверено.

Резать бы не советовал, это приведёт к лишним запросам и объему работы. Оптимизация в данном случае решает все проблемы на ура.

Вот оптимизировал до 39к. Забирайте.

[Int]

А почему у меня в этой теме вместо картинок только белые прямоугольники?

[Vlad]

Монитор не настроен.

[swetlana]

у меня тоже монитор не настроен

[Int]

Да, подвигал уровни в гимпе и правда, появилось что-то чёрное.

А как можно настроить acer v193 вообще?

Предлагаю автору не заморачиваться, а просто залить фон белым цветом. Один фиг, его выкрутасы увидят единицы, у которых есть потребность в дорогом мониторе.

[wanntuzz]

картинки не грузяццо

[Int]

Удивительно, на работе на одном из двух мониторов Acer V173 что-то серенькое всё же виднееся. Если смотреть под углом градусов в 100.

[swetlana]

найден хороший способ: если протереть экран, то серые штрихи становятся видны.

[Clubberry]

найден хороший способ: если протереть экран, то серые штрихи становятся видны.

+1 Но многие юзеры не протирают его по 100500 лет.