# Visual Art Design of Digital Works Guided by Big Data

Authors: Bin Cheng
Journal: Mobile Information Systems
 (2022)

---

## Abstract

With the rapid development of digital technology, the development speed of digital media is also relatively fast. Digital media technology has a great impact on people’s lifestyles and aesthetic concepts, and it also has a greater impact on visual art, creative thinking communication methods, and expression methods. In this study, the quality enhancement of digital images has been intensively studied based on the guidance of big data of eye-movement gaze points. A large amount of visual data are collected from public social resources, and the optimization research of image sensory quality is carried out in-depth using the acquired big data. Next, the region of interest (ROI) is obtained by combining the data with a two-dimensional Gaussian distribution model-fitting method, and the obtained data clustered and improved based on the K-means clustering algorithm to obtain ROI fixation points. Finally, discontinuities in the choice of sharpness in graphics and video playback are pointed out, and the final fixation data analysis is utilized. Results show that targeted optimization is very effective in improving the quality of digital images and saving space, enabling users to enjoy higher-quality visual digital images. The proposed method can be used to improve the dynamic resolution of images and videos.


---

## Body

## 1. Introduction

Under the influence of the modern digital media environment, visual art is based on the successful experience of different industries, using the most scientific media technology and advanced creative methods to develop visual arts [1]. The fusion of modern digital media with visual art has resulted in new media technology, which may be considered the main reason for visual art innovation. Digital new media art has been the most popular design approach used in the modern exhibition sector as we enter the twenty-first century. Advanced visual arts technology has modernized the display industry and display systems have evolved from simple to more complex [2].The process of generating visual art gives visual art a new meaning, and this new approach significantly enhances the field’s imaginative perspective. In the present digital media art application procedure, using simulation technology to represent classic artistic effects has the advantage of producing scenes more quickly than other methods [3]. The current visual arts processing technologies and algorithms are not limited to single fixed-mode processing methods such as graph transformation, information extraction, and unit tracking but are increasingly integrated into artificial intelligence, expert systems, big data mining, and other processing modes that aim to analyze human behavior [4]. The greatest advantage brought by an effective visual processing technology is to obtain more and more detailed information under the same conditions [5].Digital media art has been accepted by more scholars and the public with its exceptional charm. The application of new image and processing technologies has altered the style of exhibitions in the past [6]. The use of new media and image processing technologies has allowed displays that were previously impossible for human people to realize, resulting in unusual sentiments and happiness among spectators [7]. Peicheva [8] believes that we must continue to accept a variety of difficulties and create digital communication solutions in a variety of industries. Digital media, according to Romer and Moreno [9], gives greater options for product and behavior marketing and social communication, and information technology has resulted in several developments. The author in [10] discussed the visual space system in digital media art design and the concept of “space” from psychology, film art painting art were produced. Ryena et al. used [11] the digital media literacies framework’s conceptual, functional, and audiovisual domains to create a taxonomy of digital media kinds. From the production of an audio podcast to the intricacy of mixed media or game development, this taxonomy covers a wide variety of learner-generated digital media tasks. Moreover, the taxonomy’s implications for higher education teaching and learning are also examined. The author in [12] worked on the application of digital media art in architectural decoration design in the industrial 4.0 Era. Ming et al. [13] worked on the application of new media types in public service advertisement and analyzed the development of public service advertisement and the current digital media. Zhang [14] presented a method for application of adobe photoshop for combining different visual elements in film poster design. Although great works have been accomplished in designing visual arts using digital technologies, the research on visual arts designs using advanced digital and image processing techniques is still in its infancy [15].In this study, a complete process from eye-tracking data collection to statistical analysis to big data analysis application is formulated according to the actual environment of big data processing. The proposed method makes full use of the social network resources, chooses the most acceptable public data collection methods, and makes further use of collected data to carry out the optimization of image quality. After in-depth analysis, a new method of big data processing and image quality optimization is presented which can improve the image display quality of a certain width and the efficiency of film projection and further enrich the content of image processing.The rest of the manuscript is organized as Section2 is about material and methods and provides a detailed description of the data collection and proposed method. In Section 3 the results are discussed and Section 4 is about the conclusion.


## 2. Materials and Methods

### 2.1. Enhancement Schemes

Figure1 shows different image enhancement methods which mainly include the following schemes.Figure 1
Scheme of an image enhancement algorithm.


#### 2.1.1. Mathematical Transformation

In mathematical transformation, logarithmic transformation is a typical image enhancement algorithm for feature transformation [16].


#### 2.1.2. Image Color Processing

This method is the simplest and most objective commonly used method, which can more effectively maintain the most original clarity of the picture [17].


#### 2.1.3. Local Image Enhancement

