• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Introduction to Image Kit
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 PixelMap for image display or processing.
10
11- PixelMap
12
13  A bitmap that is not compressed after being decoded. It is used for image display or processing.
14
15- Picture
16
17  An object that includes a main picture and auxiliary picture. It is used for picture display or processing.
18
19- Image processing
20
21  A series of operations on the PixelMap, such as rotation, scaling, opacity setting, image information obtaining, and pixel data reading and writing.
22
23- Image encoding
24
25  The operation of encoding a PixelMap into an archived image in different formats for subsequent processing, such as storage and transmission.
26
27The figure below illustrates the image development process.
28
29**Figure 1** Image development process
30
31![Image development process](figures/image-development-process.png)
32
331. Image retrieval: Obtain a raw image through the application sandbox.
34
352. Instance creation: Create an **ImageSource** instance, which is the source class of decoded images and is used to obtain or modify image information.
36
373. [Image decoding](image-decoding.md): Decode the image source to generate a PixelMap.
38
394. [Image processing](image-transformation.md): Process the PixelMap 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.
40
415. [Image encoding](image-encoding.md): Use the **ImagePacker** class to compress and encode the PixelMap or image source to generate a new image.
42
43In addition to the preceding basic image development capabilities, OpenHarmony provides the [image tool](image-tool.md) to ease your development.
44
45## Highlights
46
47Image Kit supports multiple image formats and uses efficient algorithms and optimization policies to speed up image processing.
48
49## Constraints
50
51During image processing, applications may need to request the read and write permissions from users on images.
52
53## Related Kits
54
55The image framework provides the image encoding and decoding capabilities for the **Image** component and the Gallery application. The decoding result can be sent to the [**Image** component](../../ui/arkts-graphics-display.md) for display.
56
57