Image Processing Method, Apparatus, Computer Device, and Storage Medium

Abstract

The present application relates to the technical field of image display, and provides an image processing method, apparatus, computer device, and storage medium. The present application can improve the image display effect of a device. The method includes: obtaining an original image to be displayed and a background image in a first image format, superimposing the original image to be displayed on the background image to obtain a composite image, generating an image without an alpha channel according to the RGB values of the image area corresponding to the original image to be displayed on the composite image, and using the image without an alpha channel as the target image to be displayed of a target device; wherein the target device is a device that stores the target image to be displayed in a second image format, and the color bit number of the second image format is less than the color bit number of the first image format.

Description

Technical Field

[0001] This application relates to the field of image display technology, and particularly to an image processing method, apparatus, computer device, and storage medium. Background Art

[0002] With the development of computer technology, users have higher and higher requirements for the display effect of images on devices. In current technologies, when a device displays an image, in order to save memory, the device often needs to store the original image to be displayed in an image format with a lower color bit number. For example, in order to save memory, an embedded device stores the original image to be displayed in the ARGB1555 image format.

[0003] However, in such technologies, when a device that stores images in an image format with a lower color bit number, such as an embedded device, displays an image, the display effect of the image is poor. For example, there are often relatively serious jagged phenomena. Summary of the Invention

[0004] Based on this, it is necessary to provide an image processing method, apparatus, computer device, and storage medium for the above technical problems.

[0005] An image processing method, the method includes:

[0006] Obtain the original image to be displayed and the background image in a first image format;

[0007] Overlay the original image to be displayed on the background image to obtain a composite image;

[0008] Generate an image without an alpha channel according to the RGB values of the image area corresponding to the original image to be displayed on the composite image;

[0009] Use the image without an alpha channel as the target image to be displayed on the target device; the target device is a device that stores the target image to be displayed in a second image format; the color bit number of the second image format is less than the color bit number of the first image format.

[0010] In one embodiment, the generating an image without an alpha channel according to the RGB values of the image area corresponding to the original image to be displayed on the composite image includes:

[0011] Obtain the RGB values of the image area corresponding to the original image to be displayed on the composite image to obtain an RGB bitmap;

[0012] Encode the RGB bitmap into the image without an alpha channel.

[0013] In one embodiment, the first image format is ARGB8888 and the second image format is ARGB1555.

[0014] In one embodiment, the original image to be displayed includes a png image with a fully transparent background color.

[0015] In one embodiment, after using the image without an alpha channel as the target image to be displayed on the target device, the method further includes:

[0016] Sending the target image to be displayed to the target device; the target device is configured to receive and store the target image to be displayed in the second image format.

[0017] In one embodiment, the target device is further configured to superimpose the target image to be displayed in the second image format on the background image in the second image format to obtain a composite image to be displayed and display the composite image to be displayed in a third image format; the third image format is the first image format without an alpha channel bit.

[0018] In one embodiment, the target device includes an embedded device.

[0019] An image processing apparatus, the apparatus includes:

[0020] An image acquisition module, configured to acquire an original image to be displayed and a background image in a first image format;

[0021] An image superimposing module, configured to superimpose the original image to be displayed on the background image to obtain a composite image;

[0022] An image generation module, configured to superimpose the original image to be displayed on the background image to obtain a composite image;

[0023] An image obtaining module, configured to use the image without an alpha channel as the target image to be displayed on the target device; the target device is a device that stores the target image to be displayed in a second image format; the number of color bits of the second image format is less than that of the first image format.

[0024] A computer device, including a memory and a processor, the memory stores a computer program, and when the processor executes the computer program, the following steps are implemented:

[0025] Obtain the original image to be displayed and the background image in the first image format; overlay the original image to be displayed on the background image to obtain a composite image; generate an image without an alpha channel according to the RGB values of the image area corresponding to the original image to be displayed on the composite image; use the image without an alpha channel as the target image to be displayed for the target device; the target device is a device that stores the target image to be displayed in the second image format; the number of color bits of the second image format is less than that of the first image format.

