Thumbnail display method and device

Abstract

The present application is applicable to the field of image processing, and provides a thumbnail display method that can improve the aesthetics of image display, including receiving a thumbnail display instruction, obtaining an image to be thumbnailed; obtaining the attributes of the image to be thumbnailed, and determining the reference attributes of thumbnail display according to the attributes of the image to be thumbnailed; adjusting the attributes of the image to be thumbnailed according to the reference attributes, and thumbnail displaying the adjusted image. The reference attribute adjustment method can better retain the features of the image to be thumbnailed, which is conducive to reducing the distortion of the image to be thumbnailed, allowing users to more easily identify the content of the thumbnailed image, improving the coordination and aesthetics of the image, and helping to improve the user experience.

Description

Technical Field

[0001] The present application belongs to the field of image processing technology, and in particular, relates to a thumbnail display method and device. Background Art

[0002] With the development of science and technology, the functions of smart devices are becoming more and more powerful. Smart devices include mobile phones, tablet computers, laptops and other devices, which can provide people with rich multimedia functions, communication functions, etc., bringing great convenience to people's work and life.

[0003] Smart devices can be used to capture and record images of the scene in which the user is at any time through the camera, including pictures and videos, etc., or images can be downloaded from other devices or from the Internet, which can be saved in the image library of the smart device for easy viewing or use at any time. When users view thumbnails saved by smart devices or browse pictures on the Internet, the thumbnail content of the picture is usually displayed in the form of thumbnails. In order to improve the aesthetics of the thumbnail, a layer of color is usually applied to the thumbnail to make the thumbnail present a certain obvious color tendency as a whole. However, this forced change of color tendency will lose the characteristics of the original thumbnail, causing the thumbnail to be distorted, making it difficult for users to identify the content of the thumbnail. Summary of the invention

[0004] The embodiments of the present application provide a thumbnail display method and device, which can solve the problem in the prior art that when displaying thumbnails, forced changes in color orientation will cause loss of image features, cause image distortion, and make it difficult for users to recognize the thumbnail content.

[0005] In a first aspect, an embodiment of the present application provides a thumbnail display method, which includes: receiving a thumbnail display instruction to obtain an image to be thumbnailed; obtaining attributes of the image to be thumbnailed, and determining a baseline attribute for thumbnail display based on the attributes of the image to be thumbnailed; adjusting the attributes of the image to be thumbnailed based on the baseline attributes, and thumbnail displaying the adjusted image.

[0006] By obtaining the attributes of the image to be thumbnailed, determining the reference attributes of the thumbnail display, and adjusting the image according to the reference attributes, the image to be thumbnailed can be more coordinated as a whole. Compared with the method of using a unified mask to make the image present a color tendency, the reference attribute adjustment method can better retain the characteristics of the image to be thumbnailed, which is conducive to reducing the distortion of the image to be thumbnailed, so that the user can more easily recognize the content of the thumbnailed image. Among them, the attributes of the image may include the cold and warm category of the image, the hue of the image, the saturation of the image, etc.

[0007] In combination with the first aspect, in a first possible implementation method of the first aspect, the step of obtaining the attributes of the image to be thumbnailed and determining the baseline attributes for thumbnail display according to the attributes of the image to be thumbnailed includes: obtaining the cold and warm category of the image to be thumbnailed; determining the hue attribution of the image to be thumbnailed according to the cold and warm category of the image; and determining the baseline hue of the image according to the proportion of the determined hue attribution.

[0008] After determining the warm and cold categories of different images, the hue attribution corresponding to the image is determined according to the warm and cold categories of the image, and then according to the attribution of the hue, the proportion corresponding to the hue attribution is determined, and the reference hue of the image is determined according to the proportion. For example, it can be determined whether the image is a warm color category, a cool color category, or a neutral category based on the colors included in the image. After determining the warm and cold categories of the image, the color that accounts for the main contribution to the warm and cold categories of the image can be used as the hue attribution of the image. Then the hue attribution of different images is calculated and statistically analyzed to obtain the hue with the most concentrated hue attribution, which can be used as the reference hue. Since the reference hue is screened by the warm and cold categories of the image, the determined reference hue more effectively represents the warm and cold tones of the page and more accurately represents the information of more images.

[0009] In combination with the first aspect, in a second possible implementation method of the first aspect, the step of obtaining the attributes of the image to be thumbnailed and determining the baseline attributes for thumbnail display according to the attributes of the image to be thumbnailed includes: obtaining the hue of the image to be thumbnailed, and determining the cool and warm category of the image according to the hue of the image; determining the overall cool and warm tones of the image to be thumbnailed according to the cool and warm category of the image; and determining the baseline hue of the image according to the proportion of the hue corresponding to the overall cool and warm tones.

[0010] When determining the reference attribute to be thumbnailed, the reference hue of the image to be thumbnailed can be determined based on the cold and warm classification and hue of the image to be thumbnailed. That is, the cold and warm classification to which the image belongs can be determined based on the hue of the image to be thumbnailed, and the number of cold color images and the number of warm color images of the image to be thumbnailed can be determined. A larger number of types are selected as the overall cold and warm tones of the image to be thumbnailed. Then, the hue corresponding to the overall cold and warm tones is obtained, and the reference hue of the image to be thumbnailed is determined based on the distribution of the hue corresponding to the overall cold and warm tones. The hue of the image to be thumbnailed is adjusted based on the reference hue, so that the hue of the image to be thumbnailed is closer, thereby improving the overall coordination of the thumbnail image without damaging the content in the thumbnail, thereby improving the user's recognizability of the thumbnail.

[0011] In one implementation, the step of determining the reference hue of the image based on the proportion of hues corresponding to the overall cool and warm tones includes: searching for the proportion of each hue corresponding to the determined overall cool and warm tones in the image to be thumbnailed according to the determined cool and warm categories; and determining the reference hue of the image based on the hue with a larger proportion.

[0012] By searching for each hue corresponding to the determined cold and warm category in the image to be thumbnailed, the overall hue of the image to be thumbnailed can be obtained more accurately, and the distribution of the corresponding hue is searched according to the determined cold and warm category, that is, the overall cold and warm hue, and the reference hue can be determined more accurately overall according to the distribution of the corresponding hue found. Among them, the warm colors in the cold and warm category may include red, yellow, brown and other colors, and the cool colors in the cold and warm category may include blue, green, purple and other colors.

