diff --git a/packages/common/src/directives/ng_optimized_image/image_loaders/cloudflare_loader.ts b/packages/common/src/directives/ng_optimized_image/image_loaders/cloudflare_loader.ts
index 54db6f0146c..6a3b7d13083 100644
--- a/packages/common/src/directives/ng_optimized_image/image_loaders/cloudflare_loader.ts
+++ b/packages/common/src/directives/ng_optimized_image/image_loaders/cloudflare_loader.ts
@@ -19,15 +19,13 @@ import {createImageLoader, ImageLoaderConfig} from './image_loader';
  * @returns Provider that provides an ImageLoader function
  */
 export const provideCloudflareLoader = createImageLoader(
-    cloudflareLoaderFactory,
+    createCloudflareURL,
     ngDevMode ? ['https://<ZONE>/cdn-cgi/image/<OPTIONS>/<SOURCE-IMAGE>'] : undefined);
 
-function cloudflareLoaderFactory(path: string) {
-  return (config: ImageLoaderConfig) => {
-    let params = `format=auto`;
-    if (config.width) {
-      params += `,width=${config.width}`;
-    }
-    return `${path}/cdn-cgi/image/${params}/${config.src}`;
-  };
+function createCloudflareURL(path: string, config: ImageLoaderConfig) {
+  let params = `format=auto`;
+  if (config.width) {
+    params += `,width=${config.width}`;
+  }
+  return `${path}/cdn-cgi/image/${params}/${config.src}`;
 }
diff --git a/packages/common/src/directives/ng_optimized_image/image_loaders/cloudinary_loader.ts b/packages/common/src/directives/ng_optimized_image/image_loaders/cloudinary_loader.ts
index 0f549336d1a..479e9e0ea3e 100644
--- a/packages/common/src/directives/ng_optimized_image/image_loaders/cloudinary_loader.ts
+++ b/packages/common/src/directives/ng_optimized_image/image_loaders/cloudinary_loader.ts
@@ -24,7 +24,7 @@ import {createImageLoader, ImageLoaderConfig} from './image_loader';
  * @returns Set of providers to configure the Cloudinary loader.
  */
 export const provideCloudinaryLoader = createImageLoader(
-    cloudinaryLoaderFactory,
+    createCloudinaryURL,
     ngDevMode ?
         [
           'https://res.cloudinary.com/mysite', 'https://mysite.cloudinary.com',
@@ -32,14 +32,12 @@ export const provideCloudinaryLoader = createImageLoader(
         ] :
         undefined);
 
-function cloudinaryLoaderFactory(path: string) {
-  return (config: ImageLoaderConfig) => {
-    // Example of a Cloudinary image URL:
-    // https://res.cloudinary.com/mysite/image/upload/c_scale,f_auto,q_auto,w_600/marketing/tile-topics-m.png
-    let params = `f_auto,q_auto`;  // sets image format and quality to "auto"
-    if (config.width) {
-      params += `,w_${config.width}`;
-    }
-    return `${path}/image/upload/${params}/${config.src}`;
-  };
+function createCloudinaryURL(path: string, config: ImageLoaderConfig) {
+  // Example of a Cloudinary image URL:
+  // https://res.cloudinary.com/mysite/image/upload/c_scale,f_auto,q_auto,w_600/marketing/tile-topics-m.png
+  let params = `f_auto,q_auto`;  // sets image format and quality to "auto"
+  if (config.width) {
+    params += `,w_${config.width}`;
+  }
+  return `${path}/image/upload/${params}/${config.src}`;
 }
diff --git a/packages/common/src/directives/ng_optimized_image/image_loaders/image_loader.ts b/packages/common/src/directives/ng_optimized_image/image_loaders/image_loader.ts
index 6581d92ed1b..b4c5ff5ee33 100644
--- a/packages/common/src/directives/ng_optimized_image/image_loaders/image_loader.ts
+++ b/packages/common/src/directives/ng_optimized_image/image_loaders/image_loader.ts
@@ -42,23 +42,21 @@ export const IMAGE_LOADER = new InjectionToken<ImageLoader>('ImageLoader', {
   factory: () => noopImageLoader,
 });
 
-export function createImageLoader(urlFn: (path: string) => ImageLoader, exampleUrls?: string[]) {
+export function createImageLoader(
+    buildUrlFn: (path: string, config: ImageLoaderConfig) => string, exampleUrls?: string[]) {
   return function provideImageLoader(
       path: string, options: {ensurePreconnect?: boolean} = {ensurePreconnect: true}) {
     if (ngDevMode && !isValidPath(path)) {
       throwInvalidPathError(path, exampleUrls || []);
     }
     path = normalizePath(path);
-    const createURLFn = urlFn(path);
 
     const loaderFn = (config: ImageLoaderConfig) => {
       if (ngDevMode && isAbsoluteURL(config.src)) {
         throwUnexpectedAbsoluteUrlError(path, config.src);
       }
 
-      config.src = normalizeSrc(config.src);
-
-      return createURLFn(config);
+      return buildUrlFn(path, {...config, src: normalizeSrc(config.src)});
     };
     const providers: Provider[] = [{provide: IMAGE_LOADER, useValue: loaderFn}];
 
diff --git a/packages/common/src/directives/ng_optimized_image/image_loaders/imagekit_loader.ts b/packages/common/src/directives/ng_optimized_image/image_loaders/imagekit_loader.ts
index bc0a8f0dd93..96f8237fb01 100644
--- a/packages/common/src/directives/ng_optimized_image/image_loaders/imagekit_loader.ts
+++ b/packages/common/src/directives/ng_optimized_image/image_loaders/imagekit_loader.ts
@@ -23,17 +23,15 @@ import {createImageLoader, ImageLoaderConfig} from './image_loader';
  * @returns Set of providers to configure the ImageKit loader.
  */
 export const provideImageKitLoader = createImageLoader(
-    imagekitLoaderFactory,
+    createImagekitURL,
     ngDevMode ? ['https://ik.imagekit.io/mysite', 'https://subdomain.mysite.com'] : undefined);
 
-export function imagekitLoaderFactory(path: string) {
-  return (config: ImageLoaderConfig) => {
-    // Example of an ImageKit image URL:
-    // https://ik.imagekit.io/demo/tr:w-300,h-300/medium_cafe_B1iTdD0C.jpg
-    let params = `tr:q-auto`;  // applies the "auto quality" transformation
-    if (config.width) {
-      params += `,w-${config.width}`;
-    }
-    return `${path}/${params}/${config.src}`;
-  };
+export function createImagekitURL(path: string, config: ImageLoaderConfig) {
+  // Example of an ImageKit image URL:
+  // https://ik.imagekit.io/demo/tr:w-300,h-300/medium_cafe_B1iTdD0C.jpg
+  let params = `tr:q-auto`;  // applies the "auto quality" transformation
+  if (config.width) {
+    params += `,w-${config.width}`;
+  }
+  return `${path}/${params}/${config.src}`;
 }
diff --git a/packages/common/src/directives/ng_optimized_image/image_loaders/imgix_loader.ts b/packages/common/src/directives/ng_optimized_image/image_loaders/imgix_loader.ts
index 2f6eec16056..e331487020c 100644
--- a/packages/common/src/directives/ng_optimized_image/image_loaders/imgix_loader.ts
+++ b/packages/common/src/directives/ng_optimized_image/image_loaders/imgix_loader.ts
@@ -21,16 +21,14 @@ import {createImageLoader, ImageLoaderConfig} from './image_loader';
  * @returns Set of providers to configure the Imgix loader.
  */
 export const provideImgixLoader =
-    createImageLoader(imgixLoaderFactory, ngDevMode ? ['https://somepath.imgix.net/'] : undefined);
+    createImageLoader(createImgixURL, ngDevMode ? ['https://somepath.imgix.net/'] : undefined);
 
-function imgixLoaderFactory(path: string) {
-  return (config: ImageLoaderConfig) => {
-    const url = new URL(`${path}/${config.src}`);
-    // This setting ensures the smallest allowable format is set.
-    url.searchParams.set('auto', 'format');
-    if (config.width) {
-      url.searchParams.set('w', config.width.toString());
-    }
-    return url.href;
-  };
+function createImgixURL(path: string, config: ImageLoaderConfig) {
+  const url = new URL(`${path}/${config.src}`);
+  // This setting ensures the smallest allowable format is set.
+  url.searchParams.set('auto', 'format');
+  if (config.width) {
+    url.searchParams.set('w', config.width.toString());
+  }
+  return url.href;
 }