[0026] A computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0027] Obtain the original image to be displayed and the background image in the first image format; overlay the original image to be displayed on the background image to obtain a composite image; generate an image without an alpha channel according to the RGB values of the image area corresponding to the original image to be displayed on the composite image; use the image without an alpha channel as the target image to be displayed for the target device; the target device is a device that stores the target image to be displayed in the second image format; the number of color bits of the second image format is less than that of the first image format.

[0028] In the above image processing method, device, computer device and storage medium, the original image to be displayed and the background image in the first image format are obtained, the original image to be displayed is overlaid on the background image to obtain a composite image, an image without an alpha channel is generated according to the RGB values of the image area corresponding to the original image to be displayed on the composite image, and the image without an alpha channel is used as the target image to be displayed for the target device; wherein, the target device is a device that stores the target image to be displayed in the second image format, and the number of color bits of the second image format is less than that of the first image format. This solution obtains the original image to be displayed and the background image in the first image format with a higher number of color bits, overlays the original image to be displayed as the foreground on the background image to obtain the overlaid composite image, obtains the RGB values of the image area corresponding to the original image to be displayed on the composite image and generates an image without an alpha channel according to the RGB values, and uses the image without an alpha channel as the target image to be displayed for the target device to store and display it in the second image format with a lower number of color bits, so that the target device can obtain and display the target image to be displayed from which the alpha channel has been removed after the above processing, improving its image display effect. Description of the Drawings

[0029] Figure 1 It is an application scenario diagram of the image processing method in an embodiment;

[0030] Figure 2 It is a schematic flowchart of the image processing method in an embodiment;

[0031] Figure 3 Schematic diagram of a png image with a fully transparent background color in one embodiment;

[0032] Figure 4 Schematic diagram of a display effect corresponding to an embodiment of the present application;

[0033] Figure 5(a) is a schematic diagram of a display effect corresponding to the current technology;

[0034] Figure 5(b) is a schematic diagram of another display effect corresponding to the current technology;

[0035] Figure 6 Structural block diagram of an image processing device in one embodiment;

[0036] Figure 7 Internal structure diagram of a computer device in one embodiment. Specific implementation manners

[0037] In order to make the objectives, technical solutions and advantages of the present application clearer and more understandable, the present application will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0038] The image processing method provided by the present application can be applied to Figure 1 the application scenario shown. This application scenario may include: an image processing device 110 and a target device 120, and the image processing device 110 and the target device 120 can be communicatively connected. Specifically, the image processing device 110 acquires a to-be-displayed original image and a background image in a first image format, superimposes the to-be-displayed original image on the background image to obtain a composite image, then the image processing device 110 generates an image without an alpha channel according to the RGB values of the image area corresponding to the to-be-displayed original image in the composite image, and then the image processing device 110 uses the image without an alpha channel as the to-be-displayed target image for the target device 120. The image processing device 110 can send the to-be-displayed target image to the target device 120, and the target device 120 receives the to-be-displayed target image sent by the image processing device 110 and stores the to-be-displayed target image in a second image format, and the color bit number of the second image format is less than the color bit number of the first image format. Among them, the image processing device 110 can be but is not limited to various personal computers, laptop computers, servers, and the target device 120 can be but is not limited to an embedded device.

[0039] In one embodiment, as Figure 2 shown, an image processing method is provided. This method is applied to as Figure 1Taking the image processing device 110 shown as an example, the method may include the following steps:

[0040] Step S201, obtaining the original image to be displayed and the background image in the first image format.

[0041] Among them, the original image to be displayed refers to an image that originally needed to be directly displayed by the target device 120 but has not undergone image processing provided by the image processing device 110, such as a certain icon image in png format with a fully transparent background color; the background image refers to an image used as a background for compositing with the original image to be displayed, such as a pure black image. The first image format refers to an image format with a color bit number greater than that of the second image format. For example, the first image format can be ARGB8888, and the second image format can be ARGB1555.