[0013] In one implementation, the step of determining the reference hue of the image based on the proportion of hues corresponding to the overall cool and warm tones includes: searching for the proportion of each hue corresponding to the determined overall cool and warm tones in the image corresponding to the determined overall cool and warm tones based on the determined cool and warm categories; and determining the reference hue of the image based on the hue with a larger proportion.

[0014] After classifying the images according to their cold and warm categories, the hue distribution corresponding to the overall cold and warm tones is searched in the images corresponding to the overall cold and warm tones, and the reference hue corresponding to the overall cold and warm tones can be obtained more accurately. For example, the images to be displayed in thumbnails include 100 images, of which 60 are cold-toned images, 30 are warm-toned images, and 10 are neutral-toned images. The reference hue of the image to be displayed in thumbnails can be determined based on the hue corresponding to the 60 cold-toned images, such as the distribution of the corresponding blue, green, and purple hues.

[0015] In one implementation, the step of acquiring the attributes of the image to be thumbnailed and determining the baseline attributes for thumbnail display based on the attributes of the image to be thumbnailed includes: acquiring the saturation of the image to be thumbnailed; and determining the baseline saturation for thumbnail display based on the distribution of the saturation of the acquired image.

[0016] In the thumbnail display method, the image to be thumbnailed can be adjusted based on the reference hue, or based on the reference saturation, or the image to be thumbnailed can be adjusted by the reference hue and reference saturation, so that the adjusted image is more coordinated and beautiful as a whole, thereby improving the user experience.

[0017] The step of determining the reference saturation for thumbnail display based on the acquired image saturation distribution includes: determining the range corresponding to the reference saturation based on the density of the image saturation distribution within a saturation range of a preset length.

[0018] The saturation distribution of the image to be thumbnailed is detected for density according to a preset saturation range, and an area with a relatively dense saturation distribution within a saturation range of a preset length is determined as the reference saturation, and the saturation of the image to be thumbnailed is adjusted with the reference saturation.

[0019] Among them, the step of adjusting the attributes of the image to be thumbnailed according to the reference attribute includes: determining the saturation adjustment amplitude of the image according to the difference between the saturation of the image and the reference saturation; and adjusting the saturation of the image according to the saturation adjustment amplitude. For example, the correspondence between the difference size and the adjustment amplitude can be preset, and the corresponding adjustment amplitude can be found according to the difference, and the saturation of the image can be adjusted according to the found adjustment amplitude. The correspondence between the difference size and the adjustment amplitude can be that the larger the difference, the larger the adjustment amplitude, and the smaller the difference, the smaller the adjustment amplitude, so that the image with a large difference between the saturation and the reference saturation can be adjusted more accurately. Of course, in a feasible implementation, the image adjusted according to the reference saturation can be further used to determine the difference in saturation of adjacent images, and the saturation of the image can be adjusted according to the difference in saturation of adjacent images.

[0020] In one implementation, the step of obtaining the attributes of the image to be thumbnailed and determining the baseline attributes for thumbnail display based on the attributes of the image to be thumbnailed includes: obtaining the hue of the image on the page to be thumbnailed and determining the hue distribution of the image on the page to be thumbnailed; and determining the baseline hue of the image based on the hue distribution of the image.

[0021] By determining the reference hue of the image based on the overall hue distribution of the image to be thumbnailed, the reference hue corresponding to the image to be thumbnailed can be obtained more quickly, and the image can be adjusted based on the overall determined reference hue to make the overall hue of the image to be thumbnailed closer without damaging the content of the image, which is beneficial to improving the user's recognition of the content of the thumbnailed image.

[0022] In one implementation, before the step of adjusting the attributes of the image to be thumbnailed according to the baseline attributes, the method further includes: obtaining a sliding speed of the sliding thumbnail; when the sliding speed is greater than a preset speed threshold, starting to adjust the attributes of the image to be thumbnailed.

[0023] In order to save display resources of thumbnails, the movement status of thumbnails can be obtained by monitoring the display status of thumbnails. When a sliding instruction from a user to move a thumbnail is received, the sliding speed of the thumbnail corresponding to the sliding instruction can be obtained. When the sliding speed is greater than a predetermined speed, the operation of adjusting the attributes of the image to be displayed as thumbnails may not be enabled, and the hue and / or saturation of the image to be displayed as thumbnails may not be adjusted. When the sliding speed is less than a predetermined sliding speed, the attribute adjustment of the image to be displayed as thumbnails is enabled, so that the user can see a more beautiful and coordinated display screen, and it is beneficial for the user to recognize the content of the thumbnail display.

[0024] In one implementation, the step of determining the reference attribute of thumbnail display according to the attribute of the image to be thumbnail displayed includes: determining the reference attribute of the image to be thumbnail displayed in each group according to the grouping information of the image to be thumbnail displayed. The grouping information may include grouping information according to shooting time, grouping information according to shooting location, grouping information according to image content, etc. The reference attribute corresponding to each group is determined according to the grouping information, and the image is adjusted according to the reference attribute of each group, so that the user can more accurately recognize the content of the adjusted image.

[0025] In a second aspect, an embodiment of the present application provides a thumbnail display device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the thumbnail display method as described in any one of the first aspects is implemented.

[0026] In a third aspect, an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the method described in any one of the first aspects is implemented.

[0027] It can be understood that the beneficial effects of the second and third aspects mentioned above can be found in the relevant description of the first aspect mentioned above, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0028] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative labor.

[0029] Figure 1 It is a schematic diagram of the hardware structure of a mobile phone applicable to the thumbnail display provided in an embodiment of the present application;

[0030] Figure 2 It is a schematic diagram of the software structure of a mobile phone applicable to the thumbnail display provided in an embodiment of the present application;

[0031] Figure 3 It is a schematic diagram of an implementation flow of a thumbnail display method provided in an embodiment of the present application;

[0032] Figure 4 This is a schematic diagram of an implementation process of determining a reference hue provided by an embodiment of the present application;

[0033] Figure 5 This is another schematic diagram of an implementation process of determining a reference hue provided by an embodiment of the present application;

[0034] Figure 6 is a schematic diagram of image adjustment provided by another embodiment of the present application;

[0035] Figure 7 This is an example diagram of an implementation process of thumbnail display provided in an embodiment of the present application;

[0036] Figure 8 is a schematic diagram of a thumbnail display device provided in an embodiment of the present application;

