Image display method, device, electronic device and computer storage medium

Abstract

The embodiments of the present application provide a method, device, electronic device and computer storage medium for displaying pictures, which relate to the field of picture production. The method includes: receiving a first selection operation of a large view preview mode for pictures of multiple different sizes; based on the first selection operation, displaying a target size picture to be edited among the pictures of the multiple different sizes in a first editing area located in an editing interface, and displaying thumbnails of the pictures of the multiple different sizes on one side of the first editing area. Through the embodiments of the present application, the convenience and editing experience of picture editing operations can be effectively improved.

Description

Technical Field

[0001] The embodiments of the present invention relate to the field of picture production, and in particular to a picture display method, device, electronic equipment and computer storage medium. Background Art

[0002] The editing interface of the picture making platform uses a multi-column layout mode to display multiple pictures of different sizes. Although the editing status of multiple pictures of different sizes can be viewed in real time, the display space of the canvas of each size of the picture is limited, resulting in limited space for editing operations on the pictures. Therefore, how to effectively improve the convenience and editing experience of picture editing operations has become a technical problem that needs to be solved urgently. Summary of the invention

[0003] In view of this, an embodiment of the present invention provides a picture display solution to at least partially solve the above technical problems.

[0004] According to a first aspect of an embodiment of the present invention, a method for displaying pictures is provided. The method comprises: receiving a first selection operation of a large view preview mode for multiple pictures of different sizes; based on the first selection operation, displaying a target size picture to be edited among the multiple pictures of different sizes in a first editing area located in an editing interface, and displaying thumbnails of the multiple pictures of different sizes on one side of the first editing area.

[0005] According to a second aspect of an embodiment of the present invention, a method for displaying an image is provided. The method comprises: receiving a partial selection operation for an image of a target size to be edited among multiple images of different sizes; displaying a partial portion of the image of the target size to be edited selected by the partial selection operation in a first editing area located in an editing interface, and displaying thumbnails of the multiple images of different sizes on one side of the first editing area.

[0006] According to a third aspect of an embodiment of the present invention, a method for editing a picture is provided, comprising: configuring at least one standardized editing operation for an editing control in an editing interface; and performing the at least one standardized editing operation on a picture to be edited in response to an operation on the editing control in the editing interface.

[0007] According to a fourth aspect of an embodiment of the present invention, a picture display device is provided. The device includes: a first receiving module, configured to receive a first selection operation of a large view preview mode for multiple pictures of different sizes; a first display module, configured to display a target size picture to be edited among the multiple pictures of different sizes in a first editing area located in an editing interface based on the first selection operation, and display thumbnails of the multiple pictures of different sizes on one side of the first editing area.

[0008] According to a fifth aspect of an embodiment of the present invention, a picture display device is provided. The device comprises: a third receiving module, configured to receive a partial selection operation of a target size picture to be edited among multiple pictures of different sizes; a third display module, configured to display a partial portion of the target size picture to be edited selected by the partial selection operation in a first editing area located in an editing interface, and display thumbnails of the multiple pictures of different sizes on one side of the first editing area.

[0009] According to a sixth aspect of an embodiment of the present invention, there is provided a picture editing device, comprising: a configuration module configured to configure at least one standardized editing operation for an editing control in an editing interface; and an editing module configured to perform the at least one standardized editing operation on a picture to be edited in response to an operation on the editing control in the editing interface.

[0010] According to the seventh aspect of an embodiment of the present invention, there is provided an electronic device, comprising: a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface communicate with each other via the communication bus; the memory is used to store at least one executable instruction, wherein the executable instruction enables the processor to perform operations corresponding to the image display method described in the first aspect, or to perform operations corresponding to the image display method described in the second aspect, or to perform operations corresponding to the image editing method described in the third aspect.

[0011] According to an eighth aspect of an embodiment of the present invention, a computer storage medium is provided, on which a computer program is stored. When the program is executed by a processor, the image display method as described in the first aspect, or the image display method as described in the second aspect, or the image editing method as described in the third aspect is implemented.

[0012] According to the picture display scheme provided by an embodiment of the present invention, a first selection operation of a large view preview mode for multiple pictures of different sizes is received, and based on the first selection operation, a target size picture to be edited among the multiple pictures of different sizes is displayed in a first editing area located in the editing interface, and thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area. Compared with other existing methods, the target size picture to be edited among the multiple pictures of different sizes is displayed in the first editing area located in the editing interface, and thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area, which expands the editing operation space of the target size picture to be edited, thereby effectively improving the convenience and editing experience of the editing operation of the target size picture to be edited. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0014] Figure 1A This is a flowchart of the steps of the image display method in Example 1 of the present application;

[0015] Figure 1B A schematic diagram of an editing interface provided according to Embodiment 1 of the present application;

[0016] Figure 2A This is a flowchart of the steps of the image display method in Embodiment 2 of the present application;

[0017] Figure 2B A schematic diagram of an editing interface provided according to Embodiment 2 of the present application;

[0018] Figure 3 This is a flowchart of the steps of the image display method in Example 3 of the present application;

[0019] Figure 4 This is a flowchart of the steps of the picture editing method in the fourth embodiment of the present application;

[0020] Figure 5 This is a schematic diagram of the structure of the picture display device in Example 5 of the present application;

[0021] Figure 6 This is a schematic diagram of the structure of the picture display device in Example 6 of the present application;

[0022] Figure 7 This is a structural schematic diagram of the picture display device in Example 7 of the present application;

[0023] Figure 8 This is a schematic diagram of the structure of the picture editing device in the eighth embodiment of the present application;

[0024] Fig. 9 This is a schematic diagram of the structure of the electronic device in the ninth embodiment of the present application. DETAILED DESCRIPTION

[0025] In order to enable those skilled in the art to better understand the technical solutions in the embodiments of the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. All other embodiments obtained by ordinary technicians in the field based on the embodiments in the embodiments of the present invention should fall within the scope of protection of the embodiments of the present invention.

[0026] The specific implementation of the embodiment of the present invention is further described below in conjunction with the accompanying drawings of the embodiment of the present invention.

[0027] Reference Figure 1A , showing a step flow chart of the picture display method of embodiment 1 of the present application.

[0028] Specifically, the picture display method provided in this embodiment includes the following steps:

[0029] In step S101 , a first selection operation of a large view preview mode for multiple pictures of different sizes is received.

