.NET Core 2 / Angular 5图像压缩

Question

This is a very simple question. I have a simple website with a few jpeg images. I've been reading about the power of enabling g-zip on the server, and intend to do that to reduce file sizes across js/html/css files. However, I'm not entirely sure how to reduce the size of images sent over the wire. Should images be compressed manually before being loaded onto the server, or is there some compression tool that compresses images on the server when they are requested? I imagine some combination of both would be ideal, but I can't seem to find a best practice for this. Thank you for your time!

Answer 1

Images should be ideally served as they are, they usually are and should be stored already compressed. There are various tools that help you compress images. You can do so manually with online tools such as TinyPNG .

Or you can integrate image optimization into your workflow, with gulpfile and package gulp-imagemin .

There are certainly ways to do that automatically on the server as well. One such example is Google PageSpeed Module, but it's only available when using Nginx/Apache as reverse proxy. PageSpeed Image Filter Documentation

Answer 2

大多数图像（我认为BMP和SVG除外）都是二进制文件，并且已经被压缩（与javascript，html，css文件不同），因此除非您想降低其质量（例如， JPEG-有损压缩），对于每个请求，您可能都不应该这样做。

Answer 3

If you use a mac, I recommend using ImageOptim . It will hide all the details of which software to use for which image format.

Even better if you use Github, try Shrink.sh . It will create automatically detect images in your project and submit pull request with optimized version of them.