[0042] Specifically, before the image processing device 110 needs to perform image processing on the original image to be displayed, the image processing device 110 can obtain the original image to be displayed and the background image in the first image format, so that the image processing device 110 can perform subsequent image processing based on the original image to be displayed and the background image.

[0043] Step S202, superimposing the original image to be displayed on the background image to obtain a composite image.

[0044] In this step, the composite image refers to an image obtained by superimposing each pixel of the original image to be displayed as the foreground on the corresponding pixel of the background image as the background. Exemplarily, the image processing device 110 can superimpose and composite a certain icon image in png format with a fully transparent background color and a pure black image to obtain a composite image composed of a black background and the icon.

[0045] Step S203, generating an image without an alpha channel according to the RGB values of the image area corresponding to the original image to be displayed in the composite image.

[0046] Before step S203, the image processing device 110 can superimpose the original image to be displayed as the foreground on the background image to obtain the superimposed composite image, so that the image processing device 110 can further obtain the RGB values of the image area corresponding to the original image to be displayed as the foreground in this composite image.

[0047] Specifically, the RGB values of the image area corresponding to the composite image refer to the RGB values such as rgb888(128, 128, 128) in the area or position where the original image to be displayed is located in the composite image. And the image without an alpha channel refers to an image without transparency, such as a png image in RGB888 format.

[0048] In this step, after the original image to be displayed as the foreground is superimposed on the background image as the background, the image processing device 110 obtains the RGB values of the area or position where the original image to be displayed is located on the composite image, and generates an image without an alpha channel based on these RGB values.

[0049] Step S204: Use the image without an alpha channel as the target image to be displayed for the target device.

[0050] Here, the target device refers to a device that stores the target image to be displayed in a second image format, and the number of color bits of the second image format is less than that of the first image format. For example, the target device is an embedded device that stores images in the ARGB1555 image format.

[0051] Specifically, the image processing device 110 uses the image without an alpha channel as the target image to be displayed for the target device, so that the target device can store and display it in the second image format with a lower number of color bits, enabling the target device to obtain and display the target image to be displayed from which the alpha channel has been removed through the above processing, thereby improving its image display effect.

[0052] In the above image processing method, the original image to be displayed and the background image in the first image format are obtained, the original image to be displayed is superimposed on the background image to obtain a composite image, an image without an alpha channel is generated based on the RGB values of the image area corresponding to the original image to be displayed on the composite image, and the image without an alpha channel is used as the target image to be displayed for the target device; here, the target device is a device that stores the target image to be displayed in a second image format, and the number of color bits of the second image format is less than that of the first image format. This solution obtains the original image to be displayed and the background image in the first image format with a higher number of color bits, superimposes the original image to be displayed as the foreground on the background image to obtain a superimposed composite image, obtains the RGB values of the image area corresponding to the original image to be displayed on the composite image and generates an image without an alpha channel based on the RGB values, and uses the image without an alpha channel as the target image to be displayed for the target device to store and display it in the second image format with a lower number of color bits, enabling the target device to obtain and display the target image to be displayed from which the alpha channel has been removed through the above processing, thereby improving its image display effect.

[0053] In one embodiment, generating an image without an alpha channel based on the RGB values of the image area corresponding to the original image to be displayed on the composite image in step S203 includes: obtaining the RGB values of the image area corresponding to the original image to be displayed on the composite image to obtain an RGB bitmap, and encoding the RGB bitmap into an image without an alpha channel.

[0054] In this embodiment, the RGB bitmap refers to an uncompressed RGB bitmap obtained based on the RGB values of the area or position of the original image to be displayed on the composite image, such as the RGB bitmap of a certain icon image in the uncompressed BMP format. Specifically, after the original image to be displayed as the foreground is superimposed on the background image as the background, the image processing device 110 obtains the RGB values of the area or position of the original image to be displayed on the composite image, obtains an uncompressed RGB bitmap based on these RGB values, and then encodes the uncompressed RGB bitmap into an image without an alpha channel.