[0030] In an embodiment of the present application, the picture production platform parses each layer of the picture designed by the designer through a plug-in, and uniquely identifies each layer mark, and then packages the information of all layers of the picture designed by the designer as a whole and outputs it to the page end of the picture production platform. The page end sets the information package of all layers of the picture designed by the designer as a source template. After that, the user can directly enter multiple values ​​of different sizes on the page end to obtain multiple pictures of different sizes in batches with one click. Multiple pictures of different sizes may have the same picture content or may not have the same picture content, and the embodiment of the present application does not make any restrictions on this. The large view preview mode can be simply understood as displaying a separate editing area in the editing interface of the picture production platform, and displaying a layout mode of multiple thumbnails on one side of the editing area. The first selection operation can be a click operation, a drag operation, or a long press operation of the large view preview mode control in the editing interface of the picture production platform. It can be understood that the above description is only exemplary, and the embodiment of the present application does not make any restrictions on this.

[0031] In step S102, based on the first selection operation, a target size picture to be edited among the multiple pictures of different sizes is displayed in a first editing area located in an editing interface, and thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area.

[0032] In an embodiment of the present application, the editing interface may be an editing interface of a picture production platform, an editing interface of picture design software, etc. The first editing area may be understood as an area on the editing interface for editing pictures. The target size picture to be edited may be a picture selected by the picture production platform from a plurality of pictures of different sizes. For example, the picture corresponding to the thumbnail that is sorted at the front by default on the picture production platform is the target size picture to be edited. When the thumbnails of the plurality of pictures of different sizes are displayed on one side of the first editing area, the thumbnails of the plurality of pictures of different sizes may be displayed on the left side, right side, top side or bottom side of the first editing area. It will be understood that the above description is merely exemplary and the embodiment of the present application does not impose any limitation on this.

[0033] In some optional embodiments, based on the first selection operation, when the target size picture to be edited among the multiple pictures of different sizes is displayed in the first editing area located in the editing interface, and the thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area, based on the first selection operation, the target size picture to be edited is displayed in the second editing area located in the center of the editing interface, and the thumbnails of the multiple pictures of different sizes are displayed in a vertical layout mode on the left or right side of the second editing area, or the thumbnails of the multiple pictures of different sizes are displayed in a horizontal layout mode on the upper side or lower side of the second editing area. Among them, the vertical layout mode can be understood as a column layout mode, and the horizontal layout mode can be understood as a horizontal layout mode. Thereby, by displaying the target size picture to be edited among the multiple pictures of different sizes in the second editing area located in the center of the editing interface, and displaying the thumbnails of the multiple pictures of different sizes on one side of the second editing area, the editing operation space of the target size picture to be edited is expanded, so that the convenience and editing experience of the editing operation of the target size picture to be edited can be effectively improved. It should be understood that the above description is merely exemplary and the embodiments of the present application do not impose any limitation thereto.

[0034] In some optional embodiments, after displaying the thumbnails of the multiple pictures of different sizes on one side of the first editing area, the method further includes: receiving a second selection operation for the displayed thumbnails of the multiple pictures of different sizes; and displaying the picture corresponding to the thumbnail selected by the second selection operation in the first editing area. The second selection operation may be a click operation, a drag operation, or a long press operation on the thumbnails of the displayed pictures of different sizes. Thus, by displaying the picture corresponding to the thumbnail selected by the second selection operation in the first editing area, the picture displayed in the first editing area can be switched according to the second selection operation, thereby facilitating the user to switch the picture to be edited to the first editing area for editing. It will be understood that the above description is only exemplary, and the embodiments of the present application do not impose any limitation on this.

[0035] In some optional embodiments, when the picture corresponding to the thumbnail selected by the second selection operation is displayed in the first editing area, the picture corresponding to the thumbnail selected by the second selection operation is enlarged and displayed in the first editing area. Thus, by enlarging and displaying the picture corresponding to the thumbnail selected by the second selection operation in the first editing area, the editing operation space of the picture corresponding to the thumbnail selected by the second selection operation is expanded, thereby effectively improving the convenience and editing experience of the picture editing operation. It can be understood that the above description is only exemplary, and the embodiments of the present application do not make any limitation to this.

[0036] In a specific example, when the picture corresponding to the thumbnail selected by the second selection operation is displayed in the first editing area in an enlarged manner, the enlargement ratio of the picture corresponding to the thumbnail selected by the second selection operation is determined based on the size of the picture corresponding to the thumbnail selected by the second selection operation; based on the enlargement ratio, the picture corresponding to the thumbnail selected by the second selection operation is displayed in the first editing area in an enlarged manner. It can be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0037] In a specific example, when determining the magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation based on the size of the picture corresponding to the thumbnail selected by the second selection operation, a first ratio of the width of the picture corresponding to the thumbnail selected by the second selection operation to the width of the first editing area is calculated; a second ratio of the height of the picture corresponding to the thumbnail selected by the second selection operation to the height of the first editing area is calculated; and the smaller of the first ratio and the second ratio is determined as the magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation. Thereby, the magnification ratio determined by the size of the picture corresponding to the thumbnail selected by the second selection operation and the size of the first editing area can effectively ensure that the enlarged picture does not exceed the editing interface of the picture production platform. It can be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0038] In a specific example, the width and height of the picture corresponding to the thumbnail selected by the user and the width and height of the editing area in the current editing interface are obtained. Then, the width ratio of the width of the picture corresponding to the thumbnail selected by the user to the width of the editing area in the current editing interface and the height ratio of the height of the picture corresponding to the thumbnail selected by the user to the height of the editing area in the current editing interface are calculated. The smaller of the width ratio and the height ratio is taken as the magnification ratio to ensure that the picture corresponding to the thumbnail selected by the user does not exceed the editing interface after being enlarged. Finally, the width, height and position of the picture corresponding to the thumbnail selected by the user are drawn in the editing area of ​​the editing interface at the magnification ratio. It can be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0039] In a specific example, Figure 1BAs shown, the four pictures have the same picture content, and the sizes are 890ⅹ240, 640ⅹ400, 600ⅹ230 and 580ⅹ400 respectively. When the user clicks the multi-column layout mode control on the editing interface of the picture production platform, the four pictures are displayed in the multi-column layout mode on the editing interface of the picture production platform. When the user clicks the large view preview mode control on the editing interface of the picture production platform, the four pictures are displayed in the large view preview mode on the editing interface of the picture production platform, and the picture corresponding to the thumbnail in the front is displayed in the editing area of ​​the editing interface. It will be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0040] Through the image display method provided in the embodiment of the present application, a first selection operation of a large view preview mode for multiple images of different sizes is received, and based on the first selection operation, a target size image to be edited among the multiple images of different sizes is displayed in a first editing area located in the editing interface, and thumbnails of the multiple images of different sizes are displayed on one side of the first editing area. Compared with other existing methods, the target size image to be edited among the multiple images of different sizes is displayed in the first editing area located in the editing interface, and thumbnails of the multiple images of different sizes are displayed on one side of the first editing area, which expands the editing operation space of the target size image to be edited, thereby effectively improving the convenience and editing experience of the editing operation of the target size image to be edited.

[0041] The image display method provided in this embodiment can be executed by any appropriate device with data processing capabilities, including but not limited to: cameras, terminals, mobile terminals, PCs, servers, vehicle-mounted devices, entertainment equipment, advertising equipment, personal digital assistants (PDAs), tablet computers, laptop computers, handheld game consoles, glasses, watches, wearable devices, virtual display devices or display enhancement devices, etc.

[0042] Reference Figure 2A , showing a step flow chart of the image display method of embodiment 2 of the present application.

[0043] Specifically, the picture display method provided in this embodiment includes the following steps:

[0044] In step S201, a first selection operation of a large view preview mode for multiple pictures of different sizes is received.

[0045] Since the specific implementation of step S201 is similar to the specific implementation of step S101, it will not be described again here.

[0046] In step S202, based on the first selection operation, a target size picture to be edited among the multiple pictures of different sizes is displayed in a first editing area located in the editing interface, and thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area.

[0047] Since the specific implementation of step S202 is similar to the specific implementation of step S102 described above, it will not be repeated here.

[0048] In step S203, the received editing operation for the target size picture to be edited is synchronized to the displayed thumbnails of the multiple pictures of different sizes.

[0049] In some optional embodiments, when the received editing operation for the target size picture to be edited is synchronized to the thumbnails of the displayed pictures of different sizes, in response to the opening operation of the editing synchronization control in the editing interface, the editing operation is synchronized to the thumbnails of the displayed pictures of different sizes. It can be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0050] In a specific example, a user performs an opening operation on an edit synchronization control in an editing interface of a picture making platform. In response to the opening operation on the edit synchronization control in the editing interface, the edit operation is synchronized to the thumbnails of the multiple pictures of different sizes displayed. It is to be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0051] In a specific example, when synchronizing the received editing operation for the target size image to be edited to the thumbnails of the multiple images of different sizes displayed, the editing data corresponding to the received editing operation for the layer of the target size image is obtained through the script object in the script code of the editing interface; based on the identification information of the edited layer included in the editing data, the identification information of the layers of the multiple images of different sizes is traversed to find the layer whose identification information is the same as the identification information of the layer to be edited; the editing data is applied to the layers in the multiple images of different sizes whose identification information is the same as the identification information of the layer to be edited to update the thumbnails of the multiple images of different sizes displayed. Thus, by receiving the editing data corresponding to the editing operation on the layer of the target size picture, the thumbnails of the displayed pictures of different sizes can be effectively updated to synchronize the received editing operation on the target size picture to be edited to the thumbnails of the displayed pictures of different sizes, so that not only can the user observe the editing effect on the pictures of different sizes in real time and intuitively, but also the editing efficiency on the pictures of different sizes can be effectively improved. It can be understood that the above description is only exemplary, and the embodiments of the present application do not impose any limitation on this.

[0052] In a specific example, the editing data includes at least one of the following: the coordinates of the elements in the edited layer relative to the drawing board, the size of the elements in the edited layer, the rotation angle of the elements in the edited layer, the zoom ratio of the elements in the edited layer, the identification information of the edited layer, and the transparency of the edited layer. The elements in the edited layer may be text, pictures, tables, plug-ins, words or graphics, etc. The coordinates of the element relative to the drawing board can be obtained by subtracting the width of the mask layer from the horizontal coordinate of the element and subtracting the height of the mask layer from the vertical coordinate of the element. It can be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0053] In a specific example, when applying the editing data to the layers of the multiple images of different sizes whose identification information is the same as the identification information of the layer being edited, in order to update the thumbnails of the multiple images of different sizes displayed, the image of the layer to which the editing data is applied is drawn on the canvas; the image drawn on the canvas is exported into image data by calling the image data generation function; based on the image data, the source attribute value of the page image tag corresponding to the thumbnail of the image drawn on the canvas is updated to update the thumbnail of the image drawn on the canvas. The page image tag is the HTML code of the page. Tag, the source attribute value of the page image tag is The src value of the element, the image data generation function may be the canvas.toDataURL function provided by the browser, and the image data may be the base64 data of the image. It is understandable that the above description is only exemplary and the present application embodiment does not impose any limitation on this.

[0054] In a specific example, after the user performs an editing operation on the enlarged image in the editing area, the editing data corresponding to the received editing operation on the layer of the enlarged image is obtained through the script object in the script code of the editing interface. If the user does not turn on the editing synchronization control on the editing interface, the editing operation is synchronized to the thumbnail of the enlarged image based on the editing data. If the user turns on the editing synchronization control on the editing interface, the editing data is divided by the magnification ratio of the enlarged image to restore the real editing data of the original enlarged image. Then, the layer identifiers of multiple images of different sizes are traversed to find the layer X with the same identifier as the layer where the editing occurred. The real editing data is applied to layer X, and then the image where layer X is located is drawn on the canvas, and then the canvas.toDataURL function is called to generate the image data, and finally the image corresponding to the thumbnail of the image is updated. The src value of the element is used to update the thumbnail. Alternatively, due to the different widths and heights between pictures of different sizes, the elements in the associated layer can be displaced and scaled proportionally according to the widths and heights of the pictures of different sizes, thereby updating the thumbnails of the pictures of different sizes. It is understandable that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0055] In a specific example, Figure 2B As shown, the four pictures have the same content and the sizes are 890ⅹ240, 640ⅹ400, 600ⅹ230 and 580ⅹ400 respectively. After the user turns on the editing synchronization function on the editing interface of the picture making platform, the user's editing operations on the pictures in the editing area can be synchronized to the thumbnails on the left side of the editing area. Specifically, the user draws an arc on the picture in the editing area, and accordingly, an arc is drawn in the thumbnails on the left side of the editing area, that is, the editing operations are synchronized. It can be understood that the above description is only exemplary, and the embodiments of the present application do not limit this.

