Фон для сайта

Фон для сайта — как выбрать?

Давненько было дело — создавая сайт с нуля, столкнулся с крайне увлекательной задачей — нужно было выбрать специфический фон для сайта. Наверное как и любой соискатель, я понятно забрался в поисковую систему, и к своему изумлению, открыл там …

очень много новой информации, касающейся фоновых картинок сайта. Я был просто в шоке от такого изобилия. Нужный фон для сайта я, конечно, нашёл, хотя повозиться пришлось изрядно. Сейчас попробую переварить все подробности, и написать об этом.

И так, в сети Интернет я начал искать фон для сайта, и нашёл такое изобилие фоновых картинок, что просто был в шоке. Все они были как на подбор, однако к разным сайтам необходимо было подобрать эксклюзивные фоны. Сам по себе фон для сайта – это простая картинка. Фоны могут быть в нескольких вариациях: бесшовные, анимированные, маркетинговые, Html фоны и самые обычные изображения,  которые можно использовать как фон для сайта. Любой дизайн сайта должен быть правильным, то есть, должен оказывать положительное восприятие на посетителя, быть приятным и не утомлять зрение. В этом случае человеку захочется добавить такой сайт в закладки, чтобы потом вернуться.

Встречались такие сайты, на которых фон чёрный, страницы чёрные, но немного светлее, чем сам фон, а цвет шрифта лишь немногим ярче фона страницы. Это надо видеть … представьте, что во сне вы не можете включить свет в комнате – выключатель не работает, и видимость такая, что еле различаются очертания предметов. Вот так и было на том сайте, а ещё один я встречал точно как первый, но тёмно-зелёного цвета и далее страница и тексты — все в зелёную сторону. Ни делайте такие сайты, — это полный атас, кошмар из страшного сна :mrgreen: Чтобы не получился у вас такой вот сайт, выберите красивый и приятный фон для сайта, приятный оттенок страницы (яркий или строгий), и главное – хороший контраст между страницей и текстами, чтобы чтение не напрягало глаза.

Вот по этому, правильно подобрав фон для сайта, в соответствующих цветовых оттенках, является ключевым моментом к повышению эффективности сайта. Давайте рассмотрим фон для сайта во всех вариантах, и в итоге сделаем правильный выбор.

Фон для сайта бесшовный

И так, как мы и могли наблюдать, фон для сайта бесшовный используется в большинстве современных сайтов. Фон для сайта полосатый или в клетку так же пользуется популярностью, особенно с мелкими серыми полосками. Так почему же web-мастера выбирают фон для сайта свыше перечисленными параметрами, несмотря на свою простоту? А всё дело в том, что фон для сайта перечисленных типов, как правило, бесшовный – это когда противоположные края картинки совмещается. Смотрится такой фон действительно как не имеющий никаких стыков, несмотря на то, что состоит всего из одной картинки малого размера, скажем 50х50 пикселей. Одна такая картинка выглядит не примечательно, а если сделать мозаику из нескольких сотен таких картинок, то вид будет уже совсем другой. И ещё одно преимущество – в скорости загрузки. Ведь фон для сайта из одной картинки 50х5 и размером 15кб., загружается мгновенно, по сравнению с цельной картинкой 1920х1080 и размером 2 Мб. Фон для сайта из бесшовных картинок очень быстро грузится, что очень заметно в местах, где Интернет низко-скоростной, особенно в сельской местности и USB модемом.

Анимационный фон для сайта

Фон для сайта с флешь-анимацией может неповторимо украсить любую страницу сайта. Обычно такой фон используется с элементами флешь-видео на сайтах компаний, корпоративных, сайтов предпринимателей и т.д. Сайты с дымящимся бокалом кофе или вздымающимися волнами конечно очень красочно выглядят, но очень сильно грузят систему и конечно же трафик Интернета при его загрузке. Помню, когда я пользовался USB модемом, такие сайты попросту не мог открыть — нужно было ждать несколько минут. Но даже если Интернет быстрый и компьютер летает, то остаётся ещё один отрицательный фактор у флешь-сайтов — хостинг должен тоже быть быстрым, иначе 10 человек не смогут одновременно просматривать такой сайт. А быстрый хостинг — это уже не для рядового пользователя, так как будет в 10 раз дороже обычного. Хотя и хостинги все без исключения рекламируют, что они самые быстрые и размещаются на SSD, что несомненно круто, но ….  скорость вашего сайта они намеренно понижают, и очень сильно. SSD — это надёжнее обычного HDD, спору нет. Но скорость открытия вашей страницы с этого SSD ограничена абонентской платой. Вот так примерно.

МатрицаТри луны на звёздном небеЗвёздное небо - мерцающие звёздыНо не всё так плохо, и если вы всё же хотите фон для сайта с анимацией, то выход простой есть — использовать бесшовные анимации. Вот можете посмотреть несколько таких картинок. Они так же как и простые бесшовные «обои» устанавливаются на сайт, но они двигаются, и чем больше состоящая из них картинка, тем интереснее смотреть — дёшево и сердито. Такой фон для сайта будет постоянно двигаться, не напрягая систему, хостинг и трафик Интернета. Один отрицательный момент — если ваш контент требует внимания, то такой фон для сайта не подойдёт, потому, что будет постоянно отвлекать посетителей, которые могут забыть зачем они сюда попали.

Маркетинговый фон для сайта

Фон для сайта Маркетинг

Маркетинговый сыр — не покупайтесь!

На картинке фон для сайта маркетинговый, обычно создаёт деловую обстановку, плодотворную работу и прочую туфту … он призван сконцентрировать внимание пользователя, на каком то рекламном содержимым. Обычно это какое то коммерческое предложение, которое сулит баснословною выгоду тому, кто этим воспользуется, в то же время, убеждая этого несчастного, что он платит такую мизерную сумму и за такое огромное для него благо, …  в общем, обманка для неискушённых. Такой фон для сайта встречается обычно не на сайтах, а в блогах, одностраничниках и группах соц. сетей, где идёт активная продажа чего бы то не было. В качестве фон для сайта маркетинговый могут использоваться баннеры, какие то фото товаров или рекламы услуг. Обычно такие фоны не устанавливают на своих сайтах добровольно, а по предложению рекламодателя, который платит за это деньги.

Html фон для сайта

Для того чтобы фон для сайта мог использовать какую-то картинку, в теге BODY прописывается атрибут background. Значением данного атрибута является URL-адрес файла картинки.

Пример Html фона картинки для сайта:

<body  style=»background-image url(http://sitename.ru/images/bg.jpg)»>

</body>

Тут мы видом, что файл bg.jpg — это и есть картинка нужного размера.

Пример Html фона для сайта:

<body  style=»background-color: #83C5E9;»>

</body>

Различные цветовые коды вы можете посмотреть в любом графическом редакторе, скажем Point, который есть в любой системе Windows.

Теперь вам гораздо легче будет выбрать собственный фон для сайта. Пользуйтесь грамотно настоящими знаниями, чтобы ваш сайт мог конкурировать в огромных просторах сети Интернет. И в завершении хочу предложить вам набор фоновых бесшовных картинок (включительно анимации) в кол-ве 600 штук (2,7 мб.), скачать можно тут.

На этом всё, пишите коменты 😀

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.