Как сверстать такой фон?

Question

[MegaPuxapb]

Как сверстать такой фон?
https://yadi.sk/i/bXqsLXzQ3RxTGv

фон состоит из кучи разных элементов(пятен текстов и тд). по секциям их тыкать, я хз...
думаю к body:before с позишн абсолют запилить, одной большой картинкой.
правильно ли это?
или есть другие варианты?

Answer 1

[Anton Filippov]

куча пнгшек со спрайтами грязи

Answer 2

[dom1n1k]

Ну только цельной картинкой, подложенной в фон. Работать будет, но:
а) будет дофига весить
б) нужно думать, как её лучше размножать или тянуть, если будет очень широкий монитор или очень длинная страница.

В целом дизайн - полное г**но (не только из-за этого фона).

Answer 3

[tema_sun]

Самый лучший вариант - выкинуть нафиг эту грязь и оставить белый фон.

Answer 4

[BB 8]

Все будет зависеть от того, как дизайнер видит этот фон на мобильных устройствах, планшетах. Т.к. если делать всё одним фоном, читабельность может упасть из-за наложения текста на текст фона "ECHO DESIGN", "BEST CHOICE" и т.д. и т.п.

Если выбор падет на - "делаем картинку одним фоном", тогда сжимайте ее здесь tut. Этот инструмент, лучшее, что есть на сегодняшний день.

Если выбор падет на - "текст и стрелку делаем ':before', ':after'", тогда нарезать графику, или же нарезать графику для стрелки и готовить шрифты для текста.
p.s. Шрифты для текста в :before/:after будут предпочтительнее если Вы их еще в .woff-формат перегоните.

Удачи