[0056] Through the image display method provided in the embodiment of the present application, a first selection operation of a large view preview mode for multiple images of different sizes is received, and based on the first selection operation, a target size image to be edited among the multiple images of different sizes is displayed in a first editing area located in the editing interface, and thumbnails of the multiple images of different sizes are displayed on one side of the first editing area. Compared with other existing methods, the target size image to be edited among the multiple images of different sizes is displayed in the first editing area located in the editing interface, and thumbnails of the multiple images of different sizes are displayed on one side of the first editing area, which expands the editing operation space of the target size image to be edited, thereby effectively improving the convenience and editing experience of the editing operation of the target size image to be edited.

[0057] In addition, after displaying a target size picture to be edited among multiple pictures of different sizes in the first editing area located in the editing interface, by synchronizing the received editing operations for the target size picture to be edited to the thumbnails of the displayed multiple pictures of different sizes, not only can the user observe the editing effects for the pictures of multiple different sizes in real time and intuitively, but also the editing efficiency for the pictures of multiple different sizes can be effectively improved.

[0058] The image display method provided in this embodiment can be executed by any appropriate device with data processing capabilities, including but not limited to: cameras, terminals, mobile terminals, PCs, servers, vehicle-mounted devices, entertainment equipment, advertising equipment, personal digital assistants (PDAs), tablet computers, laptop computers, handheld game consoles, glasses, watches, wearable devices, virtual display devices or display enhancement devices, etc.

[0059] Reference Figure 3 , showing a step flow chart of the image display method of embodiment 3 of the present application.

[0060] Specifically, the picture display method provided in this embodiment includes the following steps:

[0061] In step S301, a local selection operation of a target-sized picture to be edited among a plurality of pictures of different sizes is received.

[0062] In an embodiment of the present application, the target size picture to be edited may be a picture selected by the picture making platform from a plurality of pictures of different sizes. For example, the picture corresponding to the thumbnail that is sorted in the front by default on the picture making platform is the target size picture to be edited. The local selection operation may be a click operation on the target size picture to be edited, or a local selection operation on the target size picture to be edited. For example, a selection operation on a circular area of ​​the target size picture to be edited, a selection operation on a rectangular area of ​​the target size picture to be edited, a selection operation on a triangular area of ​​the target size picture to be edited, etc. It will be understood that the above description is merely exemplary, and the embodiments of the present application do not impose any limitation on this.

[0063] In some optional embodiments, when receiving a partial selection operation for a target size picture to be edited among multiple pictures of different sizes, in response to an opening operation of a partial selection control in the editing interface, a partial selection operation for a target size picture to be edited among multiple pictures of different sizes is received. It can be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0064] In a specific example, a user performs an opening operation on a local selection control in an editing interface of a picture making platform. In response to the opening operation on the local selection control in the editing interface, a local selection operation for a target size picture to be edited among multiple pictures of different sizes is received. It is to be understood that the above description is only exemplary and the embodiments of the present application do not impose any limitation on this.

[0065] In step S302, a local portion of the target size image to be edited selected by the local selection operation is displayed in a first editing area located in the editing interface, and thumbnails of the multiple images of different sizes are displayed on one side of the first editing area.

[0066] In an embodiment of the present application, the editing interface may be an editing interface of a picture making platform, an editing interface of picture design software, etc. The first editing area may be understood as an area on the editing interface for editing pictures. When thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area, the thumbnails of the multiple pictures of different sizes may be displayed on the left side, right side, top side, or bottom side of the first editing area. It is understood that the above description is only exemplary, and the embodiment of the present application does not impose any limitation on this.

[0067] In some optional embodiments, when the partial part of the target size picture to be edited selected by the partial selection operation is displayed in the first editing area located in the editing interface, and the thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area, the partial part of the target size picture to be edited selected by the partial selection operation is displayed in the second editing area located in the center of the editing interface, and the thumbnails of the multiple pictures of different sizes are displayed in a vertical layout mode on the left or right side of the second editing area, or the thumbnails of the multiple pictures of different sizes are displayed in a horizontal layout mode on the upper side or lower side of the second editing area. The vertical layout mode can be understood as a column layout mode, and the horizontal layout mode can be understood as a horizontal layout mode. Thus, by displaying the partial part of the target size picture to be edited among the multiple pictures of different sizes in the second editing area located in the center of the editing interface, and displaying the thumbnails of the multiple pictures of different sizes on one side of the second editing area, the editing operation space of the partial part of the target size picture to be edited is expanded, so that the convenience and editing experience of the editing operation of the partial part of the target size picture to be edited can be effectively improved. It should be understood that the above description is merely exemplary and the embodiments of the present application do not impose any limitation thereto.

[0068] Through the image display method provided in the embodiment of the present application, a local selection operation for a target size image to be edited among multiple images of different sizes is received, and the local part of the target size image to be edited selected by the local selection operation is displayed in a first editing area located in the editing interface, and thumbnails of multiple images of different sizes are displayed on one side of the first editing area. Compared with other existing methods, the local part of the target size image to be edited selected by the local selection operation is displayed in the first editing area located in the editing interface, and thumbnails of multiple images of different sizes are displayed on one side of the first editing area, which expands the editing operation space of the local part of the target size image to be edited, thereby effectively improving the convenience and editing experience of the editing operation on the local part of the target size image to be edited.

[0069] The image display method provided in this embodiment can be executed by any appropriate device with data processing capabilities, including but not limited to: cameras, terminals, mobile terminals, PCs, servers, vehicle-mounted devices, entertainment equipment, advertising equipment, personal digital assistants (PDAs), tablet computers, laptop computers, handheld game consoles, glasses, watches, wearable devices, virtual display devices or display enhancement devices, etc.

[0070] Reference Figure 4 , showing a step flow chart of the picture editing method of embodiment 4 of the present application.

[0071] Specifically, the picture editing method provided in this embodiment includes the following steps:

[0072] In step S401, at least one standardized editing operation is configured for an editing control in an editing interface.

