How to make such a background?

Question

css

How to make such a background?
https://yadi.sk/i/bXqsLXzQ3RxTGv
the background consists of a bunch of different elements (text spots, etc.). poke them in sections, I xs ...
I think to body:before with an absolute gash, one big picture.
Is it correct?
or are there other options?

Answer 1

a bunch of pngs with dirt sprites

Answer 2

Well, only a solid picture, put in the background. It will work, but:
a) it will weigh a lot
b) you need to think about how best to multiply it or pull it if there is a very wide monitor or a very long page.
In general, the design is complete c**t (not only because of this background).

Answer 3

The best option is to throw out all this dirt and leave a white background.

Answer 4

Everything will depend on how the designer sees this background on mobile devices, tablets. Because if you do everything with one background, readability may drop due to overlapping text on the background text "ECHO DESIGN", "BEST CHOICE", etc. etc.
If the choice falls on - "make the image one background", then compress it here tut . This tool is the best there is today.
If the choice falls on - "text and arrow do ':before', ':after'", then cut the graphics, or cut the graphics for the arrow and prepare fonts for the text.
ps Fonts for text in :before/:after will be preferable if you convert them to .woff format.
Good luck