[0037] Fig. 9 It is a structural schematic diagram of the thumbnail display device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0038] In the following description, specific details such as specific system structures, technologies, etc. are provided for the purpose of illustration rather than limitation, so as to provide a thorough understanding of the embodiments of the present application. However, it should be clear to those skilled in the art that the present application may also be implemented in other embodiments without these specific details. In other cases, detailed descriptions of well-known systems, devices, circuits, and methods are omitted to prevent unnecessary details from obstructing the description of the present application.

[0039] The terms used in the following embodiments are only for the purpose of describing specific embodiments and are not intended to be limiting of the present application. As used in the specification and appended claims of the present application, the singular expressions "one", "a kind", "said", "above", "the" and "this" are intended to also include expressions such as "one or more", unless there is a clear contrary indication in the context. It should also be understood that in the embodiments of the present application, "one or more" refers to one, two or more; "and / or" describes the association relationship of associated objects, indicating that three relationships may exist; for example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship.

[0040] The thumbnail display provided in the embodiments of the present application can be applied to terminal devices such as mobile phones, tablet computers, wearable devices, vehicle-mounted devices, augmented reality (AR) / virtual reality (VR) devices, laptop computers, ultra-mobile personal computers (UMPC), netbooks, personal digital assistants (PDA), etc. The embodiments of the present application do not impose any restrictions on the specific types of terminal devices.

[0041] For example, the terminal device can be a station (STAION, ST) in a WLAN, a cellular phone, a cordless phone, a Session Initiation Protocol (SIP) phone, a Wireless Local Loop (WLL) station, a Personal Digital Assistant (PDA) device, a handheld device with wireless communication function, a computing device or other processing device connected to a wireless modem, a vehicle-mounted device, a vehicle networking terminal, a computer, a laptop computer, a handheld communication device, a handheld computing device, a satellite wireless device, a wireless modem card, a TV set top box (STB), a customer premises equipment (CPE) and / or other devices for communicating on a wireless system and a next-generation communication system, such as a mobile terminal in a 5G network or a mobile terminal in a future evolved Public Land Mobile Network (PLMN) network, etc.

[0042] As an example but not limitation, when the terminal device is a wearable device, the wearable device can also be a general term for wearable devices that are intelligently designed and developed using wearable technology for daily wear, such as glasses, gloves, watches, clothing and shoes. A wearable device is a portable device that is worn directly on the body or integrated into the user's clothes or accessories. Wearable devices are not just hardware devices, but also achieve powerful functions through software support, data interaction, and cloud interaction. Broadly speaking, wearable smart devices include those that are fully functional, large in size, and can achieve complete or partial functions without relying on smartphones, such as smart watches or smart glasses, as well as those that only focus on a certain type of application function and need to be used in conjunction with other devices such as smartphones, such as various smart bracelets and smart jewelry for vital sign monitoring.

[0043] Take the terminal device as a mobile phone as an example. Figure 1 The block diagram shows a partial structure of a mobile phone provided in an embodiment of the present application. Figure 1 The mobile phone includes: a radio frequency (RF) circuit 110, a memory 120, an input unit 130, a display unit 140, a sensor 150, an audio circuit 160, a wireless fidelity (WiFi) module 170, a processor 180, and a power supply 190. Those skilled in the art will understand that Figure 1 The mobile phone structure shown in the figure does not constitute a limitation on the mobile phone, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0044] Combine the following Figure 1 A detailed introduction to the various components of the mobile phone:

[0045] The RF circuit 110 can be used for receiving and sending signals during information transmission or calls. In particular, after receiving the downlink information of the base station, it is sent to the processor 180 for processing; in addition, the designed uplink data is sent to the base station. Generally, the RF circuit includes but is not limited to an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier (Low Noise Amplifier, LNA), a duplexer, etc. In addition, the RF circuit 110 can also communicate with the network and other devices through wireless communication. The above wireless communication can use any communication standard or protocol, including but not limited to Global System of Mobile communication (Global System of Mobile communication, GSM), General Packet Radio Service (General Packet Radio Service, GPRS), Code Division Multiple Access (Code Division Multiple Access, CDMA), Wideband Code Division Multiple Access (Wideband Code Division Multiple Access, WCDMA), Long Term Evolution (Long Term Evolution, LTE)), email, Short Messaging Service (SMS), etc.

[0046] The memory 120 can be used to store software programs and modules. The processor 180 executes various functional applications and data processing of the mobile phone by running the software programs and modules stored in the memory 120. The memory 120 can mainly include a program storage area and a data storage area, wherein the program storage area can store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; the data storage area can store data created according to the use of the mobile phone (such as audio data, a phone book, etc.), etc. In addition, the memory 120 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage devices.

[0047] The input unit 130 can be used to receive input digital or character information, and to generate key signal input related to the user settings and function control of the mobile phone 100. Specifically, the input unit 130 may include a touch panel 131 and other input devices 132. The touch panel 131, also known as a touch screen, can collect the user's touch operation on or near it (such as the user's operation on the touch panel 131 or near the touch panel 131 using any suitable object or accessory such as a finger, stylus, etc.), and drive the corresponding connection device according to a pre-set program. Optionally, the touch panel 131 may include two parts: a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into the touch point coordinates, and then sends it to the processor 180, and can receive and execute the command sent by the processor 180. In addition, the touch panel 131 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch panel 131, the input unit 130 may also include other input devices 132. Specifically, other input devices 132 may include but are not limited to one or more of a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, etc.

[0048] The display unit 140 may be used to display information input by the user or information provided to the user and various menus of the mobile phone. The display unit 140 may include a display panel 141. Optionally, the display panel 141 may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), etc. Further, the touch panel 131 may cover the display panel 141. When the touch panel 131 detects a touch operation on or near it, it is transmitted to the processor 180 to determine the type of touch event. Subsequently, the processor 180 provides a corresponding visual output on the display panel 141 according to the type of touch event. Although in Figure 1 In the embodiment, the touch panel 131 and the display panel 141 are used as two independent components to realize the input and output functions of the mobile phone, but in some embodiments, the touch panel 131 and the display panel 141 can be integrated to realize the input and output functions of the mobile phone.