[0073] In the embodiment of the present application, the editing interface may be an editing interface of a picture production platform, an editing interface of picture design software, etc. The editing control may be understood as a control for editing a picture when triggered. The standardized editing operation may be understood as a standardized operation for editing a picture. The standardized editing operation may be a rendering operation, a layer overlay operation, etc. It is to be understood that the above description is merely exemplary and the embodiment of the present application does not impose any limitation thereto.

[0074] In step S402, in response to an operation on an editing control in the editing interface, the at least one standardized editing operation is performed on the picture to be edited.

[0075] In the embodiment of the present application, when the user operates the editing control in the editing interface, at least one standardized editing operation is performed on the image to be edited in response to the operation of the editing control in the editing interface. It can be understood that the above description is only exemplary and the embodiment of the present application does not make any limitation to this.

[0076] Through the picture editing method provided in the embodiment of the present application, at least one standardized editing operation is configured for the editing control in the editing interface; in response to the operation of the editing control in the editing interface, at least one standardized editing operation is performed on the picture to be edited. Compared with other existing methods, by configuring at least one standardized editing operation for the editing control in the editing interface, the packaging of at least one standardized editing operation is achieved. When the user operates the editing control in the editing interface, in response to the operation of the editing control in the editing interface, at least one standardized editing operation is performed on the picture to be edited, which simplifies the editing operation of the picture to be edited, thereby effectively improving the user's editing experience of the picture.

[0077] The image editing method provided in this embodiment can be executed by any appropriate device with data processing capabilities, including but not limited to: cameras, terminals, mobile terminals, PCs, servers, vehicle-mounted devices, entertainment equipment, advertising equipment, personal digital assistants (PDAs), tablet computers, laptop computers, handheld game consoles, glasses, watches, wearable devices, virtual display devices or display enhancement devices, etc.

[0078] Reference Figure 5 , shows a schematic diagram of the structure of the picture display device in Example 5 of the present application.

[0079] The image display device provided in this embodiment includes: a first receiving module 501, used to receive a first selection operation of a large view preview mode for multiple images of different sizes; a first display module 502, used to display a target size image to be edited among the multiple images of different sizes in a first editing area located in an editing interface based on the first selection operation, and display thumbnails of the multiple images of different sizes on one side of the first editing area.

[0080] The picture display device provided in this embodiment is used to implement the corresponding picture display methods in the aforementioned multiple method embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0081] Reference Figure 6 , showing a schematic diagram of the structure of the picture display device in Example 6 of the present application.

[0082] The image display device provided in this embodiment includes: a first receiving module 601, used to receive a first selection operation of a large view preview mode for multiple images of different sizes; a first display module 602, used to display a target size image to be edited among the multiple images of different sizes in a first editing area located in an editing interface based on the first selection operation, and display thumbnails of the multiple images of different sizes on one side of the first editing area.

[0083] Optionally, the first display module 602 is specifically used to: based on the first selection operation, display the target size image to be edited in the second editing area located in the center of the editing interface, and display thumbnails of the multiple images of different sizes in a vertical layout mode on the left or right side of the second editing area, or display thumbnails of the multiple images of different sizes in a horizontal layout mode on the upper or lower side of the second editing area.

[0084] Optionally, after the first display module 602, the device also includes: a second receiving module 603, used to receive a second selection operation for the thumbnails of the multiple pictures of different sizes displayed; a second display module 604, used to display the picture corresponding to the thumbnail selected by the second selection operation in the first editing area.

[0085] Optionally, the second display module 604 includes: a display submodule 6041, which is used to enlarge and display the picture corresponding to the thumbnail selected by the second selection operation in the first editing area.

[0086] Optionally, the display submodule 6041 includes: a determination unit 6042, used to determine the magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation based on the size of the picture corresponding to the thumbnail selected by the second selection operation; and a display unit 6043, used to enlarge and display the picture corresponding to the thumbnail selected by the second selection operation in the first editing area based on the magnification ratio.

[0087] Optionally, the determination unit 6042 is specifically used to: calculate a first ratio of the width of the picture corresponding to the thumbnail selected by the second selection operation to the width of the first editing area; calculate a second ratio of the height of the picture corresponding to the thumbnail selected by the second selection operation to the height of the first editing area; and determine the smaller of the first ratio and the second ratio as the enlargement ratio of the picture corresponding to the thumbnail selected by the second selection operation.

[0088] Optionally, after the first display module 602, the device further includes: a synchronization module 605, configured to synchronize the received editing operation for the target size picture to be edited to the displayed thumbnails of the multiple pictures of different sizes.

[0089] Optionally, the synchronization module 605 is specifically used to: in response to an opening operation of an editing synchronization control in the editing interface, synchronize the editing operation to the displayed thumbnails of the multiple pictures of different sizes.

[0090] Optionally, the synchronization module 605 includes: an acquisition sub-module 6051, which is used to obtain the editing data corresponding to the received editing operation on the layer of the target size image through the script object in the script code of the editing interface; a traversal sub-module 6052, which is used to traverse the identification information of the layers of the multiple images of different sizes based on the identification information of the edited layer included in the editing data, so as to find the layer whose identification information is the same as the identification information of the edited layer; and an application sub-module 6053, which is used to apply the editing data to the layers in the multiple images of different sizes whose identification information is the same as the identification information of the edited layer, so as to update the thumbnails of the displayed images of the multiple different sizes.

[0091] Optionally, the application submodule 6053 is specifically used to: draw the picture of the layer to which the editing data is applied on the canvas; export the picture drawn on the canvas into picture data by calling the picture data generation function; and update the source attribute value of the page image tag corresponding to the thumbnail of the picture drawn on the canvas based on the picture data to update the thumbnail of the picture drawn on the canvas.

[0092] Optionally, the editing data includes at least one of the following: coordinates of the elements in the edited layer relative to the drawing board, sizes of the elements in the edited layer, rotation angles of the elements in the edited layer, scaling ratios of the elements in the edited layer, identification information of the edited layer, and transparency of the edited layer.

[0093] The picture display device provided in this embodiment is used to implement the corresponding picture display methods in the aforementioned multiple method embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0094] Reference Figure 7 , shows a schematic diagram of the structure of the picture display device in Example 7 of the present application.

