На веб-сайтах присутствует такой элемент как фоновое изображение.
Применение изображений на сайте необходимо – ведь красивый, яркий, эстетичный сайт создает вдохновение у пользователя и побуждает открывать на сайте другие страницы.
Красивое фоновое изображение – важная часть сайта создающего вдохновение у пользователя.
Чаще всего большие и яркие фоновые изображения встречается у лендингов. Фон страницы смотрится красиво, если используется очень качественное фото которое точно соответствует тематике веб-сайта.
Что оценивает посетитель сайта?
Посетитель, заходя на ваш вебсайт в первую очередь обращает внимание на красивый дизайн и разумеется, первая оценка сайта начинает складываться на основе внешнего вида. Здесь есть правило - чем красивее, ярче, стильней сделан сайт тем он более хорошую субьективную оценку получает он от посетителей, тем более он привлекателен для посетителей
Но опыт говорит о том, что каким бы красивым и ярким не был бы вебсайт, при медленной скорости открытия у пользователя он никогда не станет популярен!
Быстрота сайта – это важно и ошибка многих веб-разработчиков, которые делая красивый сайт забывают о скорости его работы.
Фоновое изображение сайта
На многих веб сайтах есть фоновое изображение, которое отображается в небольшом размере в браузере, но имеют большой размер файла потому, что имеют большое разрешение в пикселях.
Большое изображение лучше попытаться уменьшить через уменьшение качества в JPG, как правило зрительно это не ухудшает картинку.
Заключение
Также есть смысл использовать вместо большого фонового изображения цвет фона или заполнение текстурой (небольшое изображение повторяемое в фоне сайта).
Хороший вариант – использование свойств CSS3 и HTML5, когда это применимо.
Плохая практика - загружать видео и звуковые файлы в фон веб-страницы особенно если они находятся на том же медленном сервере что и сайт. В этом случае сайт начинает открываться в 5 раз дольше, что и так раздражает посетителей, плюс в 90% случаев вы не угадаете с музыкальными предпочтениями посетителей.
Интересный момент: на сайте действительно нужно фоновое изображение в 1 мегабайт, или в 3 мегабайта? Подумайте.