Images and graphics in Compose
Stay organized with collections
Save and categorize content based on your preferences.
Using bright, engaging visuals in your Android apps can help improve the look
and feel of your application. In Android, there are a few different ways in
which you can render something visually on screen- using either a vector,
bitmap, or directly drawing with a canvas on screen. In this section, learn
how to work these different kinds of graphics.
Learn how to work with images using these details:
- Loading images: Learn how to load
an image from disk or the internet
- ImageBitmap versus ImageVector: Learn
how to work with the two most common image formats, raster and vector.
- Material icons: Learn about a
convenient way to draw a single color icon on the screen, following Material
Design 3 guidelines.
- Customize an image: Learn how to
customize an image using properties of an Image composable.
- Custom painter: Learn about custom
painter objects to additionally customize your image.
- Optimizing performance: Learn about
how to best work with images to avoid performance issues.
You can also learn more about working with Graphics here.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-08-20 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-20 UTC."],[],[],null,["# Images and graphics in Compose\n\nUsing bright, engaging visuals in your Android apps can help improve the look\nand feel of your application. In Android, there are a few different ways in\nwhich you can render something visually on screen- using either a vector,\nbitmap, or directly drawing with a canvas on screen. In this section, learn\nhow to work these different kinds of graphics.\n\nLearn how to work with images using these details:\n\n- [Loading images](/develop/ui/compose/graphics/images/loading): Learn how to load an image from disk or the internet\n- [ImageBitmap versus ImageVector](/develop/ui/compose/graphics/images/compare): Learn how to work with the two most common image formats, raster and vector.\n- [Material icons](/develop/ui/compose/graphics/images/material): Learn about a convenient way to draw a single color icon on the screen, following Material Design 3 guidelines.\n- [Customize an image](/develop/ui/compose/graphics/images/customize): Learn how to customize an image using properties of an Image composable.\n- [Custom painter](/develop/ui/compose/graphics/images/custompainter): Learn about custom painter objects to additionally customize your image.\n- [Optimizing performance](/develop/ui/compose/graphics/images/optimization): Learn about how to best work with images to avoid performance issues.\n\nYou can also learn more about working with Graphics [here](/develop/ui/compose/graphics/graphics-sub)."]]