[0049] The mobile phone 100 may also include at least one sensor 150, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 141 according to the brightness of the ambient light, and the proximity sensor may turn off the display panel 141 and / or the backlight when the mobile phone is moved to the ear. As a type of motion sensor, the accelerometer sensor can detect the magnitude of acceleration in all directions (generally three axes), and can detect the magnitude and direction of gravity when stationary. It can be used for applications that identify the posture of the mobile phone (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for other sensors that can be configured in the mobile phone, such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc., they will not be repeated here.

[0050] The audio circuit 160, the speaker 161, and the microphone 162 can provide an audio interface between the user and the mobile phone. The audio circuit 160 can transmit the received audio data to the speaker 161 after converting the received audio data into an electrical signal, which is converted into a sound signal for output; on the other hand, the microphone 162 converts the collected sound signal into an electrical signal, which is received by the audio circuit 160 and converted into audio data, and then the audio data is output to the processor 180 for processing, and then sent to another mobile phone through the RF circuit 110, or the audio data is output to the memory 120 for further processing.

[0051] WiFi is a short-range wireless transmission technology. The mobile phone can help users send and receive emails, browse web pages and access streaming media through the WiFi module 170, which provides users with wireless broadband Internet access. Figure 1 A WiFi module 170 is shown, but it is understandable that it is not an essential component of the mobile phone 100 and can be omitted as required without changing the essence of the invention.

[0052] The processor 180 is the control center of the mobile phone. It uses various interfaces and lines to connect various parts of the entire mobile phone. By running or executing software programs and / or modules stored in the memory 120, and calling data stored in the memory 120, it executes various functions of the mobile phone and processes data, thereby monitoring the mobile phone as a whole. Optionally, the processor 180 may include one or more processing units; preferably, the processor 180 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the above-mentioned modem processor may not be integrated into the processor 180.

[0053] The mobile phone 100 also includes a power source 190 (such as a battery) for supplying power to various components. Preferably, the power source can be logically connected to the processor 180 through a power management system, so that the power management system can manage functions such as charging, discharging, and power consumption.

[0054] Although not shown, the mobile phone 100 may further include a camera. Optionally, the camera may be located at the front or rear of the mobile phone 100, which is not limited in the present embodiment.

[0055] Optionally, the mobile phone 100 may include a single camera, a dual camera, or a triple camera, etc., which is not limited in the embodiments of the present application.

[0056] For example, the mobile phone 100 may include three cameras, one of which is a main camera, one is a wide-angle camera, and one is a telephoto camera.

[0057] Optionally, when the mobile phone 100 includes multiple cameras, all of the multiple cameras may be front-mounted, or all of the cameras may be rear-mounted, or some may be front-mounted and others may be rear-mounted, and this is not limited in the embodiments of the present application.

[0058] In addition, although not shown, the mobile phone 100 may also include a Bluetooth module, etc., which will not be described in detail here.

[0059] Figure 2 1 is a schematic diagram of the software structure of the mobile phone 100 of the embodiment of the present application. Taking the operating system of the mobile phone 100 as an example, in some embodiments, the Android system is divided into four layers, namely, the application layer, the application framework layer (framework, FWK), the system layer and the hardware abstraction layer, and the layers communicate with each other through software interfaces.

[0060] like Figure 2 As shown, the application layer can be a series of application packages, and the application packages can include short message, calendar, camera, video, navigation, gallery, call and other applications.

[0061] The application framework layer provides an application programming interface (API) and a programming framework for the application programs of the application layer. The application framework layer may include some predefined functions, such as a function for receiving events sent by the application framework layer.

[0062] like Figure 2 As shown, the application framework layer may include a window manager, a resource manager, a notification manager, and the like.

[0063] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc. The content provider is used to store and obtain data and make the data accessible to applications. The data may include video, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0064] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0065] The notification manager enables applications to display notification information in the status bar. It can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as notifications of applications running in the background, or a notification that appears on the screen in the form of a dialog window. For example, a text message is displayed in the status bar, a prompt sound is emitted, an electronic device vibrates, an indicator light flashes, etc.

[0066] The application framework layer may also include:

[0067] The view system includes visual controls, such as controls for displaying text, controls for displaying pictures, etc. The view system can be used to build applications. The display interface can be composed of one or more views. For example, a display interface including a text notification icon can include a view for displaying text and a view for displaying pictures.

[0068] The phone manager is used to provide communication functions of the mobile phone 100, such as management of call status (including answering, hanging up, etc.).

[0069] The system layer may include multiple functional modules, such as sensor service module, physical state recognition module, 3D graphics processing library (such as OpenGL ES), etc.

[0070] The sensor service module is used to monitor the sensor data uploaded by various sensors at the hardware layer and determine the physical state of the mobile phone 100;

[0071] Physical state recognition module, used to analyze and recognize user gestures, faces, etc.;

[0072] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0073] The system layer may also include:

[0074] The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications.

[0075] The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0076] The hardware abstraction layer is a layer between hardware and software. The hardware abstraction layer can include display drivers, camera drivers, sensor drivers, etc., which are used to drive related hardware of the hardware layer, such as display screens, cameras, sensors, etc.

[0077] The following embodiments can be implemented on a mobile phone 100 having the above hardware structure / software structure. The following embodiments will take the mobile phone 100 as an example to illustrate the thumbnail display provided by the embodiments of the present application.

[0078] Figure 3 A schematic flowchart of thumbnail display provided in the present application is shown. As an example but not a limitation, the method can be applied to the above-mentioned mobile phone 100.

[0079] In step S301, a thumbnail display instruction is received to obtain an image to be thumbnail displayed;

[0080] The thumbnail described in the present application is a small picture corresponding to the picture stored in the thumbnail display device. According to the size of the thumbnail, the pixel content displayed in the thumbnail is determined according to the corresponding ratio. The thumbnail usually contains a hyperlink pointing to the full-size picture. When the user clicks on the thumbnail, the hyperlink can be used to jump to execute the opening instruction of the full picture corresponding to the thumbnail, thereby completing the opening operation of the full picture. Since the thumbnail size is small and the pixel content displayed is small, the thumbnail loads faster. And since the thumbnail includes the image summary of the full picture, it is convenient for users to browse pictures quickly.

[0081] In one implementation scenario, the thumbnail display instruction may include an instruction for the user to open an album of the thumbnail display device. For example, after the user clicks on the "album" application, the user enters the album and obtains the images to be thumbnail displayed in the album.

[0082] In one implementation scenario, the thumbnail display instruction may also be an instruction for the user to select the image to be displayed in the album, such as the user selecting the image to be displayed in thumbnail by sliding, or selecting the image to be displayed in thumbnail by dragging the scroll bar. Not limited to this, it may also include an image search instruction, according to which the searched image is determined, and the image to be displayed in thumbnail is determined according to the searched image.