This method is mainly used to remove image noise to meet the local overall image characteristics.


#### 2.1.4. Image Fusion and Enhancement

This scheme is mainly used in multispectral signal image processing [18].


### 2.2. Eye Movement Data Extraction Based on VR Virtual Reality Glasses

Virtual Reality (VR) creates a three-dimensional spatial environment and displays it to the user through sight and sound, giving the user a near-real experience. The VR technology equipment is different from the previous 3D playback method. It promotes user engagement to improve the user’s immersion in the experience, as shown in Figure2.Figure 2
Experience with VR glasses.In Figure2, according to the user’s introduction, when using Oculus’ VR equipment products, if it is equipped with its corresponding software system, a high-altitude glass platform that is closer to reality can be simulated in the device. Although the user has already understood whether he is standing or sitting on the flat ground indoors, he still can not stop the panic of the simulated high altitude, so he can not bend his hands and jump up forcefully.


### 2.3. Pupil Positioning Technique

Pupil positioning technology is to obtain real and effective viewpoint data [19]. The basic flow chart is shown in Figure 3. As shown in Figure 2, a modified VR device is used. Fast algorithms are exploited to capture the eye movement behavior and fixation duration of the naked eye when viewing various digital images with the device. This can give solid data support for the work that follows. Furthermore, VR glasses are inexpensive, simple to use, and quick to win over people. This also aids in data collection.Figure 3
The basic flow of viewpoint recognition.The circular difference method is briefly introduced to lay the foundation for future viewpoint mapping and analysis of eye movement data. This method has a good recognition effect on specific eyeball images with low pixels. At present, the circular difference method is mainly used in iris recognition technology and related equipment. This algorithm has also been continuously deepened and improved by scholars and has been extended to many different pattern recognition application fields [20]. The main idea is to use the form of the preset detection target by calculating the edge gray gradient value score, then normalizing and summing. Finally, a solution that maximizes the equation that is, the target value, is obtained, as shown in the following equation:(1)MaxGσr∗∂∂r∮r,xe,yεIx,y2πrds,where Ix,y is the human eye image. During this calculation, the pupil is set as a circle. When the maximum value of this formula is obtained, its corresponding parameters x,y,andr are equivalent to the center and radius of the pupil circle.Among them, the smoothing operator is computed as given in the following equation:(2)Gσr=12πσe−r−r022σ2.This solution is suitable for the situation where the user can provide the eye pattern independently and minimize the interference of factors such as eyelashes and light.


### 2.4. Viewpoint Tracking Algorithm

When the iris area is obtained, it does not mean that the viewing area can be obtained directly, and the corresponding projection must also be performed. Since VR glasses are like helmet-type eye trackers, the entire visual area of the human eye can be obtained without rotating the head [21]. Under the premise that the user’s head does not rotate, the gaze point of the human eye only needs to obtain the center of the pupil and can be projected to the entire viewpoint area through relative movement. Before using the VR glasses, the user is submitted to an initialization request, and the interface marking is completed in advance. Then, the boundary positioning is completed through the calibration of the upper left corner and the lower right corner, as shown in Figure 4.Figure 4
The mark positioning mark generated by the mobile phone simulates the dual-screen LCD.Figure4 shows the simulation output of a mobile phone screen using a dual-screen Liquid Crystal Display (LCD) to generate a positioning mark so that the user can watch the video image for a moment. The resulting calibrated pupil position coordinates (XRB, YRB) are positioned in the lower right corner, and (XLT, YLT) is in the upper left corner. The upper left corner is taken as the original position. Then, the pupil position (x, y) in the eye movement chart that can be determined after marking is reflected in the viewpoint position on the display, as shown in Equations (3) and (4).(3)X=Max Width∗x−XLTXRB−XLT,(4)Y=Max Height∗y−YLTYRB−YLT,where MaxWidth and MaxHeight refer to the screen’s display resolution and map to the corresponding area of the image on the screen.Without the initial marking, the human eye’s line of sight cannot be completely quiet or motionless, and even the gaze movement of the eye can produce slight vibrations in a small area. In addition, the eye also performs a rapid scan of the surrounding field of view, allowing the brain to analyze which part of the area of interest needs the most attention. The time of eye gaze motion measurement is generally every 50 ms [22, 23]. When the relative movement distance of the area measured by the two eye-tracking research equipment after detecting the image is not greater than 2% of the length and width of the entire area, it is considered that the human eye is completing the gaze action at this time. When the initial calibration is not performed, a self-learning calibration strategy is formulated. Although the detected area is not accurate in the early stage of detection, the problem will gradually improve in the later stage. The process of self-learning update boundary algorithm is shown in Figure 5.Figure 5
Self-learning update boundaries.Under the condition of big data processing, in the subsequent human eye recognition experiment, some irregular areas have good fault tolerance, so that erroneous data information can be received, and it is guaranteed that it will not have a negative impact on the accuracy of the subsequent experimental conclusions.


