To implement ImageEngine’s image optimization on Drupal, you will first need to sign up for an ImageEngine account, if you do not already have one. During the signup process, you’ll be asked for the website domain where you intend to use ImageEngine and origin URL for the majority of the images. For more information about signing up, please refer to this article: Getting Started: Signup.
Once signed up, you will be issued a unique delivery address following this pattern: “aabbcc.cdn.imgeng.in.” Custom delivery addresses may also be made after the initial signup process is complete. For more information, see our article here: https://imageengine.io/docs/implementation/domain-name.
Take note of your delivery address, as we will be needing it in the following instructions.
- In the Drupal admin portal click on “Modules”, then click on “Install New Module”
- Go to Extend, Install new module, install from a URL, then enter in the CDN module URL: http://ftp.drupal.org/files/projects/cdn-8.x-3.0.zip and click install. If installing from a URL does not work, download the CDN module and upload it as shown below.
Image: Install the Drupal Module
- In “Extend” find the Web Services section and select both “CDN” and “CDN UI” and click install."
Image: Extended Web Services
- Next, go to Configure > Web Services > CDN Integration
- Enable the CDN in the 'status' tab.
- In the 'mapping' tab and select the setting to serve all files or all files except CSS + JS then enter the ImageEngine delivery address that you configured in Step 2
Image: Drupal CDN Mapping
- Save your configuration settings.