Image Compression Method

As the above suddenly said to optimize the performance of the company's website homepage, in order to speed up, the image compression and then the implementation of gzip will be better. After searching on the internet, I summarized some of the methods that I think are feasible based on my actual situation and my tests, hoping to help you. If you have a better method, let's talk about it.

Overall method:

1. Images exported using Photoshop are generally larger (equivalent quality) than those exported using fireworks ). If you want to reduce the image size, we recommend that you use fireworks to repeat the image.
2. Use smush. It to compress the compressed image. Address http://www.smushit.com/ysmush.it/
Smush. it is a lossless image compression tool developed by the Yui team. It removes unnecessary bytes from the image file without changing the image appearance or visual quality for image optimization.

It is a service based on the above four image optimization recommendations:

• Remove the meta data from JPEG.
• The JPEG compression rate is optimized.
• Convert a specific GIF image to an indexed PNG image.
• Remove useless color information from indexed images.

Subdivided into image formats:
PNG format: When the visual effect of the image is not affected (no gradient, etc.), use the png8 format as much as possible. Or compress http://www.punypng.com/here /.
GIF format: Try changing it to png8 format, which is definitely much smaller.
JPG format: It is optimized during export, and the quality can be adjusted as small as possible within the acceptable range. (JPG uses distortion compression to process images, but the degree of distortion cannot be recognized by the naked eye .)

Appendix: http://pic.55.la/here, the image can be compressed very small, but the quality is not satisfactory.