Remote images

Besides local images, provider functions allow using also remote images, i.e. images that are static parts of your local project. The most common use case is to load images from an image CDN, that is then used to offload all image processing to the Cloud. This allows for dynamic image processing, in cases where your images are not available at build-time. For example you could have an API endpoint refer to the raw (large, unprocessed) image, and use an image CDN as a proxy to scale, optimize and deliver that image as needed, at runtime.

See the image CDNs section for information on loading remote images from supported image CDNs.

TIP

Besides the built-in support for selected image CDNs, you can also create your own custom integration by writing your own provider functions. The only requirement for the image component is to receive an ImageData object as its src argument. See the Concepts page for more information.