[0095] The image display device provided in this embodiment includes: a third receiving module 701, used to receive a local selection operation for a target size image to be edited among multiple images of different sizes; a third display module 702, used to display the local part of the target size image to be edited selected by the local selection operation in a first editing area located in an editing interface, and display thumbnails of the multiple images of different sizes on one side of the first editing area.

[0096] Optionally, the third receiving module 701 is specifically configured to: in response to an opening operation of a local selection control in the editing interface, receive a local selection operation for a target-sized picture to be edited among multiple pictures of different sizes.

[0097] Optionally, the third display module 702 is specifically used to: display the local part of the target size image to be edited selected by the local selection operation in a second editing area located in the center of the editing interface, and display the thumbnails of the multiple images of different sizes in a vertical layout mode on the left or right side of the second editing area, or display the thumbnails of the multiple images of different sizes in a horizontal layout mode on the upper or lower side of the second editing area.

[0098] The picture display device provided in this embodiment is used to implement the corresponding picture display methods in the aforementioned multiple method embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0099] Reference Figure 8 , shows a schematic diagram of the structure of the picture editing device in Example 8 of the present application.

[0100] The image editing device provided in this embodiment includes: a configuration module 801, used to configure at least one standardized editing operation for the editing control in the editing interface; an editing module 802, used to perform the at least one standardized editing operation on the image to be edited in response to the operation of the editing control in the editing interface.

[0101] The picture editing device provided in this embodiment is used to implement the corresponding picture editing methods in the aforementioned multiple method embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0102] Reference Fig. 9 , shows a schematic diagram of the structure of an electronic device according to Embodiment 9 of the present invention. The specific embodiment of the present invention does not limit the specific implementation of the electronic device.

[0103] like Fig. 9 As shown, the electronic device may include: a processor (processor) 902 , a communication interface (Communications Interface) 904 , a memory (memory) 906 , and a communication bus 908 .

[0104] in:

[0105] The processor 902 , the communication interface 904 , and the memory 906 communicate with each other via a communication bus 908 .

[0106] The communication interface 904 is used to communicate with other electronic devices or servers.

[0107] The processor 902 is used to execute the program 910, and specifically can execute the relevant steps in the above-mentioned picture display method embodiment.

[0108] Specifically, the program 910 may include program codes, which include computer operation instructions.

[0109] The processor 902 may be a central processing unit (CPU), or an application-specific integrated circuit (ASIC), or one or more integrated circuits configured to implement the embodiments of the present invention. The one or more processors included in the smart device may be processors of the same type, such as one or more CPUs; or processors of different types, such as one or more CPUs and one or more ASICs.

[0110] The memory 906 is used to store the program 910. The memory 906 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), such as at least one disk memory.

[0111] Program 910 can specifically be used to enable the processor 902 to perform the following operations: receive a first selection operation of a large view preview mode for multiple pictures of different sizes; based on the first selection operation, display a target size picture to be edited among the multiple pictures of different sizes in a first editing area located in the editing interface, and display thumbnails of the multiple pictures of different sizes on one side of the first editing area.

[0112] In an optional embodiment, the program 910 is also used to enable the processor 902 to display the target size picture to be edited among the multiple pictures of different sizes in the first editing area located in the editing interface based on the first selection operation, and display thumbnails of the multiple pictures of different sizes on one side of the first editing area. Based on the first selection operation, the program 910 is also used to enable the processor 902 to display the target size picture to be edited in the second editing area located in the center of the editing interface, and display thumbnails of the multiple pictures of different sizes in a vertical layout mode on the left or right side of the second editing area, or display thumbnails of the multiple pictures of different sizes in a horizontal layout mode on the upper or lower side of the second editing area.

[0113] In an optional embodiment, the program 910 is also used to enable the processor 902 to receive a second selection operation for the displayed thumbnails of the multiple images of different sizes after displaying the thumbnails of the multiple images of different sizes on one side of the first editing area; and display the image corresponding to the thumbnail selected by the second selection operation in the first editing area.

[0114] In an optional embodiment, the program 910 is also used to enable the processor 902 to enlarge and display the picture corresponding to the thumbnail selected by the second selection operation in the first editing area when the picture corresponding to the thumbnail selected by the second selection operation is displayed in the first editing area.

[0115] In an optional embodiment, program 910 is also used to enable the processor 902 to determine the magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation based on the size of the picture corresponding to the thumbnail selected by the second selection operation when the picture corresponding to the thumbnail selected by the second selection operation is magnified and displayed in the first editing area; based on the magnification ratio, the picture corresponding to the thumbnail selected by the second selection operation is magnified and displayed in the first editing area.

[0116] In an optional embodiment, program 910 is also used to enable processor 902 to calculate a first ratio of the width of the picture corresponding to the thumbnail selected by the second selection operation to the width of the first editing area when determining the magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation based on the size of the picture corresponding to the thumbnail selected by the second selection operation; calculate a second ratio of the height of the picture corresponding to the thumbnail selected by the second selection operation to the height of the first editing area; and determine the smaller of the first ratio and the second ratio as the magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation.

[0117] In an optional embodiment, the program 910 is also used to enable the processor 902 to synchronize the received editing operation for the target size picture to be edited to the thumbnails of the displayed multiple pictures of different sizes after the target size picture to be edited among the multiple pictures of different sizes is displayed in the first editing area of ​​the editing interface.

[0118] In an optional embodiment, the program 910 is also used to enable the processor 902 to synchronize the received editing operation for the target size image to be edited to the thumbnails of the multiple images of different sizes displayed, in response to the opening operation of the editing synchronization control in the editing interface, to synchronize the editing operation to the thumbnails of the multiple images of different sizes displayed.

[0119] In an optional embodiment, the program 910 is also used to enable the processor 902 to obtain the editing data corresponding to the received editing operation on the layer of the target size image through the script object in the script code of the editing interface when synchronizing the received editing operation on the target size image to be edited to the thumbnails of the multiple images of different sizes displayed; based on the identification information of the edited layer included in the editing data, traverse the identification information of the layers of the multiple images of different sizes to find the layer whose identification information is the same as the identification information of the edited layer; apply the editing data to the layer in the multiple images of different sizes whose identification information is the same as the identification information of the edited layer to update the thumbnails of the multiple images of different sizes displayed.