[0083] The image to be displayed in thumbnails can be a full-size image or an image reduced by a predetermined ratio. When the image to be displayed in thumbnails is subsequently adjusted, the image reduced by a predetermined ratio can be directly processed. Since the processing of the reduced image is relatively simple, the display efficiency of the thumbnail can be improved.

[0084] The image after the reduction process can be pre-stored in the thumbnail display device. When the images to be displayed as thumbnails have a predetermined display order, the adjusted image can be calculated according to the thumbnail display method described in the present application, and the calculated adjusted image can be pre-stored in the thumbnail display device. When the adjusted image needs to be displayed, the pre-stored adjusted image can be directly read. For example, the display order of the pre-stored images can be sorted by time, by picture category, etc.

[0085] There is no fixed display order for the images after the reduction processing. For example, when the images searched by the user based on different keywords are displayed, or the searched image database is updated, such as new photos are taken, the properties of the images to be thumbnailed can be adjusted in real time according to the thumbnail display instructions, so as to meet the requirements of thumbnail display of images in different scenes.

[0086] In step S302, the attributes of the image to be thumbnailed are acquired, and a reference attribute for thumbnail display is determined according to the attributes of the image to be thumbnailed;

[0087] In the present application, the attributes of the image to be thumbnailed may include the image's warm or cold category, hue or saturation, etc., or may be a combination of two of the attributes. For example, the image's warm or cold category and the image's hue may be combined to jointly determine the baseline attribute for thumbnail display.

[0088] The reference attribute can be one of the hues in the image, or can also be the saturation range included in the image. The hue is the primary feature of color and is the most accurate standard for distinguishing different colors. The initial basic hues are: red, orange, yellow, green, blue, and purple. Other types of hues can be obtained by combining basic colors.

[0089] In one implementation, the process of determining the reference hue may be as follows: Figure 4 As shown, including:

[0090] In step S401, the cold and warm categories of the image to be displayed in thumbnails are obtained.

[0091] The cold and warm categories of the image include cold tones, warm tones and neutral tones. When determining the cold and warm category corresponding to each image to be displayed in thumbnails, the hues included in each image to be displayed in thumbnails and the proportions of the hues included can be obtained.

[0092] The warm and cold category corresponding to each image to be thumbnailed can be determined based on the preset correspondence between hue and warm and cold scores and the proportion of each hue. The scores of warm and cold tones can be calculated based on the product of the warm and cold scores and proportions of hues of different categories, and the warm and cold category of the image can be determined based on the size of the scores.

[0093] In step S402, the hue attribution of the image to be displayed in thumbnail is determined according to the cold and warm category of the image.

[0094] After determining the cold and warm categories of the image, the corresponding colors can be searched according to the cold and warm categories. For example, the colors corresponding to the cold color category may include purple, green, blue, etc., and the hue proportions of the colors corresponding to the cold color category in a single image of the cold color category can be searched, and the hue with the largest hue proportion is used as the hue attribution of the image.

[0095] For example, when determining that the warm and cold category of an image is a cool color category, find the proportion of purple, blue, green, etc. in the colors corresponding to the cool color category, and select the cool color with the largest proportion as the hue of the image.

[0096] In step S403, a reference hue of the image is determined according to the determined proportion of the hue attribution.

[0097] After respectively determining the hue attributes corresponding to different images, the hue attribute with the largest proportion can be selected according to the proportions of the different hue attributes, and determined as the reference hue of the image in the page.

[0098] In one implementation, the basic attributes of the thumbnail display may be determined according to the cold and warm classification of the image and the hue of the image, specifically as follows: Figure 5 As shown, including:

[0099] In step S501, the hue of the image to be thumbnailed is acquired, and the cold or warm category of the image is determined according to the hue of the image.

[0100] The cold and warm categories of the image include cold tones, warm tones and neutral tones. When determining the cold and warm category corresponding to each image to be displayed in thumbnails, the hues included in each image to be displayed in thumbnails and the proportions of the hues included can be obtained.

[0101] The warm and cold category corresponding to each image to be thumbnailed can be determined based on the preset correspondence between hue and warm and cold scores and the proportion of each hue. The scores of warm and cold tones can be calculated based on the product of the warm and cold scores and proportions of hues of different categories, and the warm and cold category of the image can be determined based on the size of the scores.

[0102] For example, for the image A to be displayed in thumbnail, the included hues are X1, X2, X3, X4, and X5, among which X1 and X2 are warm tones, and X3, X4, and X5 are cool tones. The cool and warm scores corresponding to the hues in X1, X2, X3, X4, and X5 are Y1, Y2, Y3, Y4, and Y5, respectively, and the proportions corresponding to the hues are Z1, Z2, Z3, Z4, and Z5, respectively. Then, the score of the warm color category of the image can be calculated as Y1*Z1+Y2*Z2, and the score of the cool color category can be calculated as: Y3*Z3+Y4*Z4+Y5*Z5. Compare the scores of the warm color category with the scores of the cool color category, and select the category with the larger score as the cool and warm category corresponding to the image.

[0103] Alternatively, the main hue included in the image, that is, the hue with the largest proportion, can be obtained, and the cold and warm category corresponding to the image can be directly determined from the main hue according to the correspondence between the hue and the cold and warm classification. For example, the main hue of the image can be determined to be yellow according to the fact that the proportion of yellow in the image exceeds the proportion of other hues. According to the correspondence between hue and cold and warm tones, the image can be determined to be a warm color category.

[0104] In step S502, the overall warm and cool tones of the image to be displayed in thumbnail form are determined according to the warm and cool categories of the image.

[0105] After determining the cool and warm categories of each image to be thumbnailed, the number of cool color categories and the number of warm color categories of the image to be thumbnailed can be obtained. By comparing the number of cool color categories with the number of warm color categories, a larger number of cool color categories or warm color categories can be obtained as the overall cool and warm tones of the image to be thumbnailed.

[0106] For example, the images to be displayed in thumbnails include 100 images, of which 60 are images of the cold color category or cold tones, 30 are images of the warm color category or warm tones, and 10 are images of neutral tones. Since the number of images of the cold color category is greater than the number of images of the warm color category and the number of images of the neutral tones, the overall cold and warm tones are determined to be cold tones or cold color categories.

