Image Optimization

Open Source

Finding the sweet spot between image quality and size can be a difficult task. Multiply that across a broad spectrum of device independent resolutions and pixel densities and well, we have a problem.

Using NodeJS and a few NPM packages we're able to create multiple copies of any asset, scale them down (never up), provide consistent naming patterns and support multiple image formats with one simple command. Taking this automation one step further within React we can quickly create a component using a more modern HTML "picture" tag and serve an aptly sized, high-quality image.