[0120] In an optional embodiment, the program 910 is also used to enable the processor 902 to draw the picture of the layer to which the editing data is applied on the canvas when applying the editing data to the layer whose identification information is the same as the identification information of the layer being edited in the multiple pictures of different sizes to update the thumbnails of the multiple pictures of different sizes displayed; export the picture drawn on the canvas into picture data by calling the picture data generation function; and update the source attribute value of the page image tag corresponding to the thumbnail of the picture drawn on the canvas based on the picture data to update the thumbnail of the picture drawn on the canvas.

[0121] In an optional embodiment, the editing data includes at least one of the following: coordinates of the elements in the edited layer relative to the drawing board, the size of the elements in the edited layer, the rotation angle of the elements in the edited layer, the scaling ratio of the elements in the edited layer, identification information of the edited layer, and the transparency of the edited layer.

[0122] The specific implementation of each step in program 910 can refer to the corresponding description of the corresponding steps and units in the above-mentioned picture display method embodiment, which will not be repeated here. Those skilled in the art can clearly understand that for the convenience and simplicity of description, the specific working process of the above-described devices and modules can refer to the corresponding process description in the above-mentioned method embodiment, which will not be repeated here.

[0123] Through the electronic device of this embodiment, a first selection operation of a large view preview mode for multiple pictures of different sizes is received, and based on the first selection operation, a target size picture to be edited among the multiple pictures of different sizes is displayed in a first editing area located in the editing interface, and thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area. Compared with other existing methods, the target size picture to be edited among the multiple pictures of different sizes is displayed in the first editing area located in the editing interface, and thumbnails of the multiple pictures of different sizes are displayed on one side of the first editing area, which expands the editing operation space of the target size picture to be edited, thereby effectively improving the convenience and editing experience of the editing operation of the target size picture to be edited.

[0124] It should be pointed out that, according to the needs of implementation, the various components / steps described in the embodiments of the present invention can be split into more components / steps, or two or more components / steps or partial operations of components / steps can be combined into new components / steps to achieve the purpose of the embodiments of the present invention.

[0125] The above-described method according to an embodiment of the present invention may be implemented in hardware, firmware, or as software or computer code that can be stored in a recording medium (such as a CD ROM, RAM, floppy disk, hard disk, or magneto-optical disk), or as computer code that is originally stored in a remote recording medium or a non-temporary machine-readable medium downloaded via a network and will be stored in a local recording medium, so that the method described herein may be stored in such software processing on a recording medium using a general-purpose computer, a dedicated processor, or programmable or dedicated hardware (such as an ASIC or FPGA). It is understood that a computer, a processor, a microprocessor controller, or programmable hardware includes a storage component (e.g., RAM, ROM, flash memory, etc.) that can store or receive software or computer code, and when the software or computer code is accessed and executed by a computer, a processor, or hardware, the picture display method described herein is implemented. In addition, when a general-purpose computer accesses the code for implementing the picture display method shown herein, the execution of the code converts the general-purpose computer into a dedicated computer for executing the picture display method shown herein.

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

[0127] The above implementation methods are only used to illustrate the embodiments of the present invention, and are not limitations of the embodiments of the present invention. Ordinary technicians in the relevant technical field may make various changes and modifications without departing from the spirit and scope of the embodiments of the present invention. Therefore, all equivalent technical solutions also belong to the scope of the embodiments of the present invention. The patent protection scope of the embodiments of the present invention should be defined by the claims.

Claims

1. A method for displaying a picture, the method comprising: Receiving a first selection operation of a large view preview mode for a plurality of images of different sizes; Based on the first selection operation, displaying a target size picture to be edited among the multiple pictures of different sizes in a first editing area located in an editing interface, and displaying thumbnails of the multiple pictures of different sizes on one side of the first editing area; After displaying the target size picture to be edited among the multiple pictures of different sizes in the first editing area located in the editing interface, the method further comprises: synchronizing the received editing operation for the target size picture to be edited to the thumbnails of the displayed multiple pictures of different sizes; The method of synchronizing the received editing operation for the target size image to be edited to the thumbnails of the displayed images of different sizes includes: obtaining the editing data corresponding to the received editing operation for the layer of the target size image through the script object in the script code of the editing interface; traversing the identification information of the layers of the multiple images of different sizes based on the identification information of the edited layer included in the editing data to find the layer whose identification information is the same as the identification information of the edited layer; and applying the editing data to the layers in the multiple images of different sizes whose identification information is the same as the identification information of the edited layer to update the thumbnails of the displayed images of different sizes.

2. The method according to claim 1, wherein: The method of displaying a target size image to be edited among the multiple images of different sizes in a first editing area located in an editing interface based on the first selection operation, and displaying thumbnails of the multiple images of different sizes on one side of the first editing area, includes: Based on the first selection operation, the target size image to be edited is displayed in the second editing area located in the center of the editing interface, and thumbnails of the multiple images of different sizes are displayed in a vertical layout mode on the left or right side of the second editing area, or thumbnails of the multiple images of different sizes are displayed in a horizontal layout mode on the upper or lower side of the second editing area.

3. The method according to claim 1, wherein: After displaying the thumbnails of the plurality of pictures of different sizes on one side of the first editing area, the method further includes: receiving a second selection operation for the displayed thumbnails of the plurality of pictures of different sizes; The picture corresponding to the thumbnail selected by the second selection operation is displayed in the first editing area.

4. The method according to claim 3, wherein: The displaying in the first editing area the picture corresponding to the thumbnail selected by the second selection operation includes: The image corresponding to the thumbnail selected by the second selection operation is displayed in the first editing area in an enlarged manner.

5. The method according to claim 4, wherein: The enlarging and displaying in the first editing area the picture corresponding to the thumbnail selected by the second selection operation includes: Determining, based on the size of the picture corresponding to the thumbnail selected by the second selection operation, a magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation; Based on the magnification ratio, the picture corresponding to the thumbnail selected by the second selection operation is magnified and displayed in the first editing area.

6. The method according to claim 5, wherein: The determining, based on the size of the picture corresponding to the thumbnail selected by the second selection operation, the magnification ratio of the picture corresponding to the thumbnail selected by the second selection operation includes: Calculating a first ratio of a width of a picture corresponding to the thumbnail selected by the second selection operation to a width of the first editing area; Calculating a second ratio of a height of a picture corresponding to the thumbnail selected by the second selection operation to a height of the first editing area; The smaller one of the first ratio and the second ratio is determined as the enlargement ratio of the picture corresponding to the thumbnail selected by the second selection operation.