[0055] The technical solution of this embodiment can accurately record the RGB values of the area or position of the original image to be displayed on the composite image through the RGB bitmap, so that the image without an alpha channel encoded according to the RGB bitmap can accurately record the image information of the original image to be displayed, which is conducive to ensuring a better image display effect when the target device displays the target image to be displayed from which the alpha channel has been removed through the above processing.

[0056] In an application example, the first image format may be ARGB8888, and the second image format may be ARGB1555.

[0057] Specifically, the image processing device 110 obtains the original image to be displayed and the background image in the ARGB8888 format, superimposes the original image to be displayed on the background image to obtain a composite image, generates an image without an alpha channel according to the RGB values of the image area corresponding to the original image to be displayed on the composite image, and uses the image without an alpha channel as the target image to be displayed of the target device 120, so that the target device 120 can store the target image to be displayed in the ARGB1555 format.

[0058] Further, in some embodiments, the image processing device 110 may obtain a png image with a fully transparent background color and a background image in the ARGB8888 format. Exemplarily, the png image with a fully transparent background color may be as Figure 3 shown in the figure. Then, the image processing device 110 superimposes the png image with a fully transparent background color on the background image to obtain a composite image. Next, the image processing device 110 generates an image without an alpha channel according to the RGB values of the image area corresponding to the png image with a fully transparent background color on the composite image. The image processing device 110 uses the image without an alpha channel as the target image to be displayed of the target device 120, so that the target device 120 can store the target image to be displayed in the ARGB1555 format.

[0059] Such as Figure 4, FIGS. 5(a) and 5(b) are comparative diagrams of the image display effects of the target device. Among them, Figure 4 is the image transmitted to the target device (with an ARGB1555 frame buffer) for processing and display after being processed by the method of the present application. FIG. 5(a) is the image directly processed and displayed by the target device (with an ARGB1555 frame buffer) without being processed by the method of the present application. FIG. 5(b) is the image directly processed and displayed by a device with a higher configuration (with an ARGB8888 frame buffer). Specifically, FIG. 5(a) shows the image display effect of the target device 120 that stores and displays images in the ARGB1555 format, and its image display effect is poor, with relatively serious jagged phenomena. FIG. 5(b) shows the image display effect of a device with a higher configuration that stores and displays images in the ARGB8888 format, and its image display effect is good, without relatively serious jagged phenomena.

[0060] It can be seen that the image display effect corresponding to the present application is basically the same as that of the image directly processed and displayed by a device with a higher configuration, with a good display effect, without relatively serious jagged phenomena, and the image display effect is significantly better than that directly processed and displayed by the target device without being processed by the method of the present application. The key of this embodiment is that during the conversion process from ARGB8888 to ARGB1555, the alpha channel is converted from 8 bits to 1 bit, and the precision loss is much greater than that of the R, G, and B channels (from 8 bits to 5 bits). Therefore, calculating the values of the RGB channels in advance to replace the Alpha channel can improve the display effect.

[0061] In one embodiment, after using the image without an alpha channel as the target image to be displayed for the target device in step S204, it further includes: sending the target image to be displayed to the target device.

[0062] Among them, the target image to be displayed refers to an image without an alpha channel that has been processed by the image processing device 110 and is to be stored and displayed by the target device 120 in a second image format with a lower color bit depth; the target device refers to a device that can receive and store the target image to be displayed in the second image format, and this target device can be an embedded device that stores images in the ARGB1555 image format.

[0063] Specifically, the image processing device 110 sends the target image to be displayed without an alpha channel, which has undergone image processing by the image processing device 110, to the target device 120. The target device 120 receives the target image to be displayed sent by the image processing device 110 and stores and displays the target image to be displayed in a second image format with a lower color bit depth, such as ARGB1555. The technical solution of this embodiment enables the target device 120 to receive the target image to be displayed without an alpha channel that has undergone image processing by the image processing device 110, so that the target device 120 can have a better display effect based on the target image to be displayed without an alpha channel.