[0107] In a feasible implementation, the contribution weights of different images to the overall warm and cold tones can be determined according to the positions and coldness of the images in the page to be displayed in thumbnails, and the scores corresponding to the cold, warm or neutral tones are calculated in combination with the contribution weights. The overall warm and cold tones of the images to be displayed in thumbnails are determined according to the calculated scores. For example, the closer the position of the image in the page to be displayed in thumbnails is to the center, the greater the contribution weight can be obtained.

[0108] In step S503, the reference hue of the image is determined according to the proportion of the hues corresponding to the overall cool and warm tones.

[0109] After determining the overall warm and cold tones corresponding to the image to be displayed in thumbnails, the hue corresponding to the overall warm and cold tones can be determined based on the correspondence between the warm and cold tones and the hue. Then, the proportion of the corresponding hue in the image can be further determined, and based on the proportion, the hue with a larger proportion can be selected as the reference hue of the image.

[0110] When determining the proportion of the hue in the image, the proportion of each hue corresponding to the determined overall warm and cold tones can be searched in the image to be thumbnailed. By searching for each hue corresponding to the determined warm and cold categories in the image to be thumbnailed, the overall tones of the image to be thumbnailed can be more accurately obtained, and the distribution of the corresponding hues can be searched according to the determined warm and cold categories, that is, the overall warm and cold tones. According to the distribution of the corresponding hues found, the reference hue can be more accurately determined overall. Warm colors in the warm and cold categories can include red, yellow, brown and other colors, cool colors in the warm and cold categories can include blue, green, purple and other colors, and neutral colors can include gray, white and the like.

[0111] When determining the proportion of the hue in the image, the proportion of each hue corresponding to the determined overall cool and warm tones can also be searched in the image corresponding to the determined overall cool and warm tones. After classifying the images according to the cool and warm categories of the images, the hue distribution corresponding to the overall cool and warm tones is searched in the images corresponding to the overall cool and warm tones, and the hue distribution corresponding to the overall cool and warm tones is searched in the images corresponding to the searched overall cool and warm tones, so that the reference hue corresponding to the overall cool and warm tones can be obtained more accurately. For example, the images to be thumbnailed include 100 images, of which 60 are cool-toned images, 30 are warm-toned images, and 10 are neutral-toned images. Based on the hues corresponding to the 60 images with cool tones, for example, the distribution of the corresponding blue, green, purple and other hues, a hue with a wider distribution can be selected as the reference hue of the image to be thumbnailed.

[0112] Figure 5The example shows the implementation process of determining the reference hue for thumbnail display based on the overall warm and cold tones of the image to be thumbnailed and the hue of the image to be thumbnailed. It is not limited to this. When determining the reference hue for thumbnail display, the hue of all or part of the image to be thumbnailed can also be obtained, and the hue of the image to be thumbnailed can be determined based on the distribution of the obtained hue. That is, the reference hue in the picture can be directly determined through the hue distribution information of the image to be thumbnailed as a whole, so that the reference hue of the picture can be determined more quickly. For example, if the thumbnail display page includes ten thumbnails, the hue included in all thumbnails in the page and the size of the distribution range of the included hue can be calculated, that is, the distribution range of the same hue in each image is summed up to obtain the distribution range of each hue in the page, and the hue with the largest distribution range is selected as the reference hue for thumbnail display.

[0113] In one implementation, the attributes of the image to be displayed in thumbnails may further include the saturation of the image. The base saturation for thumbnail display may be determined based on the acquired saturation of the image to be displayed in thumbnails. Alternatively, the base saturation and base hue for thumbnail display may be determined based on the hue, cold and warm category, and saturation of the image to be displayed in thumbnails. The base saturation may be:

[0114] The saturation of the image to be thumbnail displayed is obtained, and a reference saturation for thumbnail display is determined according to the distribution of the saturation of the obtained image.

[0115] The saturation of the thumbnail can be determined according to the correspondence between the preset saturation feature and the saturation to determine the saturation corresponding to each image to be displayed in thumbnails. After the saturation corresponding to each image to be displayed in thumbnails is determined, a saturation with a relatively concentrated number can be selected as the reference saturation according to the distribution of the saturation.

[0116] Among them, when determining the saturation with a more concentrated number, the saturation range of the preset length can be gradually moved through the saturation range of the preset length, and the number of determined saturations included in the saturation range of the preset length during the moving process can be detected, and the saturation range of the preset length that includes a larger number of saturations can be selected as the benchmark saturation.

[0117] For example, the saturation value range is 0-10, and the preset length of the saturation range is 2. Assuming that the page to be thumbnailed includes 6 images, the calculated saturations of the images are 8.5, 5.1, 4.5, 3.6, 2.2, and 5.4, respectively. The saturation range with a step size of 2 can be moved step by step. When the saturation range is greater than or equal to 3.6 and less than 5.6, it includes four saturation values ​​of 3.6, 4.5, 5.1, and 5.4. The saturation range can be used as the benchmark saturation for the thumbnail display, or the center point of the saturation range can be used as the benchmark saturation, and the image to be thumbnailed can be adjusted according to the benchmark saturation.

[0118] In step S303, the attributes of the image to be displayed as thumbnails are adjusted according to the reference attributes, and the adjusted image is displayed as thumbnails.

[0119] When the reference attribute is the reference hue, a corresponding filter can be selected according to the difference in hue between the image and the reference image to perform filtering or color adjustment on the image. Since different images include different differences, the selected filter or different color adjustment schemes can be determined according to the difference between different images and the reference hue to perform filtering on the image.

[0120] In one implementation, Figure 6 As shown in the figure, after obtaining the reference hue corresponding to the left image through calculation, the difference between each image and the reference image is further determined to determine the selected filter. For example, the image in the fourth column of the first row and the image in the third column of the third row can be processed by superimposing a yellow filter; for the image in the second column of the third row, the green hue in the image can be reduced through color adjustment. For the image in the fourth column of the fifth row, a warm filter can be superimposed to adjust the image.

[0121] In one implementation, when adjusting the image to be displayed as a thumbnail according to the reference hue, the adjustment range can be gradually changed. When the consistency of the hue of the adjusted image reaches a predetermined ratio, such as greater than or equal to 90%, the adjustment of the image can be completed.

[0122] When the reference attribute is reference saturation, the saturation adjustment range can be determined according to the saturation difference between the image to be adjusted and the reference saturation, that is, the greater the difference between the saturation and the reference saturation, the greater the adjustment range, and vice versa.

