To display images in your app for content and for responses to user actions, load the images from the disk or from an external source on the internet. You can load images the following ways:
- From the disk
- From a network using Coil
- From a network using Glide
Version compatibility
This implementation requires that your project minSDK be set to API level 21 or higher.
Load an image from the disk
You can load locally stored images from the disk to display them in your app for content and to respond to user actions.
Dependencies
Load the image
Use the following code to load a locally stored image from the disk to display in your app:
Key points about the code
- A defined Compose
Image
object with apainter
attribute set to apainterResource()
that loads an image from app resources. - A
contentDescription
thatTalkBack
can read to make your app more accessible. - A
stringResource()
to load translated content description from thestrings.xml
file.
Load an image over the network
You can load images stored externally on the internet using either Coil or Glide. To choose which library to use for your project, consider factors such as project requirements and performance constraints.
Load an image using Coil
You can load images from the internet using Coil, a third-party library. Coil is backed by Kotlin coroutines, and takes responsibility for loading the image away from the Main thread, and displays it once loaded. Follow this guidance to load images from the internet using Coil.
Dependencies
Load the image
Use the following code to load images using Coil:
Load an image using Glide
You can load images stored externally on the internet using Glide to display them in your app's feed. Glide is a fast and efficient image loading library for Android focused on smooth scrolling, and takes responsibility for loading the image away from the Main thread, and displays it once loaded.
Dependencies
Load the image
Use the following code to load images using Glide:
Results
![An image of a dog](https://developer.android.com/static/quick-guides/content/dog.png?authuser=19)
Parent collections
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?authuser=19)