From the course: Developing for Web Performance

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Automated image optimization

Automated image optimization

From the course: Developing for Web Performance

Start my 1-month free trial Buy for my team

Automated image optimization

“

- [Instructor] Photoshop and other image editing tools provide some level of compression. But to fully optimize images for web performance, you need to run them through a tool dedicated to this purpose. There are many such tools available. And all of them can be plugged into your custom build process to automate image optimization according to your specifications. The question then is, what tool to use? Here are three options. First, for industry standard image optimization, Imagemin is a good choice. You can use it to build a custom optimization function in Node.js. Use the CLI to optimize all images in a specified folder. Or add automated image optimization into your preferred build process using gold or grunt or web pack or whatever it is you're using. Out of the box, the Imagemin CLI and provides lossless compression for JPEG, PNGs, and GIFs. If you want to, and you probably should you can change this by adding…

Contents