7. The method according to claim 1, wherein: The step of synchronizing the received editing operation for the to-be-edited target-size picture to the displayed thumbnails of the multiple pictures of different sizes includes: In response to an opening operation of an editing synchronization control in the editing interface, the editing operation is synchronized to the displayed thumbnails of the multiple pictures of different sizes.

8. The method according to claim 1, wherein: The applying the editing data to the layers in the pictures of the multiple different sizes whose identification information is the same as the identification information of the layer being edited, so as to update the displayed thumbnails of the pictures of the multiple different sizes, includes: Draw the image of the layer to which the editing data is applied on the canvas; By calling a picture data generation function, the picture drawn on the canvas is exported into picture data; Based on the picture data, the source attribute value of the page image tag corresponding to the thumbnail of the picture drawn on the canvas is updated to update the thumbnail of the picture drawn on the canvas.

9. The method according to claim 1 or 8, wherein: The editing data includes at least one of the following: The coordinates of the elements in the layer being edited relative to the artboard, the size of the elements in the layer being edited, the rotation angle of the elements in the layer being edited, the scaling ratio of the elements in the layer being edited, the identification information of the layer being edited, and the transparency of the layer being edited.

10. A method for displaying a picture, the method comprising: Receiving a local selection operation of a target-sized image to be edited among multiple images of different sizes; Displaying the partial portion of the image of the target size to be edited selected by the partial selection operation in a first editing area located in the editing interface, and displaying thumbnails of the multiple images of different sizes on one side of the first editing area; After displaying the partial portion of the image of the target size to be edited selected by the partial selection operation in the first editing area of ​​the editing interface, the method further comprises: synchronizing the received editing operation on the partial portion of the image of the target size to be edited to the displayed thumbnails of the multiple images of different sizes; The method of synchronizing the received editing operation on the local part of the target size image to be edited to the thumbnails of the displayed multiple images of different sizes includes: obtaining the editing data corresponding to the received editing operation on the layer of the local part of the target size image through the script object in the script code of the editing interface; traversing the identification information of the layers of the multiple images of different sizes based on the identification information of the edited layer included in the editing data to find the layer whose identification information is the same as the identification information of the edited layer; applying the editing data to the layers in the multiple images of different sizes whose identification information is the same as the identification information of the edited layer to update the thumbnails of the displayed multiple images of different sizes.

11. The method according to claim 10, wherein: The receiving a local selection operation of a target-sized picture to be edited among a plurality of pictures of different sizes includes: In response to an opening operation of a local selection control in the editing interface, a local selection operation for a target-sized picture to be edited among a plurality of pictures of different sizes is received.

12. The method according to claim 10, wherein: The method of displaying the partial portion of the image of the target size to be edited selected by the partial selection operation in a first editing area located in the editing interface, and displaying thumbnails of the multiple images of different sizes on one side of the first editing area, includes: A partial portion of the target size image to be edited selected by the local selection operation is displayed in a second editing area located in the center of the editing interface, and thumbnails of the multiple images of different sizes are displayed in a vertical layout mode on the left or right side of the second editing area, or thumbnails of the multiple images of different sizes are displayed in a horizontal layout mode on the upper or lower side of the second editing area.

13. A method for editing a picture, the method comprising: Configure at least one standardized editing operation for an editing control in the editing interface; In response to an operation on an editing control in the editing interface, the at least one standardized editing operation is performed on the picture to be edited; wherein the editing interface displays the picture using the picture display method as described in claim 1.

14. A picture display device, comprising: A first receiving module, configured to receive a first selection operation of a large view preview mode for multiple pictures of different sizes; A first display module, configured to display, based on the first selection operation, a target-sized image to be edited among the multiple images of different sizes in a first editing area located in an editing interface, and to display thumbnails of the multiple images of different sizes on one side of the first editing area; A first synchronization module, configured to synchronize the received editing operation on the image of the target size to be edited to the thumbnails of the displayed images of the multiple different sizes; The first synchronization module is specifically configured to obtain, through a script object in a script code of the editing interface, editing data corresponding to the received editing operation on the layer of the target-sized image; based on the identification information of the edited layer included in the editing data, traverse the identification information of the layers of the multiple images of different sizes to find a layer whose identification information is the same as the identification information of the edited layer; The editing data is applied to the layers in the multiple pictures of different sizes whose identification information is the same as the identification information of the edited layer, so as to update the displayed thumbnails of the multiple pictures of different sizes.

15. A picture display device, comprising: A third receiving module is used to receive a local selection operation for a target size picture to be edited among a plurality of pictures of different sizes; A third display module is used to display the local part of the image of the target size to be edited selected by the local selection operation in a first editing area located in the editing interface, and to display thumbnails of the multiple images of different sizes on one side of the first editing area; A third synchronization module, configured to synchronize the received editing operation on the local portion of the image of the target size to be edited to the thumbnails of the displayed images of the multiple different sizes; The third synchronization module is specifically used to obtain, through the script object in the script code of the editing interface, the editing data corresponding to the received editing operation on the layer of the local part of the target size image; based on the identification information of the edited layer included in the editing data, traverse the identification information of the layers of the multiple images of different sizes to find the layer whose identification information is the same as the identification information of the edited layer; The editing data is applied to the layers in the multiple pictures of different sizes whose identification information is the same as the identification information of the edited layer, so as to update the displayed thumbnails of the multiple pictures of different sizes.

16. A picture editing device, comprising: A configuration module, used for configuring at least one standardized editing operation for an editing control in an editing interface; An editing module, used to perform at least one standardized editing operation on the image to be edited in response to an operation on an editing control in the editing interface; wherein the editing interface displays images using the image display method as described in claim 1.

17. An electronic device comprising: A processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface communicate with each other via the communication bus; The memory is used to store at least one executable instruction, and the executable instruction enables the processor to perform an operation corresponding to the image display method described in any one of claims 1 to 9, or to perform an operation corresponding to the image display method described in any one of claims 10 to 12, or to perform an operation corresponding to the image display method described in claim 13.

18. A computer storage medium having a computer program stored thereon, wherein when the program is executed by a processor, the method for displaying an image as claimed in any one of claims 1 to 9 is implemented, or the method for displaying an image as claimed in any one of claims 10 to 12 is implemented, or the method for displaying an image as claimed in claim 13 is implemented.

Images