### 2.5. ROI Extraction Based on Eye Movement Big Data

Under the premise of big data analysis, the K-means cluster analysis method is used to obtain a simple and regular eye movement ROI range, and an irregular gaze area is obtained by the Gaussian distribution simulation method. Cluster analysis is a data grouping algorithm that groups the resulting data information into groups [24]. It distinguishes categories according to the similarity between data information and data information. The categories to be distinguished are called “clusters.” At present, the K-means algorithm is the most used and most famous clustering analysis algorithm based on classification and has been widely used in mechanical teaching, data analysis and mining, model identification, and other fields. The basic idea is to randomly divide the original n statistical targets into K clusters according to the number K of known clusters. According to the number, type, distance, or feature similarity of elements in different clusters, select the same criterion to decompose the statistical target into K clusters, and each cluster has at least one “cluster center.” The criterion is the shortest time to the cluster center. The entropy between the mean square error (MSE) coefficient and the number of elements within the cluster is as small as possible. The flow of the K-means clustering algorithm is shown in Figure 6.Figure 6
The flow of the K-means algorithm. (a) Is the input flow; (b) is the output flow.
(a)(b)In Figure6, the parameter K is given as the number of clusters. In the database, K elements are randomly selected as initial cluster centers. For the remaining objects, the distance to each cluster center is then calculated. All elements are classified in the cluster with the shortest distance from the cluster center, and the cluster center of each cluster is remeasured, that is, the average value of the element positions. This process is kept continued to adjust according to the measured values until there is no change in each cluster center. Usually, the minimum MSE coefficient is used as the measure function, as given in the following equation:(5)S=∑i=1k∑j=1nidij−Ei2,where S is the average variance of the distance from each element to the cluster center, ni is the number of elements in the cluster numbered i, dij is the distance from the jth element in the cluster numbered i to the cluster center, and Ei is the average distance between each element of the cluster numbered i and the center of the cluster. Through this measure function, the obtained classification clusters can have these characteristics. The spacing within a single cluster itself is as close as possible, and the spacing within several clusters is as discrete as possible.


### 2.6. Extraction Algorithm of Irregular Region ROI Based on Two-Dimensional Gaussian Distribution

The area of interest refers to the place where the user is most interested in the graphics scene, and the degree of interest in single or multiple points is the highest. This means that the degree of attention is the highest. There is also the highest density of points around these points. The main idea of the ROI extraction algorithm is to estimate the range of attention density around a single gaze point by examining the distance between the single gaze point and other attention points [25]. Its specific process is to use the corresponding kernel calculation function to connect the distance relationship between a single gaze point and the surrounding area, which is called regionalization of the degree of influence on the attention point. When a kernel function is used to achieve regionalization, such as the two-dimensional Gaussian distribution function used in this example, the value of the gaze function used in the middle segment is maximized, and then its value is controlled by the function to decrease to zero gradually. The two-dimensional Gaussian distribution function is shown in the following equation:(6)gx,y=12πσ2e−x−x02+y−y022σ2,where gx,y represents the degree of influence of the gaze point at the position with the coordinates, the (x, y). (xo, yo) represents the gaze point coordinates, and σ represents the horizontal difference parameter of a two-dimensional Gaussian distribution. For each fixation point, a 2D Gaussian simulation is expanded within a circle with a radius of 3σ, as shown in the following equation:(7)gx,y=∑i=1n12πσ2e−x−xi2+y−yi2/2σ2,0..


### 2.7. Image Quality Optimization of Gaze-Based ROI