[0064] In one embodiment, the target device is further configured to superimpose the target image to be displayed in the second image format on the background image in the second image format to obtain a composite image to be displayed and display the composite image to be displayed in a third image format.

[0065] Among them, the third image format refers to the first image format without an alpha channel bit. For example, if the first image format is ARGB8888, the third image format is an image format of RGB888.

[0066] Specifically, after the target device 120 receives the target image to be displayed without an alpha channel that has been processed by the image processing device 110 and stores it in a second image format with a lower color bit depth, such as ARGB1555, the target device 120 superimposes each pixel of the target image to be displayed without an alpha channel stored in the second image format with a lower color bit depth, which serves as the foreground, on the corresponding pixel of the background image in the second image format serving as the background, to obtain a superimposed composite image to be displayed, and displays the composite image to be displayed in a third image format, such as RGB888.

[0067] The technical solution of this embodiment enables the target device 120 to process and display the target image to be displayed after receiving the target image to be displayed that has undergone image processing by the image processing device 110, so that the target device 120 can display the target image to be displayed and present a better image display effect.

[0068] It should be understood that although the steps in the above flowchart are sequentially shown according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise clearly stated in this document, there is no strict order limit for the execution of these steps, and these steps can be executed in other orders. Moreover, at least a part of the steps in the above flowchart may include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily sequential, but can be executed alternately or in turn with at least a part of other steps or steps or stages in other steps.

[0069] In one embodiment, as Figure 6 shown, an image processing apparatus is provided, and the apparatus 600 may include:

[0070] An image acquisition module 601, configured to acquire a to-be-displayed original image and a background image in a first image format;

[0071] An image superposition module 602, configured to superpose the to-be-displayed original image on the background image to obtain a composite image;

[0072] An image generation module 603, configured to generate an image without an alpha channel according to the RGB values of the image area corresponding to the to-be-displayed original image on the composite image;

[0073] An image obtaining module 604, configured to use the image without an alpha channel as a to-be-displayed target image for a target device; the target device is a device that stores the to-be-displayed target image in a second image format; the color bit number of the second image format is less than the color bit number of the first image format.

[0074] In one embodiment, the image generation module 603 is configured to acquire the RGB values of the image area corresponding to the to-be-displayed original image on the composite image to obtain an RGB bitmap; and encode the RGB bitmap into the image without an alpha channel.

[0075] In one embodiment, the first image format is ARGB8888, and the second image format is ARGB1555.

[0076] In one embodiment, the to-be-displayed original image includes a png image with a fully transparent background color.

[0077] In one embodiment, the apparatus 600 further includes: an image sending module, configured to send the to-be-displayed target image to the target device; the target device is configured to receive and store the to-be-displayed target image in the second image format.

[0078] In one embodiment, the target device is further configured to superimpose the target image to be displayed in the second image format on the background image in the second image format to obtain a composite image to be displayed and display the composite image to be displayed in a third image format; the third image format is a first image format without an alpha channel bit.

[0079] In one embodiment, the target device includes an embedded device.

[0080] For the specific limitations of the image processing device, reference may be made to the limitations on the image processing method in the foregoing text, which will not be elaborated here. Each module in the above image processing device can be implemented in whole or in part by software, hardware, and their combination. The above modules can be embedded in the processor in the computer device in hardware form or independent of the processor, or stored in the memory in the computer device in software form, so that the processor can call and execute the operations corresponding to the above modules.

[0081] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as Figure 7 shown. The computer device includes a processor, a memory, a communication interface, a display screen, and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The communication interface of the computer device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner can be implemented through WIFI, a carrier network, NFC (Near Field Communication), or other technologies. When the computer program is executed by the processor, it implements an image processing method. The display screen of the computer device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covering the display screen, or a button, a trackball, or a touchpad provided on the outer shell of the computer device, or an external keyboard, touchpad, or mouse, etc.

[0082] Those skilled in the art can understand that Figure 7 the structure shown in

