Выбор фона из галереи изображений и текстур: удобства и возможности.

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

Помимо того, что изображение можно ставить в эти блоки, теперь фиксировать и растягивать фоновую картинку можно не только для основного фона, но и во всех блоках, где используются картинки на фоне. Благодаря этому можно добиваться интересных эффектов при просмотре документа, используя скролл.

Но главная новость заключается в том, что теперь не обязательно искать изображения в интернете и думать. Теперь кроме загрузки файла доступна кнопка «Выбрать», по нажатию на которую откроется окошко галереи изображений.

В корневой папке Вы увидите 2 директории: BIGGEST и TEXTURE. В первой из них находятся изображения большого формата, фотообои, которые лучше всего могут подойти для установки на общий фон сайта или подложку под блоки. Например:

Такое изображение нужно выбрать и «растянуть» (что происходит автоматически при нажатии на кнопку "Применить"), чтобы оно не повторялось на фоне. Нужно учитывать размер таких картинок, их использование может влиять на скорость загрузки фоновой картинки, если пользователи используют низкоскоростной интернет. При этом хотим обратить внимание, что картинки из галереи загружаются разных размеров в случае захода с разных устройств. Для пользователей смартфонов по умолчанию загрузится копия выбранного изображения минимального размера.  

Во второй папке лежат текстурные бесшовные изображения – это картинки обычно маленького размера, которые повторяясь по вертикали и горизонтали, образуют фон выбранной текстуры.

В папках мы постарались разбить картинки на разные тематики, надеемся, что это Вам облегчит работу.

Хотим обратить Ваше внимание, что в папке TEXTURE самая первая папка называется –TRANSPARENT- - в ней мы собрали самые различные текстуры, которые являются полупрозрачными. В большинстве своем они не цветные, соответственно, когда для фона будет задан цвет и полупрозрачное текстурное изображение, то текстура примет оттенок фонового цвета. :)

Приятной работы!