Displaying images on the web

Platform integration

Web

Web images

Images in Flutter

Images on the web

Cross-Origin Resource Sharing (CORS)

Flutter renderers on the web

In-memory, asset, and same-origin network images

Cross-origin images

Host your images in a CORS-enabled CDN.
Lack control over the image server? Use a CORS proxy.
Use <img> in a platform view.

The web supports the standard Image widget to display images.
However, because web browsers are built to run untrusted code safely,
there are certain limitations in what you can do with images compared
to mobile and desktop platforms. This page explains these limitations
and offers ways to work around them.

Background

This section summarizes the technologies available
across Flutter and the web,
on which the solutions below are based on.