In 2009, Tilke Judd carried out an experiment [26]. The results of the experiment show that the range that the human eye can recognize object is 25% in the center of the screen [27], as shown in Figure 7.Figure 7
Weights of discrimination distribution.Figure7 shows that the degree of clear recognition of the image is centered on the 25% range in the center of the image and decreases in turn toward the surrounding areas [24]. But even in a completely unfamiliar natural environment, people can use rapid eye movement to obtain all environmental signals in a short time, as shown in Figure 8.Figure 8
Images captured by the human eye. (a) Is a memory image; (b) is an instant image.
(a)(b)Figure8 indicates that people can also perceive a complete and clear image of the natural environment, mainly because memory helps people repair the unclear part of the field of vision throughout the process of obtaining information. Figure 8(a) is a picture of the real scene in the impression, which often appears in human memory. Figure 8(b) shows the feedback information sent by the eyes to the human brain at this moment due to biological factors. The central part is relatively clear, and the peripheral areas gradually diverge.There are more and more channels and scales for providing data due to the vigorous development of modern computer technology [28]. Making full use of big data analysis technology to solve the practical application problem of image quality optimization has received widespread attention from scholars, and some solutions have been provided [29]. It is understood that in the big data analysis environment, by collecting eye movement data to study the regional signal of the gaze point and choosing an image processing method that interpolates high-definition images of the region of interest to calculate the standard definition. The visual effect of the picture can be greatly improved, as shown in Figure 9.Figure 9
The original image of the portrait image and its distortion maps of different regions. (a) Is the original image; (b) is the face is clear; (c) is the face blurred.
(a)(b)(c)Figure9(a) is the original image of the undistorted processing of the portrait image. Figure 9(b) is based on a to apply Gaussian blur to the area other than the range of the character’s face. Figure 9(c) is a Gaussian blur with the same parameters applied to the face range of a person based on image a. Meanwhile, comparing the differences between Figure 9(a)–9(c), in turn, the degree of distortion of c is larger, and the degree of distortion of b is much smaller than that of c. This phenomenon is used in the research of perceptual image quality, which makes the research of image quality more pertinent. In this way, the ROI can be fully utilized to improve the quality of the image. For some resources with poor image quality, improving the quality of the ROI can improve the visual effect of the entire image more quickly.


### 2.8. High-Resolution Interpolation

When the image definition is incomplete, the image display software usually linearly interpolates or elongates the image to match the display clarity. The simulation method is used to fill in the small gaps in the image due to elongation, which is easy to cause the details in the image to be more blurred. The problem of lack of display clarity usually does not occur, but if there is a problem, the photo display area is generally small, and the details are visible but difficult to distinguish [30]. Therefore, based on the insufficient display resolution of the photos, this section will integrate the eye movement and ROI technology and replace the linear interpolation made by the image display software when stretching the photos with high-recognition range interpolation to enhance the details in the images and improve the human eye discrimination rate and the image sensory quality.Assuming that there are two adjacent resolutions, the image resolutions areH1×W1 and H2×W2. If the image optimization method of local high-definition interpolation is used, the area size ratio of interpolation optimization can be realized without increasing the traffic of directly downloading high-definition pictures, as shown in the following equation:(8)H1×W1×3Byte−H2×W2×3ByteH1×W1×3Byte×100%.Generally speaking, the fixation points are usually less than 5 which means that the range that needs to be optimized is not larger than5×7.5%=37.5%.


### 2.9. Dynamic Adjustment of Image Quality

In the past, the resolutions of photos or videos were generally Standard definition (SD), High definition (HD), and Super definition (UHD). This solution can adjust the size of the corresponding area by using eye movement data or heat map to dynamically adjust the image clarity perceived by the human eye and correspond to different bandwidths in real-time. Assuming that the gaze point area is a standard circle, according to the gaze point summary map, the gaze center isOi (Xi, Yi), and the initial gaze radius is Ri. Then, the target value is obtained according to the center distance of each line of sight, as shown in the following equation:(9)G1n∑i=1nXi,1n∑i=1nYi.The dynamic adjustment factorα is increased to meet the needs of the dynamic adjustment for the perceptual quality of the image. On the premise that it is not larger than the higher definition space requirement, the optimal optimization range of the gaze point is adjusted, and the optimization quality adjustment is made more precise. The actual radius is computed using the following equation:(10)Ri=ri+Diα3312500−3α26250+33α1250−25,where Di is the distance from the center of gaze to the center of gravity, and α is 0–100.


## 2.1. Enhancement Schemes

Figure1 shows different image enhancement methods which mainly include the following schemes.Figure 1
Scheme of an image enhancement algorithm.


### 2.1.1. Mathematical Transformation

In mathematical transformation, logarithmic transformation is a typical image enhancement algorithm for feature transformation [16].


### 2.1.2. Image Color Processing

This method is the simplest and most objective commonly used method, which can more effectively maintain the most original clarity of the picture [17].


### 2.1.3. Local Image Enhancement

This method is mainly used to remove image noise to meet the local overall image characteristics.


### 2.1.4. Image Fusion and Enhancement

This scheme is mainly used in multispectral signal image processing [18].


## 2.1.1. Mathematical Transformation

In mathematical transformation, logarithmic transformation is a typical image enhancement algorithm for feature transformation [16].


## 2.1.2. Image Color Processing

This method is the simplest and most objective commonly used method, which can more effectively maintain the most original clarity of the picture [17].


## 2.1.3. Local Image Enhancement

This method is mainly used to remove image noise to meet the local overall image characteristics.


## 2.1.4. Image Fusion and Enhancement

This scheme is mainly used in multispectral signal image processing [18].


