https://angular.love/angular-21-1-key-features-and-improvements

[giscus[bot]]

https://angular.love/angular-21-1-key-features-and-improvements

Angular.love - a place for all Angular enthusiasts created to inspire and educate.

https://angular.love/angular-21-1-key-features-and-improvements

[SkyZeroZx]

This is incorrect , custom transformations are not configured this way

 provideCloudflareLoader('https://cdn.example.com', {
      customTransformations: {
        quality: 'q_80',
        format: 'f_auto'
      }
    })

According oficial docs Built-in loaders (Cloudinary, Cloudflare, ImageKit, Imgix) only support custom CDN transformations via the transform property inside loaderParams, provided per image (string or object), as documented.

<img
  ngSrc="my-image.jpg"
  width="400"
  height="300"
  [loaderParams]="{ transform: 'e_grayscale,r_10' }"
/>

or

<img
  ngSrc="my-image.jpg"
  width="400"
  height="300"
  [loaderParams]="{ transform: { e: 'grayscale', r: 10 } }"
/>

See https://angular.dev/guide/image-optimization#using-the-transform-property-with-built-in-loaders