[0123] For example, if the base saturation is 5, the saturation of image A is 2.5, and the saturation of image B is 6, then the adjustment range of image A is greater than that of image B. By determining the adjustment ranges of different images, the saturation of the entire thumbnail display page is made more harmonious and beautiful. Figure 5 The image in the sixth row and third column can be adjusted by reducing the saturation of the image so that the saturation of the image is close to the reference saturation.

[0124] In one implementation, the saturation adjustment range of all images in the page can be gradually increased, that is, the adjustment ratio of the saturation of each image is kept unchanged, and the saturation adjustment value is gradually increased. When the saturation of the images in the page maintains a consistent ratio, such as 90%, whether it is greater than a predetermined value, the saturation adjustment is completed. The saturation remains consistent, which can be understood as the saturation value belonging to a saturation range of a predetermined length.

[0125] In an implementation scenario, the sliding speed of the thumbnail in the thumbnail display page can also be obtained, and the sliding speed of the thumbnail is compared with a predetermined speed threshold. If the sliding speed is less than the speed threshold, the attribute adjustment of the image to be thumbnail displayed can be started, including hue adjustment or saturation adjustment. If the sliding speed is greater than the speed threshold, the attribute adjustment of the image to be thumbnail displayed can be stopped. The speed can be represented by the sliding time of one screen, and the speed threshold can be 150 milliseconds to 250 milliseconds.

[0126] By monitoring the display status of the thumbnail, the moving status of the thumbnail can be obtained. When receiving a sliding instruction from the user to move the thumbnail, the sliding speed of the thumbnail corresponding to the sliding instruction can be obtained. When the sliding speed is greater than a predetermined speed, the operation of adjusting the attributes of the image to be displayed as thumbnails may not be enabled, and the hue and / or saturation of the image to be displayed as thumbnails may not be adjusted, which is beneficial to saving system resources. When the sliding speed is less than a predetermined sliding speed, the attribute adjustment of the image to be displayed as thumbnails is enabled, so that the user can see a more beautiful and coordinated display screen, and it is beneficial for the user to recognize the content of the thumbnail display.

[0127] In addition, in some possible implementations, when the thumbnail displayed page includes multiple image groups, the baseline attributes corresponding to each group can be determined separately, and the images in the group can be adjusted separately according to the baseline attributes of each group, so that the images in each group displayed on the page are more coordinated, and the adjusted images can effectively enable users to recognize the image content and reduce image distortion.

[0128] Figure 7A schematic diagram of another implementation process of thumbnail display provided by this application, such as Figure 6 As shown, the thumbnail display process includes:

[0129] In step S701, a thumbnail page is opened.

[0130] Open the thumbnail page to obtain the image to be displayed as a thumbnail.

[0131] In step S702, the hue attribution of each image is determined according to the cold and warm type of each image.

[0132] The hue attribution corresponding to the image can be calculated based on all the colors included in each image and the size of the area corresponding to the color. The cool color value, warm color value and neutral color value of the image can be calculated respectively based on the coolness or warmth of the color and the size of the area, and the color value with the larger calculated value is selected as the hue attribution of the image.

[0133] In step S703, the hue tendency of the thumbnails in the current page is calculated.

[0134] According to the calculated hue attribution of each image, the distribution information of the hue can be obtained. According to the distribution information of the hue, the hue with a denser hue distribution can be selected as the hue tendency of the current page.

[0135] In step S704, it is determined whether the consistency ratio of the hue tendency in the current page is less than a predetermined value. If the consistency ratio of the hue tendency in the current page is less than the predetermined value, the process proceeds to step S705; if the consistency ratio of the hue tendency in the current page is greater than the predetermined value, the process proceeds to step S707.

[0136] In step S705, the hue tendency accounting for the largest percentage is selected as the reference hue.

[0137] In step S706, the image is adjusted according to the reference hue so that the consistency of the hue of the adjusted image is greater than a predetermined value.

[0138] In step S707, check whether the consistency of the saturation of the image is greater than a predetermined saturation adjustment threshold. If so, proceed to step S709 to end the adjustment of the image. Otherwise, proceed to step S708 to adjust the saturation of the image so that the consistency of the saturation of the image is greater than the predetermined saturation adjustment threshold.

[0139] It should be understood that the size of the serial numbers of the steps in the above embodiments does not mean the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of the present application.

[0140] Corresponding to the method for displaying thumbnail images described in the above embodiment, Figure 8 A structural block diagram of a thumbnail image display device provided in an embodiment of the present application is shown. For ease of explanation, only the parts related to the embodiment of the present application are shown.

[0141] Reference Figure 8 , the device comprises:

[0142] The image acquisition unit 801 is used to receive a thumbnail display instruction and acquire an image to be displayed in thumbnail form;

[0143] A reference attribute acquisition unit 802 is used to acquire the attribute of the image to be thumbnailed and to determine the reference attribute of thumbnail display according to the attribute of the image to be thumbnailed;

[0144] The attribute adjustment unit 803 is used to adjust the attribute of the image to be displayed in thumbnail according to the reference attribute, and display the adjusted image in thumbnail.

[0145] Figure 8 The thumbnail display device shown, with Figure 3 The thumbnail display method shown corresponds to this.

[0146] Fig. 9 This is a schematic diagram of the structure of a thumbnail display device provided in one embodiment of the present application. Fig. 9 As shown, the thumbnail display device 9 of this embodiment includes: at least one processor 90 ( Fig. 9 Only one is shown in the figure) a processor, a memory 91, and a computer program 92 stored in the memory 91 and executable on the at least one processor 90, wherein the processor 90 implements the steps in any of the above-mentioned thumbnail display embodiments when executing the computer program 92.

[0147] The thumbnail display device 9 may be a computing device such as a smart phone, a tablet computer, a desktop computer, a notebook, a PDA, a cloud server, etc. The thumbnail display device may include, but is not limited to, a processor 90 and a memory 91. Those skilled in the art will appreciate that Fig. 9 It is only an example of the thumbnail display device 9 and does not constitute a limitation on the thumbnail display device 9. It may include more or fewer components than shown in the figure, or a combination of certain components, or different components, for example, it may also include input and output devices, network access devices, etc.

[0148] The processor 90 may be a central processing unit (CPU), or other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor may be a microprocessor or any conventional processor, etc.