## 2.2. Eye Movement Data Extraction Based on VR Virtual Reality Glasses

Virtual Reality (VR) creates a three-dimensional spatial environment and displays it to the user through sight and sound, giving the user a near-real experience. The VR technology equipment is different from the previous 3D playback method. It promotes user engagement to improve the user’s immersion in the experience, as shown in Figure2.Figure 2
Experience with VR glasses.In Figure2, according to the user’s introduction, when using Oculus’ VR equipment products, if it is equipped with its corresponding software system, a high-altitude glass platform that is closer to reality can be simulated in the device. Although the user has already understood whether he is standing or sitting on the flat ground indoors, he still can not stop the panic of the simulated high altitude, so he can not bend his hands and jump up forcefully.


## 2.3. Pupil Positioning Technique

Pupil positioning technology is to obtain real and effective viewpoint data [19]. The basic flow chart is shown in Figure 3. As shown in Figure 2, a modified VR device is used. Fast algorithms are exploited to capture the eye movement behavior and fixation duration of the naked eye when viewing various digital images with the device. This can give solid data support for the work that follows. Furthermore, VR glasses are inexpensive, simple to use, and quick to win over people. This also aids in data collection.Figure 3
The basic flow of viewpoint recognition.The circular difference method is briefly introduced to lay the foundation for future viewpoint mapping and analysis of eye movement data. This method has a good recognition effect on specific eyeball images with low pixels. At present, the circular difference method is mainly used in iris recognition technology and related equipment. This algorithm has also been continuously deepened and improved by scholars and has been extended to many different pattern recognition application fields [20]. The main idea is to use the form of the preset detection target by calculating the edge gray gradient value score, then normalizing and summing. Finally, a solution that maximizes the equation that is, the target value, is obtained, as shown in the following equation:(1)MaxGσr∗∂∂r∮r,xe,yεIx,y2πrds,where Ix,y is the human eye image. During this calculation, the pupil is set as a circle. When the maximum value of this formula is obtained, its corresponding parameters x,y,andr are equivalent to the center and radius of the pupil circle.Among them, the smoothing operator is computed as given in the following equation:(2)Gσr=12πσe−r−r022σ2.This solution is suitable for the situation where the user can provide the eye pattern independently and minimize the interference of factors such as eyelashes and light.


## 2.4. Viewpoint Tracking Algorithm

When the iris area is obtained, it does not mean that the viewing area can be obtained directly, and the corresponding projection must also be performed. Since VR glasses are like helmet-type eye trackers, the entire visual area of the human eye can be obtained without rotating the head [21]. Under the premise that the user’s head does not rotate, the gaze point of the human eye only needs to obtain the center of the pupil and can be projected to the entire viewpoint area through relative movement. Before using the VR glasses, the user is submitted to an initialization request, and the interface marking is completed in advance. Then, the boundary positioning is completed through the calibration of the upper left corner and the lower right corner, as shown in Figure 4.Figure 4
The mark positioning mark generated by the mobile phone simulates the dual-screen LCD.Figure4 shows the simulation output of a mobile phone screen using a dual-screen Liquid Crystal Display (LCD) to generate a positioning mark so that the user can watch the video image for a moment. The resulting calibrated pupil position coordinates (XRB, YRB) are positioned in the lower right corner, and (XLT, YLT) is in the upper left corner. The upper left corner is taken as the original position. Then, the pupil position (x, y) in the eye movement chart that can be determined after marking is reflected in the viewpoint position on the display, as shown in Equations (3) and (4).(3)X=Max Width∗x−XLTXRB−XLT,(4)Y=Max Height∗y−YLTYRB−YLT,where MaxWidth and MaxHeight refer to the screen’s display resolution and map to the corresponding area of the image on the screen.Without the initial marking, the human eye’s line of sight cannot be completely quiet or motionless, and even the gaze movement of the eye can produce slight vibrations in a small area. In addition, the eye also performs a rapid scan of the surrounding field of view, allowing the brain to analyze which part of the area of interest needs the most attention. The time of eye gaze motion measurement is generally every 50 ms [22, 23]. When the relative movement distance of the area measured by the two eye-tracking research equipment after detecting the image is not greater than 2% of the length and width of the entire area, it is considered that the human eye is completing the gaze action at this time. When the initial calibration is not performed, a self-learning calibration strategy is formulated. Although the detected area is not accurate in the early stage of detection, the problem will gradually improve in the later stage. The process of self-learning update boundary algorithm is shown in Figure 5.Figure 5
Self-learning update boundaries.Under the condition of big data processing, in the subsequent human eye recognition experiment, some irregular areas have good fault tolerance, so that erroneous data information can be received, and it is guaranteed that it will not have a negative impact on the accuracy of the subsequent experimental conclusions.


## 2.5. ROI Extraction Based on Eye Movement Big Data

Under the premise of big data analysis, the K-means cluster analysis method is used to obtain a simple and regular eye movement ROI range, and an irregular gaze area is obtained by the Gaussian distribution simulation method. Cluster analysis is a data grouping algorithm that groups the resulting data information into groups [24]. It distinguishes categories according to the similarity between data information and data information. The categories to be distinguished are called “clusters.” At present, the K-means algorithm is the most used and most famous clustering analysis algorithm based on classification and has been widely used in mechanical teaching, data analysis and mining, model identification, and other fields. The basic idea is to randomly divide the original n statistical targets into K clusters according to the number K of known clusters. According to the number, type, distance, or feature similarity of elements in different clusters, select the same criterion to decompose the statistical target into K clusters, and each cluster has at least one “cluster center.” The criterion is the shortest time to the cluster center. The entropy between the mean square error (MSE) coefficient and the number of elements within the cluster is as small as possible. The flow of the K-means clustering algorithm is shown in Figure 6.Figure 6
The flow of the K-means algorithm. (a) Is the input flow; (b) is the output flow.
(a)(b)In Figure6, the parameter K is given as the number of clusters. In the database, K elements are randomly selected as initial cluster centers. For the remaining objects, the distance to each cluster center is then calculated. All elements are classified in the cluster with the shortest distance from the cluster center, and the cluster center of each cluster is remeasured, that is, the average value of the element positions. This process is kept continued to adjust according to the measured values until there is no change in each cluster center. Usually, the minimum MSE coefficient is used as the measure function, as given in the following equation:(5)S=∑i=1k∑j=1nidij−Ei2,where S is the average variance of the distance from each element to the cluster center, ni is the number of elements in the cluster numbered i, dij is the distance from the jth element in the cluster numbered i to the cluster center, and Ei is the average distance between each element of the cluster numbered i and the center of the cluster. Through this measure function, the obtained classification clusters can have these characteristics. The spacing within a single cluster itself is as close as possible, and the spacing within several clusters is as discrete as possible.


## 2.6. Extraction Algorithm of Irregular Region ROI Based on Two-Dimensional Gaussian Distribution

The area of interest refers to the place where the user is most interested in the graphics scene, and the degree of interest in single or multiple points is the highest. This means that the degree of attention is the highest. There is also the highest density of points around these points. The main idea of the ROI extraction algorithm is to estimate the range of attention density around a single gaze point by examining the distance between the single gaze point and other attention points [25]. Its specific process is to use the corresponding kernel calculation function to connect the distance relationship between a single gaze point and the surrounding area, which is called regionalization of the degree of influence on the attention point. When a kernel function is used to achieve regionalization, such as the two-dimensional Gaussian distribution function used in this example, the value of the gaze function used in the middle segment is maximized, and then its value is controlled by the function to decrease to zero gradually. The two-dimensional Gaussian distribution function is shown in the following equation:(6)gx,y=12πσ2e−x−x02+y−y022σ2,where gx,y represents the degree of influence of the gaze point at the position with the coordinates, the (x, y). (xo, yo) represents the gaze point coordinates, and σ represents the horizontal difference parameter of a two-dimensional Gaussian distribution. For each fixation point, a 2D Gaussian simulation is expanded within a circle with a radius of 3σ, as shown in the following equation:(7)gx,y=∑i=1n12πσ2e−x−xi2+y−yi2/2σ2,0..


## 2.7. Image Quality Optimization of Gaze-Based ROI

In 2009, Tilke Judd carried out an experiment [26]. The results of the experiment show that the range that the human eye can recognize object is 25% in the center of the screen [27], as shown in Figure 7.Figure 7
Weights of discrimination distribution.Figure7 shows that the degree of clear recognition of the image is centered on the 25% range in the center of the image and decreases in turn toward the surrounding areas [24]. But even in a completely unfamiliar natural environment, people can use rapid eye movement to obtain all environmental signals in a short time, as shown in Figure 8.Figure 8
Images captured by the human eye. (a) Is a memory image; (b) is an instant image.
(a)(b)Figure8 indicates that people can also perceive a complete and clear image of the natural environment, mainly because memory helps people repair the unclear part of the field of vision throughout the process of obtaining information. Figure 8(a) is a picture of the real scene in the impression, which often appears in human memory. Figure 8(b) shows the feedback information sent by the eyes to the human brain at this moment due to biological factors. The central part is relatively clear, and the peripheral areas gradually diverge.There are more and more channels and scales for providing data due to the vigorous development of modern computer technology [28]. Making full use of big data analysis technology to solve the practical application problem of image quality optimization has received widespread attention from scholars, and some solutions have been provided [29]. It is understood that in the big data analysis environment, by collecting eye movement data to study the regional signal of the gaze point and choosing an image processing method that interpolates high-definition images of the region of interest to calculate the standard definition. The visual effect of the picture can be greatly improved, as shown in Figure 9.Figure 9
The original image of the portrait image and its distortion maps of different regions. (a) Is the original image; (b) is the face is clear; (c) is the face blurred.
(a)(b)(c)Figure9(a) is the original image of the undistorted processing of the portrait image. Figure 9(b) is based on a to apply Gaussian blur to the area other than the range of the character’s face. Figure 9(c) is a Gaussian blur with the same parameters applied to the face range of a person based on image a. Meanwhile, comparing the differences between Figure 9(a)–9(c), in turn, the degree of distortion of c is larger, and the degree of distortion of b is much smaller than that of c. This phenomenon is used in the research of perceptual image quality, which makes the research of image quality more pertinent. In this way, the ROI can be fully utilized to improve the quality of the image. For some resources with poor image quality, improving the quality of the ROI can improve the visual effect of the entire image more quickly.


## 2.8. High-Resolution Interpolation

When the image definition is incomplete, the image display software usually linearly interpolates or elongates the image to match the display clarity. The simulation method is used to fill in the small gaps in the image due to elongation, which is easy to cause the details in the image to be more blurred. The problem of lack of display clarity usually does not occur, but if there is a problem, the photo display area is generally small, and the details are visible but difficult to distinguish [30]. Therefore, based on the insufficient display resolution of the photos, this section will integrate the eye movement and ROI technology and replace the linear interpolation made by the image display software when stretching the photos with high-recognition range interpolation to enhance the details in the images and improve the human eye discrimination rate and the image sensory quality.Assuming that there are two adjacent resolutions, the image resolutions areH1×W1 and H2×W2. If the image optimization method of local high-definition interpolation is used, the area size ratio of interpolation optimization can be realized without increasing the traffic of directly downloading high-definition pictures, as shown in the following equation:(8)H1×W1×3Byte−H2×W2×3ByteH1×W1×3Byte×100%.Generally speaking, the fixation points are usually less than 5 which means that the range that needs to be optimized is not larger than5×7.5%=37.5%.


## 2.9. Dynamic Adjustment of Image Quality

In the past, the resolutions of photos or videos were generally Standard definition (SD), High definition (HD), and Super definition (UHD). This solution can adjust the size of the corresponding area by using eye movement data or heat map to dynamically adjust the image clarity perceived by the human eye and correspond to different bandwidths in real-time. Assuming that the gaze point area is a standard circle, according to the gaze point summary map, the gaze center isOi (Xi, Yi), and the initial gaze radius is Ri. Then, the target value is obtained according to the center distance of each line of sight, as shown in the following equation:(9)G1n∑i=1nXi,1n∑i=1nYi.The dynamic adjustment factorα is increased to meet the needs of the dynamic adjustment for the perceptual quality of the image. On the premise that it is not larger than the higher definition space requirement, the optimal optimization range of the gaze point is adjusted, and the optimization quality adjustment is made more precise. The actual radius is computed using the following equation:(10)Ri=ri+Diα3312500−3α26250+33α1250−25,where Di is the distance from the center of gaze to the center of gravity, and α is 0–100.


## 3. Results and Discussion

### 3.1. Effect of High-Resolution Interpolation

After high-resolution interpolation technology is used to process the image, the image quality is enhanced, and the detail effect is improved. The effects are shown in Figure10.Figure 10
Image enhancement. (a) Is the original low-resolution image; (b) is the ROI area annotation map; (c) is the local low-resolution original image; (d) is the local image after high-definition interpolation.
(a)(b)(c)(d)The resolution of the image in Figure10(a) is 640 × 400. After extending to the full screen on the 1440 × 900 display, the details are blurred and indistinguishable. For example, the words on the front of the car, as shown in the low-resolution image in Figure 10(c), are shown in local details, which are unrecognizable. Statistical analysis is performed through the eye movement data obtained in Figure 10(b), and the part of the racing driver is the focus position of the user’s attention. Most of the information that the user wants to get is included here, but because the resolution is too low, the missing pixels cause the details to be missing. In Figure 10(d), after the high-resolution interpolation technology is used, the words on the front of the car are clear, the details of the car are significantly increased, and the contour edges are smoother and smoother.


### 3.2. Dynamic Adjustment of Image Quality Result Analysis

