Всем привет!
Хочу я на главную страницу сайта вставить изображение- во весь экран.
Скажите пожалуйста, какое разрешение должно быть у этой картинки?
Нужно ли картинку разбивать на кусочки ( быстрее от этого грузится не будет?) и вставлять несколько картинок вместо одной ?
_____________
Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Полная Версия: Фоновое изображение на сайт
Что так не делают что ли?
_____________
Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
_____________
Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
| Цитата |
| Что так не делают что ли? |
делают
Можно и одно изображение,можно и слайсами,но главное,чтобы вес был не очень большой,и так как у каждого разрешение экрана разное,то делать кусочками.
а вообще для шапки на сайте оптимальней использовать цельное изображение,а для частичек меню,footer'а и др. единое изображение,и тогда все изображения в 2 файлах всего будут-браузер долго грузить не будет,даже при большом весе.
почему делаюит из маленьких картинок, ода она мало весити зугружаться будет быстро. а остальные. остальные не грюзятся в этом случае просто копируются уже из памяти
вот пример: это конечный результат.
вот смотрим тут что и как работает по каждому оператору
операто bgproperties
background
bgcolor
вообщем справочник в руки и все ;)
все поправил :D
_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV
вот пример: это конечный результат.
<body bgcolor="#b8e4f3" bgproperties="fixed" background="../skins/image/podlog.png">
</body>
вот смотрим тут что и как работает по каждому оператору
операто bgproperties
background
bgcolor
вообщем справочник в руки и все ;)
все поправил :D
_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV
| Цитата |
| рbgproperties |
YVSIK,буковки не так)))надо:bgproperties...
| Цитата (Эли4ка @ 22.08.2013 - 08:42) | ||
YVSIK,буковки не так)))надо:bgproperties... |
дык ,
_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV
| Цитата |
| только что прочитал про твою . попробую еёприменить чтоб в ферфоксе тоже оставался фон на месте , там он у меня глючил |
YVSIK,можно,пожалуйста,более понятно,а то совсем не понятно
| Цитата (zvezda_t @ 10.08.2013 - 20:48) |
| Нужно ли картинку разбивать на кусочки |
однозначно нет.
Одна картинка - один запрос серверу, куча картинок - куча запросов (будут ли они грузится параллельно еще вопрос
)Суммарный вес кучи картинок будет больше, чем у одной целой.
А при навигации будет уже пофиг, всё подымится из кеша.
Эли4ка
я делал так. зафигачивал картинку 1920х1080 (можно и меньше) и для body прописывал такой стиль
я делал так. зафигачивал картинку 1920х1080 (можно и меньше) и для body прописывал такой стиль
body {
background: url(/path/to/image) repeat fixed;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
| Цитата |
| Эли4ка я делал так. зафигачивал картинку 1920х1080 (можно и меньше) и для body прописывал такой стиль |
Lenarfate,честно-вообще даже не знала о таком,но вот сейчас сделала на основе Вашего примера,и в результате такая картинка в FireFox хорошо памяти при первом разе попросила,а при следующих разах почти в 10 раз меньше.Но все-равно зачем такие большие картинки на фон ставить..
на счет памяти особо не задумывался, так как в эпоху достаточного быстрого интернета особо тормозов не замечал))
| Цитата (Lenarfate @ 22.08.2013 - 15:07) |
| на счет памяти особо не задумывался, так как в эпоху достаточного быстрого интернета особо тормозов не замечал)) |
отмечу, что работе через wi-fi уже порядка у 4 клиентов наблюдаем низкую скорость(иногда), но даже "иногда" на репутации сайта будет сказываться...
и это я еще молчу про новосибирск и т.п.
| Цитата |
| быстрого интернета |
не у всех он быстрый..
| Цитата |
| про новосибирск |
в Новосибирске интернет быстрый...
| Цитата |
| не у всех он быстрый.. |
отсюда вывод
1. Нехер тыкать фоном громадные картинки
или
2. Отобразить сайт только после того как картинка загрузится (говновариант)
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Здесь расположена полная версия этой страницы.