[0083] In one embodiment, a computer device is further provided, which includes a memory and a processor. A computer program is stored in the memory, and when the processor executes the computer program, the steps in the above method embodiments are implemented.

[0084] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps in the above method embodiments are implemented.

[0085] Those of ordinary skill in the art can understand that all or part of the processes of implementing the above method embodiments can be completed by instructing relevant hardware through a computer program. The computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the above method embodiments. Among them, any reference to a memory, storage, database, or other medium used in the embodiments provided in the present application can include at least one of non-volatile and volatile memories. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, or optical memory, etc. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM), etc.

[0086] The technical features of the above embodiments can be combined arbitrarily. For the sake of brevity of description, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, it should be considered as the scope described in this specification.

[0087] The above-described embodiments only represent several implementation manners of the present application. Their descriptions are relatively specific and detailed, but they should not be construed as limiting the scope of the invention patent. It should be noted that for those of ordinary skill in the art, without departing from the concept of the present application, several modifications and improvements can still be made, and these all belong to the protection scope of the present application. Therefore, the protection scope of the patent of the present application should be subject to the appended claims.

Claims

1. An image processing method, characterized in that, the method includes: Obtain the original image to be displayed and the background image in ARGB8888 format; the original image to be displayed includes a png image with a fully transparent background color; Overlay the original image to be displayed on the background image to obtain a composite image; Obtain the RGB values of the image area corresponding to the original image to be displayed on the composite image, and obtain an uncompressed RGB bitmap according to the RGB values; the RGB bitmap includes the RGB bitmap of the icon image in uncompressed BMP format; Encode the RGB bitmap into an image without an alpha channel; Use the image without an alpha channel as the target image to be displayed on the target device, and send the target image to be displayed to the target device; the target device is an embedded device that stores the target image to be displayed in ARGB1555 format; the target device is also used to overlay the target image to be displayed in ARGB1555 format with the background image in ARGB1555 format to obtain a composite image to be displayed and display the composite image to be displayed in RGB888 format; the RGB888 format is the ARGB8888 format without an alpha channel bit.

2. The method according to claim 1, characterized in that, The original image to be displayed refers to an image that originally needed to be directly displayed by the target device but has not been processed by an image processing device.

3. The method according to claim 2, characterized in that, The image processing device is a personal computer.

4. The method according to claim 2, characterized in that, The image processing device is a server.

5. The method according to claim 1, characterized in that, The background image includes a pure black image.

6. The method according to claim 1, characterized in that, The composite image is an overlaid image obtained by overlaying each pixel of the original image to be displayed as the foreground on the corresponding pixel of the background image as the background.

7. The method according to claim 6, characterized in that, The composite image is a composite image composed of a black background and an icon.

8. An image processing apparatus, characterized in that, the apparatus includes: An image acquisition module for acquiring the original image to be displayed and the background image in ARGB8888 format; the original image to be displayed includes a png image with a fully transparent background color; An image overlay module for overlaying the original image to be displayed on the background image to obtain a composite image; An image generation module for obtaining the RGB values of the image area corresponding to the original image to be displayed on the composite image, obtaining an uncompressed RGB bitmap according to the RGB values; the RGB bitmap includes the RGB bitmap of the icon image in uncompressed BMP format; encoding the RGB bitmap into an image without an alpha channel; An image acquisition module, configured to use the image without an alpha channel as a target image to be displayed on a target device, and send the target image to be displayed to the target device; the target device is an embedded device that stores the target image to be displayed in the ARGB1555 format; the target device is further configured to superimpose the target image to be displayed in the ARGB1555 format on the background image in the ARGB1555 format to obtain a composite image to be displayed and display the composite image to be displayed in the RGB888 format; the RGB888 format is the ARGB8888 format without an alpha channel bit.

9. A computer device, comprising a memory and a processor, where the memory stores a computer program, wherein, when the processor executes the computer program, the steps of the method according to any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium, on which a computer program is stored, wherein, when the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

Images