Logo de Cecil Cecil
Sur cette page

Fournisseurs de CDN

Exemples de configuration de fournisseurs de CDN d’images (voir l’option assets.images.cdn).

Cloudinary

https://cloudinary.com

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%'

Dans le tableau de bord TwicPics, définissez la Source URL sur l’URL de base (baseurl) de votre site.

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%'

Dans le tableau de bord imgix, définissez la Base URL de la source sur l’URL de base (baseurl) de votre site.

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%'

Exécution en local

  1. Installer Netlify CLI

    npm install netlify-cli -g
    netlify link

    netlify.toml :

    [dev]
      targetPort = 8000
  2. Démarrer le serveur local

    php cecil.phar serve & netlify dev

    Sous Windows, lancez php cecil.phar serve et netlify dev dans deux terminaux distincts.

    Ouvrez http://localhost:8888