CN109240689B - Application icon generation method, device, server and medium - Google Patents
Application icon generation method, device, server and medium Download PDFInfo
- Publication number
- CN109240689B CN109240689B CN201810926890.7A CN201810926890A CN109240689B CN 109240689 B CN109240689 B CN 109240689B CN 201810926890 A CN201810926890 A CN 201810926890A CN 109240689 B CN109240689 B CN 109240689B
- Authority
- CN
- China
- Prior art keywords
- image
- processed
- pixel
- icon
- pixels
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method, a device, a server and a medium for generating an application icon, wherein the method comprises the following steps: acquiring a corresponding icon of application software; amplifying the icon to obtain an image to be processed; performing Gaussian blur processing on the image to be processed to obtain a background image of the application icon; and synthesizing the icon on the background image to generate the application icon. The icon corresponding to each application software is different, and the background image generated by the icon is also different. The background image is obtained by Gaussian blur processing, parallax between the synthesized icon and the background image is increased, the synthesized icon has hierarchy, the application icon can highlight the icon, the icon identification degree is improved, and meanwhile, different background images are used for avoiding the serious similarity of the application icon in content arrangement. The invention can reduce the workload of workers and facilitate the later maintenance of the icons by using the same set of generation method.
Description
Technical Field
The present invention relates to the field of internet communication technologies, and in particular, to a method, an apparatus, a server, and a medium for generating an application icon.
Background
With the rapid development of computer and internet technologies, the number of internet-based software is increasing, and various software provides users with a variety of services. Icons (icon) of the application software are different, the icons are required to be processed at positions such as a website page and a client page, and are arranged to obtain application icons with certain uniformity, and a user can obtain an entrance for entering the corresponding application software through the application icons. The application software is arranged by means of the application icons with certain uniformity, so that the design style of the corresponding sites or the client side and the like can be reflected, the appearance is attractive and tidy, and the use experience of a user is improved.
However, the problem that the generated application icons are seriously similar in content arrangement often occurs by reusing the existing materials to generate the application icons with certain uniformity, so that the arrangement of the application icons cannot reflect the difference of respective application software, cannot show the personalized atmosphere created by corresponding sites or clients, and is easy to cause the wrong selection of users. If the situation that similar and similar application icons are generated is avoided by not multiplexing materials, the workload of workers is increased, and the working efficiency of generating the application icons is reduced.
Disclosure of Invention
In order to solve the problems that the content arrangement is seriously similar and the later maintenance is inconvenient when the application icon with certain uniformity corresponding to the application software is generated by the prior art, the invention provides a method, a device, a server and a medium for generating the application icon, wherein the method comprises the following steps:
in one aspect, the present invention provides a method for generating an application icon, where the method includes:
acquiring a corresponding icon of application software;
amplifying the icon to obtain an image to be processed;
performing Gaussian blur processing on the image to be processed to obtain a background image of the application icon;
and synthesizing the icon on the background image to generate the application icon.
Another aspect provides an apparatus for generating an application icon, the apparatus including:
an icon acquisition module: the corresponding icon is used for acquiring the application software;
an amplification processing module: the icon is amplified to obtain an image to be processed;
a Gaussian blur processing module: the application icon processing unit is used for performing Gaussian blur processing on the image to be processed to obtain a background image of the application icon;
an application icon generation module: and the icon is synthesized on the background image to generate the application icon.
Another aspect provides a server comprising a processor and a memory, wherein the memory stores at least one instruction, at least one program, a set of codes, or a set of instructions, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by the processor to implement the method for generating an application icon.
Another aspect provides a computer-readable storage medium having stored therein at least one instruction, at least one program, a set of codes, or a set of instructions, which is loaded and executed by a processor to implement the method for generating an application icon.
The application icon generation method, the application icon generation device, the server and the medium have the following technical effects:
according to the method, the corresponding icons of the application software are obtained, the icons are amplified and then subjected to Gaussian blur processing, background images of the application icons are obtained, the icons corresponding to the application software are different, and the generated background images are also different. The icons are synthesized on the background image to generate the application icons, the background image is obtained through Gaussian blur processing, the visual effect of the application icons is that the icons are observed through a semitransparent screen, the parallax between the synthesized icons and the background image is increased, the application icons have layering, the icons can be highlighted through the application icons, the icon recognition degree is improved, and meanwhile, the application icons are prevented from being seriously similar in content arrangement by using different background images. The invention can reduce the workload of workers and facilitate the later maintenance of the icons by using the same set of generation method.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions and advantages of the prior art, the drawings used in the embodiments or the description of the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and other drawings can be obtained by those skilled in the art without creative efforts.
FIG. 1 is a schematic diagram of an application environment provided by an embodiment of the invention;
fig. 2 is a schematic flowchart of a method for generating an application icon according to an embodiment of the present invention;
fig. 3 is a schematic flowchart of a gaussian blur processing performed on the image to be processed according to an embodiment of the present invention;
fig. 4 is a schematic flowchart of performing gaussian blur processing on the image to be processed according to the embodiment of the present invention;
fig. 5 is a schematic flowchart of synthesizing the icon onto the background image to generate the application icon according to the embodiment of the present invention;
fig. 6 is a schematic flowchart of performing gaussian blur processing on the image to be processed according to an embodiment of the present invention;
fig. 7 is a flowchart illustrating a method for generating an application icon according to an embodiment of the present invention;
fig. 8 is a block diagram of an apparatus for generating an application icon according to an embodiment of the present invention;
FIG. 9 is a block diagram of a Gaussian blur processing module according to an embodiment of the present invention;
FIG. 10 is a block diagram of a Gaussian blur processing module provided by an embodiment of the invention;
fig. 11 is a block diagram of an apparatus for generating an application icon according to an embodiment of the present invention;
FIG. 12 is a diagram of an application icon provided by an embodiment of the present invention;
FIG. 13 is a diagram of an application icon provided by an embodiment of the present invention;
fig. 14 is a schematic structural diagram of a server according to an embodiment of the present invention.
The following is a supplementary description of the drawings:
10-icon; 20-background image; 30-text information.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be obtained by a person skilled in the art without any inventive step based on the embodiments of the present invention, are within the scope of the present invention.
It should be noted that the terms "comprises" and "comprising," and any variations thereof, in the description and claims of the present invention and the above-described drawings, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or server that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
Referring to fig. 1, fig. 1 is a schematic view of an application environment according to an embodiment of the present invention, as shown in fig. 1, in the application environment, existing icons of a plurality of application software often need to be processed at positions such as a site page, a client page, and the like, and application icons with certain uniformity are obtained to be arranged and displayed, and a user can obtain an entry (download, start, and the like) into corresponding application software through the application icons. It should be noted that fig. 1 is only an example.
Specifically, in a game platform, game applications are various, and a game atmosphere needs to be created through arrangement and display of application icons. As shown in fig. 12 and 13, the application icons of the game applications are displayed with corresponding icons 10, background images 20 and text information 30, and if the background images 20 adopt a uniform material template and only the icons 10 and the text information 30 are used for distinguishing the different game applications, the arrangement and display of the application icons of the plurality of game applications will appear monotonous and repeated, and the use enthusiasm of users, especially game enthusiasts, cannot be aroused.
The following describes a method for generating application icons of application software using corresponding icons, and fig. 2 shows that the present specification provides the operation steps of the method as described in the embodiment or the flowchart, but may include more or less operation steps based on conventional or non-inventive labor. The order of steps recited in the embodiments is merely one manner of performing the steps in a multitude of orders and does not represent the only order of execution. In actual system or server product execution, sequential execution or parallel execution (e.g., parallel processor or multithreaded processing environments) may occur according to the embodiments or methods shown in the figures. Specifically, as shown in fig. 2, the method may include:
s201: acquiring a corresponding icon of application software;
on a page of a site or a client, one application software corresponds to one application icon for displaying the application icon, and different application software generally has different icons. The icons are graphic symbols with meaning, and have the characteristics of high concentration, quick information transmission and convenient memory. The icons are not limited to a fixed shape.
In the embodiment of the present invention, as shown in fig. 12 and 13, different game applications have different icons 10, for example, the icon 10 of the game application of the three kingdoms presents three characters of the three kingdoms, and the icon 10 of the game application of the magic queen is a head portrait of a woman.
S202: amplifying the icon to obtain an image to be processed;
specifically, the original size of the icon may be doubled. Of course, since the icon is also configured by a plurality of pixels, when the size of the icon is in units of pixels, the size of the icon and the actual size can be converted into each other by specifying a fixed resolution of the icon. The processing of the icon is done, for example, by converting 10px by 10px (pixels) to 100px by 100 px.
In the embodiment of the invention, the icon is enlarged to obtain the to-be-processed image with a preset shape and a preset size, and in order to apply the neatness of the arrangement of the icons in the page, the icon can be enlarged to be in an oval shape, a triangular shape, a rectangular shape and the like with the preset size. Of course, the icons may be enlarged in an oval, triangle, rectangle, or the like of a predetermined size. As shown in fig. 12 and 13, the icon 10 is placed in a rectangle with a preset size for enlargement processing, or the icon 10 is enlarged to obtain a to-be-processed image with a rectangle with a preset size. The uniform rectangular application icons can better utilize the space of the page in arrangement.
S203: performing Gaussian blur processing on the image to be processed to obtain a background image of the application icon;
the image is subjected to Gaussian blur processing, so that image noise can be reduced, and the level of detail can be reduced. Gaussian blur can increase the effect of highlighting themes and enrich the attractiveness of a human-computer interaction interface of the mobile device.
In the embodiment of the present invention, as shown in fig. 3, a schematic flow chart of performing gaussian blur processing on the image to be processed is provided:
s301: acquiring two pixels adjacent to a first pixel in a preset direction, and performing Gaussian convolution in the preset direction, wherein the first pixel is any one pixel in the image to be processed, and the two pixels are pixels in the image to be processed;
the image to be processed comprises a plurality of pixels, and the pixels are arranged in parallel along the preset direction in the image to be processed. The preset direction may be a horizontal direction, and the preset direction may also be a vertical direction.
The first pixel and two adjacent pixels in the preset direction participate in Gaussian blur processing, Gaussian convolution with the scale of 3 is performed on the first pixel in the preset direction according to the Gaussian blur matrix, corresponding coordinates of the three pixels in the Gaussian matrix are multiplied by a preset convolution kernel, and a multiplication result is divided by the sum of the convolution kernels to obtain one-dimensional Gaussian convolution of the three pixels in the preset direction.
S302: obtaining a Gaussian blur image of the image to be processed according to the result of the Gaussian convolution in the preset direction of each first pixel in the obtained image to be processed;
each pixel in the image to be processed can be used as a first pixel, and then the one-dimensional gaussian convolution of each pixel can be obtained according to the method for obtaining the one-dimensional gaussian convolution of the first pixel. And further obtaining a Gaussian blur image of the image to be processed in the preset direction. This improves the efficiency of obtaining a gaussian-blurred image.
In the embodiment of the present invention, as shown in fig. 4, a schematic flow chart of performing gaussian blur processing on the image to be processed is provided:
s401: acquiring two pixels adjacent to a first pixel in a first direction, and performing Gaussian convolution in the first direction, wherein the first pixel is any pixel in the image to be processed, and the at least two pixels are pixels in the image to be processed;
the image to be processed comprises a plurality of pixels, the pixels are arranged in parallel along a first direction in the image to be processed, the pixels are arranged in parallel along a second direction in the image to be processed, and the first direction is perpendicular to the second direction. Wherein the first direction may be a horizontal direction and the second direction may be a vertical direction.
The first pixel and two adjacent pixels in the first direction participate in Gaussian blur processing, according to a Gaussian blur matrix, aiming at the first pixel, Gaussian convolution with the scale of 3 is conducted in the first direction, corresponding coordinates of the three pixels in the Gaussian matrix are multiplied by a preset convolution kernel, and a multiplication result is divided by the sum of the convolution kernels to obtain one-dimensional Gaussian convolution of the three pixels in the first direction.
S402: acquiring two pixels adjacent to the first pixel in a second direction, and performing Gaussian convolution in the second direction, wherein the first pixel is any pixel in the image to be processed, and the at least two pixels are pixels in the image to be processed;
the first pixel and two adjacent pixels in the second direction participate in Gaussian blur processing, Gaussian convolution with the scale of 3 is performed on the first pixel in the second direction according to the Gaussian blur matrix, coordinates of the three pixels corresponding to the Gaussian matrix are multiplied by a preset convolution kernel, and the multiplication result is divided by the sum of the convolution kernels to obtain one-dimensional Gaussian convolution of the three pixels in the second direction.
S403: obtaining a Gaussian blur value of the first pixel according to a result of the first pixel after Gaussian convolution in a first direction and a result of the first pixel after Gaussian convolution in a second direction;
and adding the one-dimensional Gaussian convolution of the first pixel in the first direction and the one-dimensional Gaussian convolution of the first pixel in the second direction according to a certain weight ratio to obtain the Gaussian blur value of the first pixel.
S404: obtaining a Gaussian blur image of the image to be processed according to the obtained Gaussian blur value of each first pixel in the processed image;
each pixel in the image to be processed may be taken as a first pixel, and then a gaussian blur value of the first pixel is obtained. And further obtaining a Gaussian blur image of the image to be processed.
Of course, when the gaussian fuzzy algorithm is implemented in a two-dimensional space, the algorithm is described as a product of a point in the two-dimensional space and a two-dimensional gaussian function, and is expressed as: f (x, y) and
where f (xy) is defined as the pixel value at the x, y point and G (u, v) is defined as a two-dimensional gaussian function over the u, v domain. The obtained fuzzy effect can better keep the edge effect and is superior to other equilibrium fuzzy algorithms. In the practical application of calculating the discrete approximation of the Gaussian function, 3 sigma is taken as a boundary action distance for calculation, and pixels beyond the 3 sigma distance are ignored. In the image processing program, it is known from the gaussian formula that the use of a (6 σ +1) × (6 σ +1) calculation matrix for the calculation of the gaussian blur matrix is a key to the gaussian blur. Thus, the size of the gaussian blur matrix can be determined by the value of σ. Then, the value of the Gaussian matrix is guaranteed to be [0, 1 ] by calculation of formula G (u, v) and normalization]A gaussian blur matrix can be obtained. In the function, the template of 7 × 7 in the above example is obtained by taking σ 0.840890, and the template data is stored in the convolution kernel. And when the 7 × 7 Gaussian template is subjected to convolution operation with the source image, blank margins with the radius of 3 are generated at the edges of the image. In case of low precision image processing, source image pixels are filled, or edges are removed.
In the embodiment of the present invention, as shown in fig. 6, a schematic flow chart of performing gaussian blur processing on the image to be processed is provided:
s601: performing Gaussian blur processing on the image to be processed to obtain a Gaussian blur image;
the gaussian blur processing steps described previously may be employed.
S602: and carrying out layer masking treatment on the Gaussian blurred image to obtain the background image.
And performing layer masking treatment on the Gaussian blur image, namely covering a layer of glass sheet above the layer where the Gaussian blur image is located, wherein the glass sheet is transparent, semitransparent and completely opaque. As shown in fig. 12 and 13, a dark mask may be used, wherein the preset size of the dark mask may be slightly larger than the preset size of the gaussian-blurred image, which is equivalent to adding a dark frame to the gaussian-blurred image.
In the embodiment of the present invention, the image to be processed may be further subjected to gaussian blur processing by the following codes:
CSS (Cascading Style Sheet) code:
HTML (HyperText Markup Language) code:
<img src＝"mm1.jpg"/>
<img src＝"mm1.jpg"class＝"blur"/>
s204: and synthesizing the icon on the background image to generate the application icon.
The background image is obtained by icon enlargement and Gaussian blur processing, and the background image of each application software is different due to different icons. The icon synthesized on the background image is also highlighted because of the blurring of the background image. The application icons arranged and displayed on the page are unified and harmonious on the whole, and meanwhile, the problem of overlarge similarity can not occur even if the background images and the icons are arranged and used in a large area due to individuation, so that the problem that a user lacks perceptibility among the application icons is avoided.
As shown in fig. 5, S501: the icon is arranged on one side of the background image, and the size of a display area of the icon on the background image is smaller than the preset size of the background image;
as shown in fig. 12 and 13, the icon 10 is disposed on the right side of the background image 20, the size of the display area of the icon 10 on the background image 20 is smaller than one half of the size of the background image 20, and the icon 10 is disposed obliquely and inclined to an angle of about minus 20 degrees. Of course, the icon 10 may be inclined in other directions and angles.
S502: and setting character information corresponding to the icon on the other side of the background image.
As shown in fig. 12 and 13, the text information 30 corresponding to the icon 10 is provided on the left side of the background image 20, and the text information 30 may be a term of the application software, a belonging classification, a user use status, and the like. For example, for the game application "happy fighting landowner" that the user has not downloaded, the text message 30 shows the current number of users of the game application. For the game application "day and day mahjong" for which use has been installed, the text information 30 shows the number of days used by the user, the time of most recent online.
As shown in fig. 7, after the step of synthesizing the icon onto the background image and generating the application icon, the method includes:
s205: and responding to a trigger event for loading the cascading style sheet, acquiring the configuration data of the cascading style sheet, and displaying an animation effect in a mode of loading the cascading style sheet.
When the trigger event is set to detect that the mouse has slid over the area of the application icon, the icon 10 on the right displays a moving effect that pops up to the left, as shown in fig. 12 and 13. By the effect, a user can obtain the information of the application software more clearly and intuitively when browsing the application icons on the page.
Specifically, judging whether a custom animation style exists in an HTML file or not, if so, acquiring CSS animation configuration data corresponding to the custom animation style; and displaying animation effects according to the CSS animation configuration data.
In one possible embodiment of the present invention, the icon may be placed in a rectangle with a preset size, the icon is set to be inclined at an angle and placed at a proper position on the right side of the rectangle, the relevant text information is placed on the left side of the rectangle, and the background image is processed by the enlargement of the icon + the gaussian blur + the dark mask to set off the front content.
As can be seen from the technical solutions published in the embodiments of the present specification, a background image of an application icon is obtained by obtaining a corresponding icon of application software, performing amplification processing on the icon, and then performing gaussian blur processing on the icon, and the application icon is generated by synthesizing the icon onto the background image. When the application software is displayed on the page in the arrangement mode of the plurality of application icons, the specific style of the page can be embodied, and meanwhile, a single application icon can be distinguished from other application icons. The same preset parameter values, such as the unified magnification factor, the Gaussian blur value and the layer mask, can be used for generating the application icons of a batch, so that the workload of workers can be saved, and the later maintenance is facilitated.
The embodiment of the present invention also discloses a device for generating an application icon, as shown in fig. 8, the device includes:
the icon acquisition module 81: the corresponding icon is used for acquiring the application software;
the amplification processing module 82: the icon is amplified to obtain an image to be processed;
specifically, the amplification processing module includes: an amplification processing unit: and the icon is amplified to obtain the image to be processed with a preset shape and a preset size.
Gaussian blur processing module 83: the application icon processing unit is used for performing Gaussian blur processing on the image to be processed to obtain a background image of the application icon;
specifically, as shown in fig. 9, the gaussian blur processing module 83 includes: pixel gaussian convolution processing unit 831: the image processing method comprises the steps of obtaining two pixels adjacent to a first pixel in a preset direction, and performing Gaussian convolution in the preset direction, wherein the first pixel is any one pixel in an image to be processed, and the two pixels are pixels in the image to be processed; gaussian blurred image generation unit 833: obtaining a Gaussian blur image of the image to be processed according to the result of the Gaussian convolution in the preset direction of each first pixel in the obtained processed image; the image to be processed comprises a plurality of pixels, and the pixels are arranged in parallel along the preset direction in the image to be processed.
Specifically, as shown in fig. 10, the gaussian blur processing module 83 includes: the first pixel gaussian convolution processing unit 8311: the image processing method comprises the steps of obtaining two pixels adjacent to a first pixel in a first direction, and performing Gaussian convolution in the first direction, wherein the first pixel is any one pixel in an image to be processed, and the at least two pixels are pixels in the image to be processed; the second pixel gaussian convolution processing unit 8312: the image processing device is used for acquiring two pixels adjacent to the first pixel in a second direction and performing Gaussian convolution in the second direction, wherein the first pixel is any pixel in the image to be processed, and the at least two pixels are pixels in the image to be processed; gaussian blur value generation unit 832: the Gaussian blur value of the first pixel is obtained according to a result of the first pixel after Gaussian convolution in a first direction and a result of the first pixel after Gaussian convolution in a second direction; gaussian blurred image generation unit 833: the Gaussian blur image of the image to be processed is obtained according to the obtained Gaussian blur value of each first pixel in the processed image; the image to be processed comprises a plurality of pixels, the pixels are arranged in parallel in a first direction in the image to be processed, the pixels are arranged in parallel in a second direction in the image to be processed, and the first direction is perpendicular to the second direction.
Specifically, the gaussian blur processing module 83 includes: a Gaussian blur image generation unit: the image processing device is used for carrying out Gaussian blur processing on the image to be processed to obtain a Gaussian blur image; a background image generation unit: and the background image is obtained by performing layer masking processing on the Gaussian blur image.
The application icon generation module 84: and the icon is synthesized on the background image to generate the application icon.
Specifically, the application icon generating module 84 includes: an icon position setting unit: the icon is arranged on one side of the background image, and the size of a display area of the icon on the background image is smaller than the preset size of the background image; a text information setting unit: and the text information corresponding to the icon is arranged on the other side of the background image.
As shown in fig. 11, the apparatus for generating an application icon further includes:
animation effect display module 85: the method comprises the steps of responding to a trigger event for loading the cascading style sheet, obtaining configuration data of the cascading style sheet, and displaying an animation effect in a mode of loading the cascading style sheet.
It should be noted that the device and method embodiments in the device embodiment are based on the same inventive concept.
An embodiment of the present invention discloses a server, which includes a processor and a memory, where the memory stores at least one instruction, at least one program, a code set, or an instruction set, and the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by the processor to implement the method for generating an application icon provided in the foregoing method embodiment.
The memory may be used to store software programs and modules, and the processor may execute various functional applications and data processing by operating the software programs and modules stored in the memory. The memory can mainly comprise a program storage area and a data storage area, wherein the program storage area can store an operating system, application programs needed by functions and the like; the storage data area may store data created according to use of the apparatus, and the like. Further, the memory may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device. Accordingly, the memory may also include a memory controller to provide the processor access to the memory.
Referring to fig. 14, the server 1400 is configured to implement the method for generating the application icon provided in the foregoing embodiment. The server 1400 may vary widely in configuration or performance, and may include one or more Central Processing Units (CPUs) 1410 (e.g., one or more processors) and memory 1430, one or more storage media 1420 (e.g., one or more mass storage devices) that store applications 1423 or data 1422. Memory 1430 and storage medium 1420 may be, among other things, transient storage or persistent storage. The program stored on the storage medium 1420 may include one or more modules, each of which may include a series of instruction operations on a server. Still further, a central processor 1410 may be provided in communication with the storage medium 1420 to execute a series of instruction operations in the storage medium 1420 on the server 1400. The server 1400 may also include one or more power supplies 1460, one or more wired or wireless network interfaces 1450, one or more input-output interfaces 1440, and/or one or more operating systems 1421, such as Windows Server, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, etc.
Embodiments of the present invention further provide a storage medium, which may be disposed in a server to store at least one instruction, at least one program, a code set, or a set of instructions related to implementing a method for generating an application icon in the method embodiments, where the at least one instruction, the at least one program, the code set, or the set of instructions are loaded and executed by the processor to implement the method for generating an application icon provided in the method embodiments.
Alternatively, in this embodiment, the storage medium may be located in at least one network server of a plurality of network servers of a computer network. Optionally, in this embodiment, the storage medium may include, but is not limited to: a U-disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic or optical disk, and other various media capable of storing program codes.
According to the method, the device, the server and the medium for generating the application icons, the corresponding icons of the application software are obtained, the icons are amplified and then subjected to Gaussian blur processing, background images of the application icons are obtained, the corresponding icons of each application software are different, and the generated background images are also different. The icons are synthesized on the background image to generate the application icons, the background image is obtained through Gaussian blur processing, the visual effect of the application icons is that the icons are observed through a semitransparent screen, the parallax between the synthesized icons and the background image is increased, the application icons have layering, the icons can be highlighted through the application icons, the icon recognition degree is improved, and meanwhile, the application icons are prevented from being seriously similar in content arrangement by using different background images. The invention can reduce the workload of workers and facilitate the later maintenance of the icons by using the same set of generation method.
It should be noted that: the precedence order of the above embodiments of the present invention is only for description, and does not represent the merits of the embodiments. And specific embodiments thereof have been described above. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system and server embodiments, since they are substantially similar to the method embodiments, the description is simple, and reference may be made to some descriptions of the method embodiments for relevant points.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.
Claims (10)
1. A method for generating an application icon, the method comprising:
acquiring a corresponding icon of application software;
amplifying the icon to obtain an image to be processed with a preset shape and a preset size;
performing Gaussian blur processing on the image to be processed to obtain a background image of the application icon; wherein the process of Gaussian blur processing involves each pixel in the image to be processed;
the icon is arranged on one side of the background image, and the size of a display area of the icon on the background image is smaller than the preset size of the background image;
setting character information corresponding to the icon on the other side of the background image to generate the application icon;
and responding to a trigger event for loading the cascading style sheet, acquiring configuration data of the cascading style sheet, and displaying an animation effect in a mode of loading the cascading style sheet, wherein the trigger event comprises an event that a mouse slides through an area where the application icon is located, and the animation effect comprises an animation effect that the icon arranged on one side of the background image appears on the other side of the background image.
2. The method according to claim 1, wherein the step of performing gaussian blur processing on the image to be processed to obtain the background image of the application icon comprises:
acquiring two pixels adjacent to a first pixel in a preset direction, and performing Gaussian convolution in the preset direction, wherein the first pixel is any one pixel in the image to be processed, and the two pixels are pixels in the image to be processed;
obtaining a Gaussian blur image of the image to be processed according to the result of the Gaussian convolution in the preset direction of each first pixel in the obtained image to be processed;
the image to be processed comprises a plurality of pixels, and the pixels are arranged in parallel along the preset direction in the image to be processed.
3. The method according to claim 1, wherein the step of performing gaussian blur processing on the image to be processed to obtain the background image of the application icon comprises:
acquiring two pixels adjacent to a first pixel in a first direction, and performing Gaussian convolution in the first direction, wherein the first pixel is any pixel in the image to be processed, and the at least two pixels are pixels in the image to be processed;
acquiring two pixels adjacent to the first pixel in a second direction, and performing Gaussian convolution in the second direction, wherein the first pixel is any pixel in the image to be processed, and the at least two pixels are pixels in the image to be processed;
obtaining a Gaussian blur value of the first pixel according to a result of the first pixel after Gaussian convolution in a first direction and a result of the first pixel after Gaussian convolution in a second direction;
obtaining a Gaussian blur image of the image to be processed according to the obtained Gaussian blur value of each first pixel in the processed image;
the image to be processed comprises a plurality of pixels, the pixels are arranged in parallel in a first direction in the image to be processed, the pixels are arranged in parallel in a second direction in the image to be processed, and the first direction is perpendicular to the second direction.
4. The method according to claim 1, wherein the step of performing gaussian blur processing on the image to be processed to obtain the background image of the application icon comprises:
performing Gaussian blur processing on the image to be processed to obtain a Gaussian blur image;
and carrying out layer masking treatment on the Gaussian blurred image to obtain the background image.
5. An apparatus for generating an application icon, the apparatus comprising:
an icon acquisition module: the corresponding icon is used for acquiring the application software;
an amplification processing module: the icon is amplified to obtain an image to be processed with a preset shape and a preset size;
a Gaussian blur processing module: the application icon processing unit is used for performing Gaussian blur processing on the image to be processed to obtain a background image of the application icon; wherein the process of Gaussian blur processing involves each pixel in the image to be processed;
an application icon generation module: the icon is arranged on one side of the background image, and the size of a display area of the icon on the background image is smaller than the preset size of the background image; setting character information corresponding to the icon on the other side of the background image to generate the application icon;
the animation effect display module: the system comprises a background image and a control unit, wherein the background image is used for responding to a trigger event for loading a cascading style form, acquiring configuration data of the cascading style form, and displaying an animation effect in a mode of loading the cascading style form, the trigger event comprises an event that a mouse slides over an area where an application icon is located, and the animation effect comprises an action effect that the icon arranged on one side of the background image appears on the other side of the background image.
6. The apparatus of claim 5, wherein the Gaussian blur processing module comprises:
a pixel Gaussian convolution processing unit: the image processing method comprises the steps of obtaining two pixels adjacent to a first pixel in a preset direction, and performing Gaussian convolution in the preset direction, wherein the first pixel is any one pixel in an image to be processed, and the two pixels are pixels in the image to be processed;
a Gaussian blur image generation unit: obtaining a Gaussian blur image of the image to be processed according to the result of the Gaussian convolution in the preset direction of each first pixel in the obtained processed image;
the image to be processed comprises a plurality of pixels, and the pixels are arranged in parallel along the preset direction in the image to be processed.
7. The apparatus of claim 5, wherein the Gaussian blur processing module comprises:
a first pixel gaussian convolution processing unit: the image processing method comprises the steps of obtaining two pixels adjacent to a first pixel in a first direction, and performing Gaussian convolution in the first direction, wherein the first pixel is any one pixel in an image to be processed, and the at least two pixels are pixels in the image to be processed;
a second pixel Gaussian convolution processing unit: the image processing device is used for acquiring two pixels adjacent to the first pixel in a second direction and performing Gaussian convolution in the second direction, wherein the first pixel is any pixel in the image to be processed, and the at least two pixels are pixels in the image to be processed;
a Gaussian blur value generation unit: the Gaussian blur value of the first pixel is obtained according to a result of the first pixel after Gaussian convolution in a first direction and a result of the first pixel after Gaussian convolution in a second direction;
a Gaussian blur image generation unit: the Gaussian blur image of the image to be processed is obtained according to the obtained Gaussian blur value of each first pixel in the processed image;
the image to be processed comprises a plurality of pixels, the pixels are arranged in parallel in a first direction in the image to be processed, the pixels are arranged in parallel in a second direction in the image to be processed, and the first direction is perpendicular to the second direction.
8. The apparatus of claim 5, wherein the Gaussian blur processing module comprises:
a Gaussian blur image generation unit: the image processing device is used for carrying out Gaussian blur processing on the image to be processed to obtain a Gaussian blur image;
a background image generation unit: and the background image is obtained by performing layer masking processing on the Gaussian blur image.
9. A server, characterized in that the server comprises a processor and a memory, wherein at least one instruction, at least one program, a set of codes, or a set of instructions is stored in the memory, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by the processor to implement the application icon generation method according to any one of claims 1 to 4.
10. A computer-readable storage medium, wherein at least one instruction, at least one program, a set of codes, or a set of instructions is stored in the storage medium, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by a processor to implement the method for generating an application icon according to any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810926890.7A CN109240689B (en) | 2018-08-15 | 2018-08-15 | Application icon generation method, device, server and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810926890.7A CN109240689B (en) | 2018-08-15 | 2018-08-15 | Application icon generation method, device, server and medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109240689A CN109240689A (en) | 2019-01-18 |
| CN109240689B true CN109240689B (en) | 2022-08-09 |
Family
ID=65070627
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810926890.7A Active CN109240689B (en) | 2018-08-15 | 2018-08-15 | Application icon generation method, device, server and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109240689B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109886890A (en) * | 2019-02-14 | 2019-06-14 | 珠海天燕科技有限公司 | A kind of application icon processing method and processing device |
| CN111275800B (en) | 2020-01-15 | 2021-09-14 | 北京字节跳动网络技术有限公司 | Animation generation method and device, electronic equipment and computer readable storage medium |
| CN115309306A (en) * | 2021-05-08 | 2022-11-08 | Oppo广东移动通信有限公司 | Label control method and device, terminal equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103927772A (en) * | 2014-04-30 | 2014-07-16 | 厦门美图之家科技有限公司 | Icon synthesizing method |
| CN105809721A (en) * | 2014-12-30 | 2016-07-27 | 阿里巴巴集团控股有限公司 | Application icon generation method, device and mobile device |
| CN105828156A (en) * | 2016-03-22 | 2016-08-03 | 乐视网信息技术（北京）股份有限公司 | Method and device of generating title background in video picture |
| CN106157341A (en) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | Generate the method and device of synthesising picture |
| CN106775688A (en) * | 2016-12-05 | 2017-05-31 | 广州视源电子科技股份有限公司 | The generation method and device of application icon |
-
2018
- 2018-08-15 CN CN201810926890.7A patent/CN109240689B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103927772A (en) * | 2014-04-30 | 2014-07-16 | 厦门美图之家科技有限公司 | Icon synthesizing method |
| CN105809721A (en) * | 2014-12-30 | 2016-07-27 | 阿里巴巴集团控股有限公司 | Application icon generation method, device and mobile device |
| CN106157341A (en) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | Generate the method and device of synthesising picture |
| CN105828156A (en) * | 2016-03-22 | 2016-08-03 | 乐视网信息技术（北京）股份有限公司 | Method and device of generating title background in video picture |
| CN106775688A (en) * | 2016-12-05 | 2017-05-31 | 广州视源电子科技股份有限公司 | The generation method and device of application icon |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109240689A (en) | 2019-01-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109240689B (en) | Application icon generation method, device, server and medium | |
| US10146419B2 (en) | Method and system for section-based editing of a website page | |
| CN105989085B (en) | Method and device for accessing application program page | |
| CN108920048B (en) | Large drawing browsing method, system, server and computer readable storage medium | |
| CN102027504A (en) | Lightweight three-dimensional display | |
| US10628036B2 (en) | Keyboard customization | |
| CN113411664B (en) | Video processing method and device based on sub-application and computer equipment | |
| EP3161598A1 (en) | Light dismiss manager | |
| CN110955477A (en) | Image self-defining method, device, equipment and storage medium | |
| CN111813468A (en) | Method and device for shielding webpage operation and electronic equipment | |
| CN114356479B (en) | Page rendering method and device | |
| CN113849096A (en) | Desktop display method and device and computing equipment | |
| US20060098029A1 (en) | System, method and program to generate a blinking image | |
| CN113946250A (en) | Folder display method and device and electronic equipment | |
| CN114116086A (en) | Page editing method, device, equipment and storage medium | |
| CN113705156A (en) | Character processing method and device | |
| US11461874B2 (en) | Graphics processing using matrices of transformations | |
| CN109885318B (en) | Method and device for updating desktop icon of web application | |
| CN114518821A (en) | Application icon management method and device and electronic equipment | |
| CN112001157B (en) | Online design method and device for webpage data form | |
| CN112084750B (en) | Label paper processing method and device, electronic equipment and storage medium | |
| US20130104018A1 (en) | Method and system for displaying visual content in a virtual three-dimensional space | |
| CN111739084B (en) | Picture processing method, atlas processing method, computer device, and storage medium | |
| CN109254712B (en) | Information processing method and electronic equipment | |
| CN114747228A (en) | Image monument generation |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |