How to cut layout?

Question

css

Good afternoon. I am interested in the following question:
There is a picture (Fig. 1), what is the best way, from the point of view of saving space and optimizing the picture , to use it in layout? IMHO, what is whole, what is broken into parts, in the end gives the same weight to the page. What is the best way to proceed in such cases:
1. Split the picture into each element, in this case (each firework explosion, gradient, charges and other elements) and fold it into a layout like a puzzle? Does it make sense to do this?
2. Use one picture as shown in the picture and just use some kind of compressor to compress the size.

p,s, Background provided as an example.

Answer 1

Yes, layer by layer. Large in jpg (monochrome can even be increased compression), fireworks transparent png.

Answer 2

Damn, first of all, you need to start from the task, the number of other graphics on the page and the timing of the project.
Excessive re-optimization harms the term and wins fractions of a percent.
Household option:
If transparency is required from the bottom to the top - png in a single piece and run through https://tinypng.com/ it will decrease by 70 percent
. If transparency is not required - jpg in a single piece - run through https://tinypng.com/
If required as either work with internal images (so that they move, you can click on them, etc.), then the background based on the task above, separate elements into png and run everything through https://tinypng.com/ for compression.
https://tinypng.com/- as an example, it can be used directly in the browser or included in gulp or other image minifiers.

Answer 3

Well, if you want a "rubber" page, then you need to cut it. If you don't need it, then you don't need to cut it.
The sliced ​​one will load and render more slowly, if that's what you're interested in.
PS The picture you showed is, to put it mildly... In general, it's worth working on. Seriously work. Cutting and typesetting anything with such material is a waste of time. Although, of course, it's none of my business.