How to optimize images that are external?

const normalizeSrc = (src: string) => {
  return src.startsWith("/") ? src.slice(1) : src;
};

export default function cloudflareLoader({
  src,
  width,
  quality,
}: { src: string; width: number; quality?: number }) {
  if (process.env.NODE_ENV === "development") {
      return src;
  }
  const params = [`width=${width}`];
  if (quality) {
      params.push(`quality=${quality}`);
  }
  const paramsString = params.join(",");
  
  return `/cgi/image/${paramsString}/${normalizeSrc(src)}
}

const normalizeSrc = (src: string) => {
  return src.startsWith("/") ? src.slice(1) : src;
};

export default function cloudflareLoader({
  src,
  width,
  quality,
}: { src: string; width: number; quality?: number }) {
  if (process.env.NODE_ENV === "development") {
      return src;
  }
  const params = [`width=${width}`];
  if (quality) {
      params.push(`quality=${quality}`);
  }
  const paramsString = params.join(",");
  
  return `/cgi/image/${paramsString}/${normalizeSrc(src)}
}