What's on this page

CDN providers

Configuration examples for image CDN providers (see the assets.images.cdn option).

Cloudinary

assets:
  images:
    cdn:
      enabled: true
      account: 'xxxx'
      url: 'https://res.cloudinary.com/%account%/image/fetch/c_limit,w_%width%,q_%quality%,f_%format%,d_default/%image_url%'

Cloudimage

https://www.cloudimage.io

assets:
  images:
    cdn:
      enabled: true
      account: 'xxxx'
      url: 'https://%account%.cloudimg.io/%image_url%?w=%width%&q=%quality%&force_format=%format%'

TwicPics

https://www.twicpics.com

assets:
  images:
    cdn:
      enabled: true
      account: 'xxxx'
      canonical: false
      remote: false
      url: 'https://%account%.twic.pics/%image_url%?twic=v1/resize=%width%/quality=%quality%/output=%format%'

In the TwicPics dashboard, set the Source URL to your website baseurl.

imgix

https://imgix.com

assets:
  images:
    cdn:
      enabled: true
      account: 'xxxx'
      canonical: false
      remote: false
      url: 'https://%account%.imgix.net/%image_url%?w=%width%&q=%quality%&fm=%format%'

In the imgix dashboard, set the Base URL of the source to your website baseurl.

Netlify Image CDN

https://docs.netlify.com/image-cdn/overview/

assets:
  images:
    cdn:
      enabled: true
      canonical: false
      url: '/.netlify/images?url=%image_url%&w=%width%&fm=%format%'

Run locally

Setup Netlify CLI

npm install netlify-cli -g
netlify link

netlify.toml:

[dev]
  targetPort = 8000

Run local server
```
php cecil.phar serve & netlify dev
```
On Windows, run php cecil.phar serve and netlify dev in two separate terminals.

Open http://localhost:8888