Как лучше сделать фон?

12
K
На сайте с 18.11.2008
Offline
153
2115

Народ подскажите как лучше сделать фон для сайта, если фоном будет фотка, какого размера лучше сделать, что бы подходила под разные разрешения. Например на сайте kinopoisk.ru всегда на заднем плане картинка на весь экран и смотрится она одинаково хорошо как на 1366х768 так и на 1600х1200, так и на 1920х1080. Подскажите как сделать так же :)

[Удален]
#1

Напишите скрипт который будет реагировать на расширения экрана :)

T
На сайте с 13.04.2008
Offline
67
t3s
#2

background: url(http://сайт.ком/путь/к/картинГо/картинГо.jpg) 50% 0 no-repeat;

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

если не хотите повторять ихнюю ошибку, делайте справа и слева градиент от полупрозрачного до прозрачного (в случае с полупрозрачностью картинка должна быть в png)

webamator (http://webamator.ru) приглашает потестить сервис бесплатной оптимизации CSS и JavaScript (http://service.webamator.ru/) Занимаюсь проектами любой сложности. Качественно. Дорого. Примеры некоторых работ (http://blog.webamator.ru/category/portfolio)
K
На сайте с 18.11.2008
Offline
153
#3
t3s:
background: url(http://сайт.ком/путь/к/картинГо/картинГо.jpg) 50% 0 no-repeat;


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

если не хотите повторять ихнюю ошибку, делайте справа и слева градиент от полупрозрачного до прозрачного (в случае с полупрозрачностью картинка должна быть в png)

Спасибо, а почему 50%, я хочу картинку как фон на весь сайт растягивать по ширине, а по высоте просто сайт подгоню, что бы выше высоты картинки не было нигде.

PVasili
На сайте с 13.02.2009
Offline
66
#4

50% - по центру.

0 лево(верх) 100 право (низ)

K
На сайте с 18.11.2008
Offline
153
#5

Т.е. картинка у меня 1600 по ширине, а разрешение монитора 1366, он будет подгонять фотку под ширину экрана?

K
На сайте с 18.11.2008
Offline
153
#6

А еще не подскажете как сделат так, что бы сначала предзагружался сначала фон, а потом уже весь сайт, так как фон весит 1.6 мб

TakingBackMySoul
На сайте с 09.11.2011
Offline
65
#7

С таким весом фона вряд ли у вас будет много посетителей, ужмите его хотя бы в фотошопе (Сохраните для web в формате png). Фон в любом случае будет первым загружаться, если вы только не понаписали какую нибудь идиотскую последовательность в css

K
На сайте с 18.11.2008
Offline
153
#8

564,31 КБ в JPG для веб, 1.1 мб в PNG для веб :) Сайт загружается раньше чем фон!

iCospi
На сайте с 27.09.2011
Offline
97
#9

killerok, попробуйте картинку через www.punypng.com прогнать, может быть процентов 20-30 от общего веса ещё уйдет.

Удобная проверка позиций (http://allpositions.ru/redirect/8497) | Быстрая покупка уник контента (http://advego.ru/62bgjaNHEc)
O
На сайте с 29.05.2008
Offline
195
#10

Можно через media queries реализовать. Главное иметь хороший исходник фона.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий