Will leaving a lot of transparency in css background images affect the web page? _html/css_WEB-ITnose

Will leaving a lot of transparency in the css background image affect the web page?
Is the impact serious?

Reply to the discussion (solution)

It’s very simple, you just need to look at the total size of your image, it has nothing to do with transparency or opacity,
the larger the image The larger, the slower it is to open, and vice versa

This kind of comparison is unnecessary. The space occupied must be compressed as much as possible, otherwise various network and system resources will be wasted.

My boss needs me to check whether these 2 situations have a big impact on taking up memory, because the web page may be browsed on a mobile phone.

Definitely. In particular, mobile phone resources are even tighter. Not only memory, but also affects CPU, traffic, website request response speed, page loading speed, etc. It's much more than just memory. This kind of thing, at first glance, there is nothing else to think about. If you can compress it, compress it. Is there any reason to leave it blank?

My boss doesn’t allow me to use css3 technology to do box shadows and rounded corners.
oocss Nine Palaces Method http://oocss.org/module.html, I use the second one Complex mode puts many box background images together. Is this method good or is there any other better method?

Use so many colors? If there are too many colors, it will have no characteristics other than "chaos".

No, but PNG is rounder than GIF, but IE6 does not support GIF. . .

There are many box backgrounds placed in the same sprite file, each box corresponds to a different color

Using css sprite anyway uses PX positioning, which has nothing to do with your entire size. If you need to add You can just increase the size, there is no need to reserve space

If the loading speed of the web page is not considered, there is no problem with the image size.

Take a look inside