Compression optimization of images

1, alt structure optimization: such as brand name + product series + model + positive/back/side

2, do not use a large map, CSS to change the size of the map. Use a small map, and then provide a large view of the function. If the picture is large, configure the new server specifically for the image (Configuration server I don't understand)

3, the size of the picture should be kept below 70kb (not so strict, you can solve the size problem with other methods, only understand), otherwise lead to loading speed too slow, user churn;

4, with the picture format:

JPG: Used in places where the clarity required for the display of pictures is high

PNG: Small image with PNG (but png24 larger than Png8, with PNG8; now generally except the super-clear map, are used Png8)

5, for thumbnails: as much as possible to compress the volume, to give a high-quality large view;

Try not to give it alt, to index the engine to high-quality artwork instead of thumbnails

6, in the JS diagram will not be included, using the image map, that is, with the heat map, the image address are listed

7, attention to decorate with the picture size: Decorative picture is not a product class diagram such as background map, button diagram, border chart, and so on, carefully check whether the volume of the picture is too large;

How to compress decorative drawings: A, with Png8

b, use CSS as much as possible to create effects, rather than using graphs

C, as far as possible do not set the background picture, if must have, in order to ensure the maximum degree of clarity to compress. You can also make the background image hollow or transparent to compress

Compression optimization of images