Third-Party Tools - Imgix | Crossroads Digital Design Kit

Third-Party Tools


We use Imgix to serve our images. This assures the correct image size is delivered to the browser based on the size of the container and viewport of the device used to view the page. It also functions as a powerful CDN for any user-generated content which means faster delivery and better caching.

Its easy to use too. Simply prefix any image uploaded to the CMS with // and you can immediately take advantage of the powerful features and benefits provided by Imgix.

There are lots of options for configuring and using this service so please checkout their documentation when integrating this service into your application.

Implications on Performance

When utilizing Imgix to serve images, its recommended that you leverage imgix.js to help provide the best possible format & filesize, optimized for each individual client.

The API for invoking transformations is different between versions of Imgix.js. Make sure you check the documentation for the specific version available in your application / environment.

In earlier versions of imgix.js, the attribute for invoking the service is data-src instead of ix-src. While the DDK may show examples using the latter version, some legacy applications for Crossroads may require the former.

Make sure you don't include both a ix-src attribute and a src attribute on any image as this will cause the browser to make two requests for the same image.