1# Image Overview 2 3Image development is the process of parsing, processing, and constructing image pixel data to achieve the required image effect. Image development mainly involves image decoding, processing, and encoding. 4 5Before image development, be familiar with the following basic concepts: 6 7- Image decoding 8 9 The operation of decoding an archived image in a supported format into a pixel map for image display or processing. Currently, the following image formats are supported: JPEG, PNG, GIF, RAW, WebP, BMP, and SVG. 10 11- Pixel map 12 13 A bitmap that is not compressed after being decoded. It is used for image display or processing. 14 15- Image processing 16 17 A series of operations on the pixel map, such as rotation, scaling, opacity setting, image information obtaining, and pixel data reading and writing. 18 19- Image encoding 20 21 The operation of encoding a pixel map into an archived image in different formats (only in JPEG and WebP currently) for subsequent processing, such as storage and transmission. 22 23The figure below illustrates the image development process. 24 25**Figure 1** Image development process 26 27 281. Image retrieval: Obtain a raw image through the application sandbox. 29 302. Instance creation: Create an **ImageSource** instance, which is the source class of decoded images and is used to obtain or modify image information. 31 323. [Image decoding](image-decoding.md): Decode the image source to generate a pixel map. 33 344. [Image processing](image-transformation.md): Process the pixel map by modifying the image attributes to implement image rotation, scaling, and cropping, and then use the [Image component](../ui/arkts-graphics-display.md) to display the image. 35 365. [Image encoding](image-encoding.md): Use the **ImagePacker** class to compress and encode the pixel map or image source to generate a new image. 37 38In addition to the preceding basic image development capabilities, OpenHarmony provides the [image tool](image-tool.md) to ease your development. 39
