xlife Posted March 6, 2011 Report Share Posted March 6, 2011 Добрый день уважаемые !Учусь верстать.Столкнулся с вопросом как правильно разместить фон, однако, он не одинаковый и не градиент, имеет размеры 1200х1200 пикс.1. вариант.background:url;overwflow:hidden;width:100%;2. вариант сделать фоновую картинку масштабируемой Однако меня смущает размер и вес картинки, может её порезать надо? В общем, народ, нуждаюсь в ваших советах, как бы вы разместили такой фон. Quote Link to comment Share on other sites More sharing options...
0 righto Posted March 6, 2011 Report Share Posted March 6, 2011 Как-то так наверноеbody {background:url() no-repeate center top fixed;} Quote Link to comment Share on other sites More sharing options...
0 xlife Posted March 6, 2011 Author Report Share Posted March 6, 2011 rightoИзображение такого большого размера будет весить 300 кб ( рекомендуемый размер изображения 30кб, не у всех скоростной интернет) , стоит ли использовать такие огромные фоны, может есть более рациональный подход? Quote Link to comment Share on other sites More sharing options...
0 tt48 Posted March 6, 2011 Report Share Posted March 6, 2011 rightoИзображение такого большого размера будет весить 300 кб ( рекомендуемый размер изображения 30кб, не у всех скоростной интернет) , стоит ли использовать такие огромные фоны, может есть более рациональный подход?Может я малость слеповат, но мне кажется, что картинка, по сути, повторяется по вертикали.. итого, как минимум,можно вырезать середину, установить фоновый цвет, сделать отступ для..короче - background: #fefefe url() repeat-y 0 300px;а у картинки вырезать середину с серыми штрихами.По поводу разрезания и пр. Резка картинок порой позволяет снизить их суммарный вес, без особой потери качества, но увеличивает количество обращений к серваку...имхо - нафиг надо замарачиваться с разрезкой, потом склейкой..По поводу масштабирования фона - зависит от контента поверх.Будет текст - при большой увеличении упадет контраст между фоном и читаемым - очень неприятно.Также при масштабировании в любом случае будут артефакты пожатия\увеличения.Так что моё мнение - вырезать серединку и убавить количество цветов..наверное, лучше будет в png сохранять - качество повыше будет, а на размере сильно сказаться не должно.С уважением, Олег. Quote Link to comment Share on other sites More sharing options...
0 xlife Posted March 6, 2011 Author Report Share Posted March 6, 2011 Спасибо буду пробовать. Quote Link to comment Share on other sites More sharing options...
0 Vlad Posted March 7, 2011 Report Share Posted March 7, 2011 При сохранении картинки в JPEG и правильной оптимизации легко получить 30 Кб. Проверено.Резать бы не советовал, это приведёт к лишним запросам и объему работы. Оптимизация в данном случае решает все проблемы на ура. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted March 7, 2011 Report Share Posted March 7, 2011 При сохранении картинки в JPEG и правильной оптимизации легко получить 30 Кб. Проверено.Резать бы не советовал, это приведёт к лишним запросам и объему работы. Оптимизация в данном случае решает все проблемы на ура.Вот оптимизировал до 39к. Забирайте. Quote Link to comment Share on other sites More sharing options...
0 Int Posted March 7, 2011 Report Share Posted March 7, 2011 А почему у меня в этой теме вместо картинок только белые прямоугольники? Quote Link to comment Share on other sites More sharing options...
0 Vlad Posted March 7, 2011 Report Share Posted March 7, 2011 Монитор не настроен. Quote Link to comment Share on other sites More sharing options...
0 swetlana Posted March 7, 2011 Report Share Posted March 7, 2011 у меня тоже монитор не настроен Quote Link to comment Share on other sites More sharing options...
0 Int Posted March 7, 2011 Report Share Posted March 7, 2011 Да, подвигал уровни в гимпе и правда, появилось что-то чёрное.А как можно настроить acer v193 вообще?Предлагаю автору не заморачиваться, а просто залить фон белым цветом. Один фиг, его выкрутасы увидят единицы, у которых есть потребность в дорогом мониторе. Quote Link to comment Share on other sites More sharing options...
0 wanntuzz Posted March 9, 2011 Report Share Posted March 9, 2011 картинки не грузяццо Quote Link to comment Share on other sites More sharing options...
0 Int Posted March 9, 2011 Report Share Posted March 9, 2011 Удивительно, на работе на одном из двух мониторов Acer V173 что-то серенькое всё же виднееся. Если смотреть под углом градусов в 100. Quote Link to comment Share on other sites More sharing options...
0 swetlana Posted March 9, 2011 Report Share Posted March 9, 2011 найден хороший способ: если протереть экран, то серые штрихи становятся видны. Quote Link to comment Share on other sites More sharing options...
0 Clubberry Posted March 10, 2011 Report Share Posted March 10, 2011 найден хороший способ: если протереть экран, то серые штрихи становятся видны.+1 Но многие юзеры не протирают его по 100500 лет. Quote Link to comment Share on other sites More sharing options...
Question
xlife
Добрый день уважаемые !
Учусь верстать.
Столкнулся с вопросом как правильно разместить фон, однако, он не одинаковый и не градиент, имеет размеры 1200х1200 пикс.
1. вариант.
2. вариант
сделать фоновую картинку масштабируемой
Однако меня смущает размер и вес картинки, может её порезать надо?
В общем, народ, нуждаюсь в ваших советах, как бы вы разместили такой фон.
Link to comment
Share on other sites
14 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.