[0149] In some embodiments, the memory 91 may be an internal storage unit of the thumbnail display device 9, such as a hard disk or memory of the thumbnail display device 9. In other embodiments, the memory 91 may also be an external storage device of the thumbnail display device 9, such as a plug-in hard disk, a smart media card (SMC), a secure digital (SD) card, a flash card, etc. equipped on the thumbnail display device 9. Further, the memory 91 may also include both an internal storage unit and an external storage device of the thumbnail display device 9. The memory 91 is used to store an operating system, an application program, a boot loader (BootLoader), data, and other programs, such as the program code of the computer program. The memory 91 may also be used to temporarily store data that has been output or is to be output.

[0150] The technicians in the relevant field can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example for illustration. In practical applications, the above-mentioned function allocation can be completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above. The functional units and modules in the embodiment can be integrated in a processing unit, or each unit can exist physically separately, or two or more units can be integrated in one unit. The above-mentioned integrated unit can be implemented in the form of hardware or in the form of software functional units. In addition, the specific names of the functional units and modules are only for the convenience of distinguishing each other, and are not used to limit the scope of protection of this application. The specific working process of the units and modules in the above-mentioned system can refer to the corresponding process in the aforementioned method embodiment, which will not be repeated here.

[0151] In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described or recorded in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0152] Those of ordinary skill in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0153] In the embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the system embodiments described above are only schematic. For example, the division of the modules or units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be an indirect coupling or communication connection through some interfaces, devices or units, which can be electrical, mechanical or other forms.

[0154] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0155] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0156] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the present application implements all or part of the processes in the above-mentioned embodiment method, which can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a computer-readable storage medium, and the computer program can implement the steps of the above-mentioned various method embodiments when executed by the processor. . Wherein, the computer program includes computer program code, and the computer program code can be in source code form, object code form, executable file or some intermediate form. The computer-readable medium can at least include: any entity or device that can carry the computer program code to the thumbnail display device, recording medium, computer memory, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), electric carrier signal, telecommunication signal and software distribution medium. For example, a USB flash drive, a mobile hard disk, a magnetic disk or an optical disk. In some jurisdictions, according to legislation and patent practice, computer-readable media cannot be electric carrier signals and telecommunication signals.

[0157] The embodiments described above are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the aforementioned embodiments, a person skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features may be replaced by equivalents. Such modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present application, and should all be included in the protection scope of the present application.

Claims

1. A thumbnail display method, characterized in that: The thumbnail display method comprises: Receive a thumbnail display instruction and obtain multiple images to be thumbnail displayed; Acquiring attributes of the plurality of images to be thumbnail displayed, and determining reference attributes for thumbnail display according to the attributes of the plurality of images to be thumbnail displayed; Adjusting the attributes of the image to be displayed in thumbnail according to the reference attributes, and displaying the adjusted image in thumbnail; The step of acquiring the attributes of the plurality of images to be thumbnail displayed and determining the reference attributes for thumbnail display according to the attributes of the plurality of images to be thumbnail displayed comprises: Obtaining the cold and warm categories of the plurality of images to be displayed in thumbnails; Determining the hue attribution of the image to be displayed in thumbnails according to the cold and warm categories of the multiple images; According to the determined proportion of the hue attribution, a reference hue of the image is determined.

2. The thumbnail display method according to claim 1, wherein: The step of obtaining the attributes of the plurality of images to be thumbnailed and determining the reference attributes for thumbnail display according to the attributes of the plurality of images to be thumbnailed can be replaced by: Acquiring the hues of the plurality of images to be thumbnail displayed, and determining the cold and warm categories of the images according to the hues of the plurality of images; Determine the overall warm and cold tones of the image to be displayed in thumbnails according to the warm and cold categories of the image; The reference hue of the image is determined according to the proportion of the hues corresponding to the overall cool and warm tones.

3. The thumbnail display method according to claim 2, characterized in that: The step of determining the reference hue of the image according to the proportion of the hues corresponding to the overall cool and warm tones comprises: According to the determined cold and warm categories, searching for the proportion of each hue corresponding to the determined overall cold and warm tones in the image to be displayed in thumbnails; Determine the reference hue of the image according to the hue with a larger proportion; or, According to the determined cold and warm categories, searching for the proportion of each hue corresponding to the determined overall cold and warm tones in the image corresponding to the determined overall cold and warm tones; The reference hue of the image is determined according to the hue with a larger proportion.

4. The thumbnail display method according to any one of claims 1 to 3, characterized in that: The step of obtaining the attributes of the plurality of images to be thumbnailed and determining the reference attributes for thumbnail display according to the attributes of the plurality of images to be thumbnailed can be replaced by: Obtaining the saturation of multiple images to be displayed in thumbnails; According to the distribution of saturation of the acquired plurality of images, a reference saturation for thumbnail display is determined.

5. The thumbnail display method according to claim 4, characterized in that: The step of determining the reference saturation of thumbnail display according to the acquired saturation distribution of the plurality of images comprises: The range corresponding to the reference saturation is determined according to the density of distribution of the saturations of the multiple images within a saturation range of a preset length.

6. The thumbnail display method according to claim 4, characterized in that: The step of adjusting the attributes of the image to be thumbnail displayed according to the reference attributes comprises: Determining a saturation adjustment amplitude of the image according to a difference between the saturation of the plurality of images and a reference saturation; The saturation of the image is adjusted according to the saturation adjustment amplitude.

7. The thumbnail display method according to claim 1, characterized in that: The step of obtaining the attributes of the plurality of images to be thumbnailed and determining the reference attributes for thumbnail display according to the attributes of the plurality of images to be thumbnailed can be replaced by: Acquiring the hues of multiple images of the page to be displayed in thumbnail form, and determining the hue distribution of the multiple images of the page to be displayed in thumbnail form; A reference hue of the image is determined based on the hue distribution of the plurality of images.

8. The thumbnail display method according to claim 1, characterized in that: Before the step of adjusting the attributes of the image to be thumbnailed according to the reference attributes, the method further includes: Get the sliding speed of the sliding thumbnail; When the sliding speed is greater than a preset speed threshold, the attribute adjustment of the image to be thumbnailed is started.

9. The thumbnail display method according to claim 1, characterized in that: The step of determining the reference attribute for thumbnail display according to the attributes of the plurality of images to be thumbnail displayed comprises: According to the grouping information of the plurality of images to be thumbnail displayed, the reference attributes of the images to be thumbnail displayed in each group are determined respectively.

10. A thumbnail display device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the method according to any one of claims 1 to 9 is implemented.

11. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 9 is implemented.

Images