In this experiment images with resolutions of 2560 × 1280, 1280 × 800, and 640 × 400 are processed. In addition, the comparison of the size occupied by the BMP format whenα is 0, 50, and 100 is calculated. The effects of resolutions are shown in Figure 11.Figure 11
Analysis of the results of dynamically adjusting image quality. (a) Represents occupied space comparison; (b) represents optimization area comparison.
(a)(b)In Figure11, the area within the range of α = 100 adopts high-definition interpolation, which often requires nearly double the storage space of the original image. Based on the discrimination of the human eye, the higher the image quality of the ROI is, the higher the human eye can evaluate the quality of an entire image. Therefore, compared to the entire full HD image, it takes up about 50% less storage space. This shows that people can optimize images in a targeted manner through eye movement research data to improve image quality and save storage space. In addition, this method also allows users to dynamically adjust to the best image quality available for their respective network conditions.The extraction of eye movement data is also an important topic in the field of ROI extraction at this stage. The most intuitive and realistic manifestation is the screening of the significant range of image quality in the human brain. In this study, the ROI obtained from the eye movement data is used. This is also the main criterion for ROI. A large amount of actual eye-tracking data reflects the public’s emphasis on images, audio, and website visits. This is of great significance to the research of image compression, image search, target recognition, machine learning, and other fields.


## 3.1. Effect of High-Resolution Interpolation

After high-resolution interpolation technology is used to process the image, the image quality is enhanced, and the detail effect is improved. The effects are shown in Figure10.Figure 10
Image enhancement. (a) Is the original low-resolution image; (b) is the ROI area annotation map; (c) is the local low-resolution original image; (d) is the local image after high-definition interpolation.
(a)(b)(c)(d)The resolution of the image in Figure10(a) is 640 × 400. After extending to the full screen on the 1440 × 900 display, the details are blurred and indistinguishable. For example, the words on the front of the car, as shown in the low-resolution image in Figure 10(c), are shown in local details, which are unrecognizable. Statistical analysis is performed through the eye movement data obtained in Figure 10(b), and the part of the racing driver is the focus position of the user’s attention. Most of the information that the user wants to get is included here, but because the resolution is too low, the missing pixels cause the details to be missing. In Figure 10(d), after the high-resolution interpolation technology is used, the words on the front of the car are clear, the details of the car are significantly increased, and the contour edges are smoother and smoother.


## 3.2. Dynamic Adjustment of Image Quality Result Analysis

In this experiment images with resolutions of 2560 × 1280, 1280 × 800, and 640 × 400 are processed. In addition, the comparison of the size occupied by the BMP format whenα is 0, 50, and 100 is calculated. The effects of resolutions are shown in Figure 11.Figure 11
Analysis of the results of dynamically adjusting image quality. (a) Represents occupied space comparison; (b) represents optimization area comparison.
(a)(b)In Figure11, the area within the range of α = 100 adopts high-definition interpolation, which often requires nearly double the storage space of the original image. Based on the discrimination of the human eye, the higher the image quality of the ROI is, the higher the human eye can evaluate the quality of an entire image. Therefore, compared to the entire full HD image, it takes up about 50% less storage space. This shows that people can optimize images in a targeted manner through eye movement research data to improve image quality and save storage space. In addition, this method also allows users to dynamically adjust to the best image quality available for their respective network conditions.The extraction of eye movement data is also an important topic in the field of ROI extraction at this stage. The most intuitive and realistic manifestation is the screening of the significant range of image quality in the human brain. In this study, the ROI obtained from the eye movement data is used. This is also the main criterion for ROI. A large amount of actual eye-tracking data reflects the public’s emphasis on images, audio, and website visits. This is of great significance to the research of image compression, image search, target recognition, machine learning, and other fields.


## 4. Conclusion

In the continuous development of digital media art, the design of modern visual works has shown a new development trend, gradually transforming the traditional and unique display design into the experience display design. In this study, a collection and analysis of user eye movement data are established, starting from public resources and simple VR devices. The flow of the ROI range of the image is acquired using the eye movement data and it is ensured that the eye movement data reflects the real user’s visual preference in use. Two ROI region extraction algorithms are analyzed and the K-means algorithm is improved to make it simpler and more efficient. In addition, a method to optimize image quality using eye movement is proposed. The two-dimensional Gaussian distribution function is used to select the smooth quality gradient range, which overcomes the dissonance of too much edge interpolation in traditional images and high-definition videos. Finally, for the transition of the image quality level, based on the eye-tracking ROI, a more gradual quality gradient method is proposed so that users can feel the best image presentation quality under various bandwidths. However, most of the acquisition of eye movement data comes from the laboratory presently. Therefore, eye movement data can only be obtained in the laboratory and cannot be used on a large scale. Future work is required to further improve the proposed method to obtain a large amount of eye movement data and optimize the image quality.



---

*Source: 5636449-2022-07-11.xml*