Как бы вы реализовали подобный background сайта?

Сайт с фиксированной версткой. Как можно реализовать данный фон, что бы ничего не повлияло на скорость загрузки страницы?

Изображение:
pixs.ru/showimage/111jpg_9854052_23186243.jpg
  • Вопрос задан
  • 227 просмотров
Пригласить эксперта
Ответы на вопрос 4
link_web
@link_web
Magento, Laravel, Zend, Shopify, Prestashop, WP
Эту текстуру бежевую лучше сделать куском картинки(бесшовный фон) и сделать background-repeat.
А все там картинки которые отрисованы, просто сделать фонами для слоя который там рядом находится. Получится очень легкий фон
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Картинка целиком - проще всего.
Только включите кэширование на сервере и оптимизируйте сжатие и палитру.
Ответ написан
Комментировать
dom1n1k
@dom1n1k
Вообще, картинка довольно геморная.
Во-первых, бежевая текстура повторяется через большой период.
Во-вторых, есть элементы, которые нужно вписывать в фон очень аккуратно (например, Поиск).
Ощущение, что дизайнер просто выпендрился и не омеет особого представления ни о верстке, ни об удобстве пользователя... но это лирика.

А по делу - текстуру отдельной картинкой и размножить. Черные рисунки отдельно, накладные элементы типа газеты тоже отдельно. В принципе, ничего особо сложного тут нет, но придется повозиться с раскроем и точным позиционированием.
Ответ написан
trushka
@trushka
Фон можно сделать из нескольких повторяющихся паттернов полупрозрачных разных размеров - принцип цикады. + наложить сверху "изгибы". Ну а всякие фоны элементов и рисуночки тоже отдельными слоями. Рисуночки лучше сделать png с прозрачностью, причём, есть сервис очень эффективно их сжимающий - tinypng.com
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы