CN116206014A - 图像预览方法、装置、设备及存储介质 - Google Patents

Abstract

本说明书一个或多个实施例提供一种图像预览方法、装置、电子设备及计算机可读存储介质。所述方法包括：获取背景图源文件和前景图源文件；其中，所述前景图源文件指示的前景图包括至少一个可编辑区域；获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息；根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。本实施例可以让用户可以及时核实合成效果，提高图像合成的准确性和合成效率。

Description

图像预览方法、装置、设备及存储介质

技术领域

本说明书一个或多个实施例涉及图像处理技术领域，尤其涉及一种图像预览方法、装置、电子设备及计算机可读存储介质。

背景技术

图像合成在多个领域有着广泛应用。一般的图像合成方法通常将至少两张图像(如背景图和前景图)叠加合成以得到合成图。但是，在两张图像均有相关的显示元素的情况下，可能会出现合成图中来自两张图像的显示元素重叠等合成效果不佳的情况，需要用户重新调整待合成的图像中的显示元素，导致合成效率较低。

因此，有必要提供一种图像预览方法，以便提前预览合成效果。

发明内容

有鉴于此，本说明书一个或多个实施例提供一种图像预览方法、装置、电子设备及计算机可读存储介质。

为实现上述目的，本说明书一个或多个实施例提供技术方案如下：

根据本说明书一个或多个实施例的第一方面，提出了一种图像预览方法，包括：

获取背景图源文件和前景图源文件；其中，所述前景图源文件指示的前景图包括至少一个可编辑区域；

获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息；

根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；

根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。

可选地，所述前景图源文件包括各个所述可编辑区域对应的唯一标识。所述方法还包括：解析所述前景图源文件，获取所述前景图中的各个可编辑区域对应的唯一标识；根据所述前景图中的各个可编辑区域对应的唯一标识，生成各个所述可编辑区域对应的编辑操作区。

所述获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息，包括：响应于用户在任意一个所述可编辑区域的编辑操作区中的输入操作，获取针对于该编辑区域的显示格式的编辑信息。

可选地，所述根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素，包括：

对于任意一个所述可编辑区域，根据针对于该可编辑区域的显示格式的编辑信息对预设显示元素进行处理，得到该可编辑区域对应的示例显示元素。

可选地，所述根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素，包括：

对于任意一个所述可编辑区域，根据针对于该可编辑区域的显示格式的编辑信息从素材库中筛选得到该可编辑区域对应的示例显示元素；其中，所述素材库中包括有若干显示元素。

可选地，所述编辑信息包括第一编辑信息和第二编辑信息；

所述根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素，包括：

针对于任意一个所述可编辑区域，从素材库中筛选出满足所述可编辑区域的第一编辑信息的候选显示元素；其中，所述素材库中包括有若干显示元素；

根据所述可编辑区域的第二编辑信息对所述候选显示元素进行处理，得到该可编辑区域对应的示例显示元素。

可选地，所述可编辑区域用于显示文本元素和图片元素中的至少一种；其中，针对于文本元素的编辑信息包括以下至少一种：文本内容、文本字符长度、文本对齐方式、字体、字形、字号、字体颜色、字体间距、艺术字效果、背景颜色或者背景边距；针对于图片元素的编辑信息包括以下至少一种：图片类型、图片格式、图片尺寸、质量要求、亮度、对比度、饱和度、色调或者图片边框。

可选地，所述背景图源文件指示的背景图的尺寸和所述前景图源文件指示的前景图的尺寸相同；和/或

所述背景图源文件指示的背景图的格式包括PDF格式，所述前景图源文件指示的前景图的格式包括SVG格式；和/或

所述背景图源文件指示的背景图的色彩模式包括CMYK色彩模式和RGB色彩模式中的任意一种。

可选地，还包括：响应于对所述预览图像的确认指令，根据所述背景图源文件、所述前景图源文件、以及针对于所述可编辑区域的显示格式的编辑信息，生成合成图源文件；其中，所述合成图源文件至少包括有背景图、前景图以及前景图中的各个可编辑区域的显示格式的编辑信息。

可选地，还包括：响应于合成图获取指令，获取合成图源文件，以及获取用户输入的各个可编辑区域对应的目标显示元素；对于各个可编辑区域，根据该可编辑区域的显示格式的编辑信息对该编辑区域对应的目标显示元素进行处理；根据所述合成图像源文件中的背景图、前景图和处理后的目标显示元素进行合成，得到合成图。

根据本说明书一个或多个实施例的第二方面，提出了一种图像预览装置，包括：

源文件获取模块，用于获取背景图源文件和前景图源文件；其中，所述前景图源文件指示的前景图包括至少一个可编辑区域；

编辑信息获取模块，用于获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息；

元素确定模块，用于根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；

预览图像显示模块，用于根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。

根据本说明书一个或多个实施例的第三方面，提出了电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器通过运行所述可执行指令以实现第一方面中任一项所述的方法。

根据本说明书一个或多个实施例的第四方面，提出了一种计算机可读存储介质，其上存储有计算机指令，该指令被处理器执行时实现如第一方面中任一项所述方法的步骤。

本说明书一个或多个实施例提供一种图像预览方法，可以预先获取背景图源文件和前景图源文件，所述前景图源文件指示的前景图包括至少一个可编辑区域；然后可以根据用户输入的针对于前景图中的任意一个可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；进而可以根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示，实现在前景图中的显示元素未完全确定的情况下可以提前预览图像合成效果，以便用户可以及时核实合成效果(比如发现元素显示重叠的问题)，减少需要重新设计的风险，提高图像合成的准确性和合成效率。

附图说明

图1是相关技术中文字重叠的合成图的示意图。

图2是一示例性实施例提供的一种图像预览方法的流程示意图。

图3是一示例性实施例提供的背景图源文件、前景图源文件、各个可编辑区域对应的唯一标识、可编辑区域对应的编辑操作区等的示意图。

图4是一示例性实施例提供的背景图源文件、前景图源文件、各个可编辑区域对应的唯一标识、可编辑区域对应的编辑操作区等的另一示意图。

图5是一示例性实施例提供的预览图像的示意图。

图6是一示例性实施例提供的获取合成图的示意图。

图7是一示例性实施例提供的一种设备的结构示意图。

图8是一示例性实施例提供的一种图像预览装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书一个或多个实施例相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本说明书一个或多个实施例的一些方面相一致的装置和方法的例子。

需要说明的是：在其他实施例中并不一定按照本说明书示出和描述的顺序来执行相应方法的步骤。在一些其他实施例中，其方法所包括的步骤可以比本说明书所描述的更多或更少。此外，本说明书中所描述的单个步骤，在其他实施例中可能被分解为多个步骤进行描述；而本说明书中所描述的多个步骤，在其他实施例中也可能被合并为单个步骤进行描述。

图像合成在多个领域有着广泛应用。一般的图像合成方法通常将至少两张图像(如背景图和前景图)叠加合成以得到合成图像。但是，在两张图像均有相关的显示元素的情况下，可能会出现合成图像中来自两张图像的显示元素重叠等合成效果不佳的情况，需要用户重新调整待合成的两张图像中的显示元素，导致合成效率较低。比如在海报设计领域，请参阅图1，设计师在设计海报时，由于背景图和前景图均包含文本元素，在将两者进行合成后存在文本重叠的问题，导致海报无法铺设出街，设计师需要重新进行设计，影响设计效率。

为了提高图像合成的准确性和合成效率，本说明书实施例提供了一种图像预览方法，在没有完全确定前景图的显示元素之前，可以预先获取背景图源文件和前景图源文件，所述前景图源文件指示的前景图包括至少一个可编辑区域；然后可以根据用户输入的针对于前景图中的任意一个可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；进而可以根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示，实现在前景图中的显示元素未完全确定的情况下可以提前预览图像合成效果，以便用户可以及时核实合成效果(比如发现元素显示重叠的问题)，减少需要重新设计的风险，提高图像合成的准确性和合成效率。

示例性的，本说明书实施例提供的图像预览方法可以由电子设备来执行。示例性的，所述电子设备包括但不限于物理服务器、虚拟服务器、云服务器、个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、移动终端、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。

示例性的，所述电子设备包括有处理器和存储器；所述存储器存储有处理器的可执行指令；所述处理器通过运行所述可执行指令以实现本实施例提供的图像预览方法。示例性的，所述图像预览方法可以是集成于电子设备中的计算机程序产品。

在一些实施例中，请参阅图2，图2为本说明书实施例提供的一种图像预览方法的流程示意图，所述方法可以由电子设备来执行，所述方法包括：

在步骤201中，获取背景图源文件和前景图源文件；其中，所述前景图源文件指示的前景图包括至少一个可编辑区域。

在步骤202中，获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息。

在步骤203中，根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素。

在步骤204中，根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。

本实施例实现在前景图中的显示元素未完全确定的情况下，可以获取用户输入的针对于前景图中的各个编辑区域的显示格式的编辑信息，进而可以根据所述编辑信息确定可编辑区域对应的示例显示元素，最后根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示，实现在前景图中的显示元素未完全确定的情况下可以提前预览图像合成效果，以便用户可以及时核实合成效果(比如发现元素显示重叠的问题)，避免在合成效果不佳的情况下需要反复修改或调整前景图中的显示元素，提高图像合成的准确性和合成效率。

在一些实施例中，用户可以根据实际需要制作背景图源文件和前景图源文件，进而将制作好的背景图源文件和前景图源文件上传给电子设备，以便电子设备可以获取用户上传的背景图源文件和前景图源文件。

示例性的，所述背景图源文件可以包括背景图，背景图中可以有至少一个显示元素。举个例子，在线下海报设计领域，所述显示元素可以是文字元素和图片元素中的至少一种。举个例子，在线上图像合成领域比如网页，除了文字元素和图片元素，所述显示元素还可以包含但不限于音频元素、动画元素或者视频元素等。

可以理解的是，本说明书实施例对于背景图的格式和色彩模式不做任何限制，可依据实际应用场景进行具体设置。在一个例子中，比如在线下海报设计领域，为了保证背景图的格式不受其他因素的影响，背景图的格式可以是PDF(Portable Document Forma，便携文档格式)格式，背景图的色彩模式可以是CMYK色彩模式(印刷色彩模式)，以适应于线下海报的展示需求，避免出现色彩偏差或者显示格式偏差。在另一个例子中，比如在线上图像合成领域(比如网页)，背景图的格式包括但不限于JPEG(JointPhotographicExpertsGroup，联合图像专家组)格式、PNG(Portable Network Graphics，便携式网络图形)格式等，背景图的色彩模式也可以是CMYK色彩模式(印刷色彩模式)和RGB色彩模式中的任意一项。

示例性的，所述前景图源文件包括前景图，所述前景图包括至少一个可编辑区域，所述可编辑区域可用于显示文字元素、图片元素、音频元素、动画元素或者视频元素等不同类型的显示元素，所述可编辑区域的显示元素未完全确定，以便在未完全确定前景图中的显示元素的情况下可以提前预览合成效果，避免在合成效果不佳的情况下反复修改或调整前景图中的显示元素，从而有利于提高合成效率。

可以理解的是，本说明书实施例对于前景图的格式不做任何限制，可依据实际应用场景进行具体设置，比如所述前景图的格式包括但不限于SVG(Scalable VectorGraphics，可缩放的矢量图形)格式、JPEG(JointPhotographicExpertsGroup，联合图像专家组)格式、GIF(Graphics Interchange Format，图形交换格式)格式、或者TIFF(TagImage File Format，标签图像文件格式)格式等等。

在一种可能的实现方式中，所述背景图源文件指示的背景图的尺寸和所述前景图源文件指示的前景图的尺寸相同，以便于两者的叠加设计。在另一种可能的实现方式中，所述背景图源文件指示的背景图的尺寸和所述前景图源文件指示的前景图的尺寸不同，电子设备可以根据背景图的尺寸和前景图的尺寸之间的差异，对前景图进行缩放处理，以使得缩放处理后的前景图的尺寸与背景图的尺寸相同。

在一些实施例中，电子设备在获取背景图源文件和前景图源文件之后，可以解析所述背景图源文件和前景图源文件，以便在电子设备的显示界面中渲染并显示所述背景图源文件指示的背景图和所述前景图源文件指示的前景图。

其中，所述前景图中的任意一个可编辑区域对应有唯一标识，比如不同的可编辑区域对应不同的ID(Identity document，身份标识号)，用户可以提前对前景图源文件进行编辑，以使得前景图源文件携带有前景图中的各个可编辑区域对应的唯一标识。则电子设备可以解析所述前景图源文件，从而获得所述前景图中的各个可编辑区域对应的唯一标识，然后根据所述前景图中的各个可编辑区域对应的唯一标识，生成各个所述可编辑区域对应的编辑操作区，并在电子设备的显示界面上显示可编辑区域对应的编辑操作区，则用户可以根据实际需要在任意一个可编辑区域的编辑操作区中输入针对于该所述可编辑区域的显示格式的编辑信息。示例性的，所述编辑操作区中包括有多种不同的显示格式供用户选择。

示例性的，所述可编辑区域可用于显示文字元素、图片元素、音频元素、动画元素或者视频元素等不同类型的显示元素，不同类型的显示元素对应的编辑操作区不同。比如所述前景图源文件还可以携带各个可编辑区域能够展示的显示元素的类型信息，进而电子设备可以根据各个可编辑区域能够展示的显示元素的类型信息、以及不同类型的显示元素对应的不同编辑操作区，确定各个可编辑区域对应的目标编辑操作区。在一个可能的实现方式中，各个可编辑区域能够展示的显示元素的类型信息可以通过可编辑区域对应的唯一标识来反映，即可编辑区域对应的唯一标识还用于指示该可编辑区域能够展示的显示元素的类型。在另一个可能的实现方式中，前景图源文件可以携带各个所述可编辑区域对应的唯一标识和各个所述可编辑区域能够展示的显示元素的类型信息。

在一个例子中，请参阅图3和图4，图3和图4中的左侧示出了用户上传的背景图源文件和前景图源文件，图3和图4的中间部分示出了解析所述背景图源文件和前景图源文件后，渲染并显示所述背景图源文件指示的背景图和所述前景图源文件指示的前景图的效果，图3和图4中的右侧上方为前景图中的各个可编辑区域对应的唯一标识，如图3中各个可编辑区域的唯一标识分别有{主标题、利益点、时间、商品图片、二维码、二维码文案、品牌logo}，并且各个可编辑区域对应的唯一标识可以反映出该可编辑区域能够展示的显示元素的类型，如“商品图片”反映了该可编辑区域能够展示的显示元素为图片元素，“主标题”反映了该可编辑区域能够展示的显示元素为文字元素；图3和图4中的右侧下方为可编辑区域对应的编辑操作区，用户可以根据实际需要在个可编辑区域的编辑操作区中输入针对于该所述可编辑区域的显示格式的编辑信息；如图3中的右侧下方为“主标题”可编辑区域对应的编辑操作区，图4中的右侧下方为“logo”可编辑区域对应的编辑操作区，可以看出，图3中的“主标题”可编辑区域能够展示的显示元素为文字元素，图4中的“logo”可编辑区域能够展示的显示元素为图片元素，不同类型的显示区域对应的编辑操作区不同。

示例性的，电子设备可以响应于用户在任意一个所述可编辑区域的编辑操作区中的输入操作，获取针对于该编辑区域的显示格式的编辑信息。举个例子，在线下海报设计领域，所述可编辑区域用于显示文本元素和图片元素中的至少一种。其中，请参阅图3，针对于文本元素的编辑信息可以包括但不限于以下至少一种：文本内容、文本字符长度、文本对齐方式、字体、字形、字号、字体颜色、字体间距、艺术字效果、背景颜色或者背景边距。请参阅图4，针对于图片元素的编辑信息可以包括但不限于以下至少一种：图片类型、图片格式、图片尺寸、质量要求、亮度、对比度、饱和度、色调或者图片边框；比如图4中示出了图片类型包括商品图、logo(logotype，商标)和二维码，质量要求包括300DPI(Dots Per Inch，每英寸点数)、720DPI和150DPI，供用户根据实际需要对该可编辑区域能够显示的图片元素的显示格式进行选择。

当然，在其他的图像合成领域，所述可编辑区域能够展示的显示元素还包括但不限于音频元素、动画元素或者视频元素等。举个例子，比如针对于音频元素的编辑信息可以包括但不限于以下至少一种：音量、音频格式、音频播放时长、音乐风格(比如轻快、悲伤、摇滚等)或者音质要求等。针对于视频元素的编辑信息可以包括但不限于以下至少一种：视频播放时长、视频格式、视频播放倍数、视频播放音量或者画质等，本实施对此不做任何限制。

在一些实施例中，在获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息之后，由于前景图中的显示元素还未最终确定，则电子设备可以根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；进而电子设备可以根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。本实施例实现在前景图中的显示元素未完全确定的情况下可以提前预览图像合成效果，以便用户可以及时核实合成效果(比如发现元素显示重叠的问题)，避免在合成效果不佳的情况下反复修改或调整前景图中的显示元素，减少需要重新设计的风险，提高图像合成的准确性和合成效率。

在一种可能的实现方式中，电子设备预先存储有预设显示元素，比如预设文字元素为“×”，预设图片元素为一张灰度图，或者是其他显示样式，本实施例对此不做任何限制。在获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息之后，对于任意一个所述可编辑区域，电子设备可以根据针对于该可编辑区域的显示格式的编辑信息对预设显示元素进行处理，得到该可编辑区域对应的示例显示元素。举个例子，比如针对于文字元素的编辑信息包括文本字符长度为4，文字颜色为蓝色，则电子设备对预设文字元素“×”进行处理，得到蓝色的“XXXX”并显示在该可编辑区域内。

考虑到以下一种情况，如果背景图中也存在与预设显示元素相同的显示元素，且两者的显示位置刚好重叠，可能导致因显示元素相同而无法看出重叠的情况，因此，在另一种可能的实现方式，电子设备可以预先存储素材库，所述素材库中包括有若干显示元素。在获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息之后，对于任意一个所述可编辑区域，电子设备可以根据针对于该可编辑区域的显示格式的编辑信息从素材库中筛选得到该可编辑区域对应的示例显示元素。本实施例中，由于素材库中包括有若干显示元素，从素材库中筛选满足编辑信息的示例显示元素具有一定的随机性，从而可以有效避免或减少上述无法看出重叠的情况的发生，以便用户及时核实合成效果，提高图像合成的准确性。

在又一种可能的实现方式中，在可编辑区域的显示格式有多种的情况下，考虑到现实情况中难以穷举满足不同排列组合的显示格式的显示元素，因此，在又一种可能的实现方式中，电子设备可以预先存储素材库，所述素材库中包括有若干显示元素。所述编辑信息可以包括第一编辑信息和第二编辑信息，在获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息之后，对于任意一个所述可编辑区域，所述电子设备可以从素材库中筛选出满足所述可编辑区域的第一编辑信息的候选显示元素，然后根据所述可编辑区域的第二编辑信息对所述候选显示元素进行处理，得到该可编辑区域对应的示例显示元素。本实施例实现从素材库中筛选出满足一部分编辑信息的候选显示元素，进而根据另一部编辑信息对候选显示元素进行处理，可以有效减少素材库所需准备的显示元素数量，减少用户的素材准备成本。

可以理解的是，所述第一编辑信息和所述第二编辑信息可依据实际应用场景进行具体划分，本实施例对此不做任何限制。示例性的，所述第一编辑信息可以指显示元素的基础性编辑信息，第二编辑信息指的是可以进一步对显示元素进行处理的进阶型编辑信息。举个例子，比如针对于图片元素，第一编辑信息可以包括但不限于图片类型(如图4中的商品图、logo和二维码等类型)和图片格式(如图4中的PNG和JPG等格式)，第二编辑信息可以包括但不限于图片尺寸和质量要求等；比如电子设备在根据图片类型和图片格式从素材库中匹配到候选图片之后，可以根据图片尺寸和质量要求对候选图片进行动态裁剪，最终得到该可编辑区域对应的示例图片，并显示在该可编辑区域。又举个例子，比如针对于文字元素，第一编辑信息可以文本内容和/或文本字符长度等，第二编辑信息可以是字体颜色、字号等；比如电子设备在根据文本字符长度从素材库中匹配到候选文字之后，可以将候选文字设置为编辑信息指示的字体颜色，最终得到该可编辑区域对应的示例文字，并显示在该可编辑区域。

当然，编辑信息也可以是其他划分方式，比如所述第一编辑信息和所述第二编辑信息可以通过对编辑信息随机划分得到。

在一些实施例中，在确定前景图中的各个可编辑区域对应的示例显示元素之后，请参阅图5，电子设备可以根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示，从而方便用户预览合成效果，用户可以对合成效果进行详细比对与确认。如果核实合成效果如有不符，可返回继续修改，如修改前景图中的可编辑区域的显示位置、或者对可编辑区域的显示格式进行修改等。如果确定无误，用户可以进行确认操作，电子设备响应于用户对所述预览图像的确认指令，可以根据所述背景图源文件、所述前景图源文件、以及针对于所述可编辑区域的显示格式的编辑信息，生成合成图源文件；其中，所述合成图源文件至少包括有背景图、前景图以及前景图中的各个可编辑区域的显示格式的编辑信息。

在后续应用过程中，如果用户想要获取合成图，可以进行合成图获取操作，上传合成图源文件，以及上传前景图中的各个可编辑区域的目标显示元素，电子设备可以响应于合成图获取指令，获取合成图源文件、以及获取用户输入的各个可编辑区域对应的目标显示元素；所述合成图源文件至少包括有背景图、前景图以及前景图中的各个可编辑区域的显示格式的编辑信息；然后对于各个可编辑区域，电子设备根据该可编辑区域的显示格式的编辑信息对该编辑区域对应的目标显示元素进行处理；最后根据所述合成图像源文件中的背景图、前景图和处理后的目标显示元素进行合成，得到合成图。

比如请参阅图6，图6中的左侧示出了用户输入前景图中的各个可编辑区域的目标显示元素的操作区，用户可以根据实际需要输入文字或者上传图片，图6中的右侧示出了根据所述合成图像源文件中的背景图、前景图和处理后的目标显示元素进行合成后的合成图。

以上实施方式中的各种技术特征可以任意进行组合，只要特征之间的组合不存在冲突或矛盾，但是限于篇幅，未进行一一描述，因此上述实施方式中的各种技术特征的任意进行组合也属于本说明书公开的范围。

图7是一示例性实施例提供的一种设备的示意结构图。请参考图7，在硬件层面，该设备包括处理器702、内部总线704、网络接口706、内存708以及非易失性存储器710，当然还可能包括其他业务所需要的硬件。本说明书一个或多个实施例可以基于软件方式来实现，比如由处理器702从非易失性存储器710中读取对应的计算机程序到内存708中然后运行。当然，除了软件实现方式之外，本说明书一个或多个实施例并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

请参考图8，图像预览装置可以应用于如图7所示的设备中，以实现本说明书的技术方案。其中，该图像预览装置可以包括：

源文件获取模块801，用于获取背景图源文件和前景图源文件；其中，所述前景图源文件指示的前景图包括至少一个可编辑区域。

编辑信息获取模块802，用于获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息。

元素确定模块803，用于根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素。

预览图像显示模块804，用于根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。

在一些实施例中，所述前景图源文件包括各个所述可编辑区域对应的唯一标识。所述装置还包括：解析模块，用于解析所述前景图源文件，获取所述前景图中的各个可编辑区域对应的唯一标识；编辑操作生成模块，用于根据所述前景图中的各个可编辑区域对应的唯一标识，生成各个所述可编辑区域对应的编辑操作区；所述编辑信息获取模块802，具体用于响应于用户在任意一个所述可编辑区域的编辑操作区中的输入操作，获取针对于该编辑区域的显示格式的编辑信息。

在一些实施例中，所述元素确定模块803具体用于对于任意一个所述可编辑区域，根据针对于该可编辑区域的显示格式的编辑信息对预设显示元素进行处理，得到该可编辑区域对应的示例显示元素。

在一些实施例中，所述元素确定模块803具体用于对于任意一个所述可编辑区域，根据针对于该可编辑区域的显示格式的编辑信息从素材库中筛选得到该可编辑区域对应的示例显示元素；其中，所述素材库中包括有若干显示元素。

在一些实施例中，所述编辑信息包括第一编辑信息和第二编辑信息。所述元素确定模块803具体用于针对于任意一个所述可编辑区域，从素材库中筛选出满足所述可编辑区域的第一编辑信息的候选显示元素；其中，所述素材库中包括有若干显示元素；根据所述可编辑区域的第二编辑信息对所述候选显示元素进行处理，得到该可编辑区域对应的示例显示元素。

在一些实施例中，所述可编辑区域用于显示文本元素和图片元素中的至少一种；其中，针对于文本元素的编辑信息包括以下至少一种：文本内容、文本字符长度、文本对齐方式、字体、字形、字号、字体颜色、字体间距、艺术字效果、背景颜色或者背景边距；针对于图片元素的编辑信息包括以下至少一种：图片类型、图片格式、图片尺寸、质量要求、亮度、对比度、饱和度、色调或者图片边框。

在一些实施例中，所述背景图源文件指示的背景图的尺寸和所述前景图源文件指示的前景图的尺寸相同；和/或所述背景图源文件指示的背景图的格式包括PDF格式，所述前景图源文件指示的前景图的格式包括SVG格式；和/或所述背景图源文件指示的背景图的色彩模式包括CMYK色彩模式和RGB色彩模式中的任意一种。

在一些实施例中，所述装置还包括合成图源文件生成模块，用于响应于对所述预览图像的确认指令，根据所述背景图源文件、所述前景图源文件、以及针对于所述可编辑区域的显示格式的编辑信息，生成合成图源文件；其中，所述合成图源文件至少包括有背景图、前景图以及前景图中的各个可编辑区域的显示格式的编辑信息。

在一些实施例中，所述装置还包括合成图获取模块，用于响应于合成图获取指令，获取合成图源文件，以及获取用户输入的各个可编辑区域对应的目标显示元素；对于各个可编辑区域，根据该可编辑区域的显示格式的编辑信息对该编辑区域对应的目标显示元素进行处理；根据所述合成图像源文件中的背景图、前景图和处理后的目标显示元素进行合成，得到合成图。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

相应的，本申请实施例还提供了一种电子设备，包括处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器通过运行所述可执行指令以实现上述中任一项所述的方法。

相应的，本公开还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述任一项所述方法的步骤。

需要说明的是，本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据，并且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准，并提供有相应的操作入口，供用户选择授权或者拒绝。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机，计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。

在一个典型的配置中，计算机包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带、磁盘存储、量子存储器、基于石墨烯的存储介质或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

在本说明书一个或多个实施例使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本说明书一个或多个实施例可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书一个或多个实施例范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

以上所述仅为本说明书一个或多个实施例的较佳实施例而已，并不用以限制本说明书一个或多个实施例，凡在本说明书一个或多个实施例的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本说明书一个或多个实施例保护的范围之内。

Claims (10)

1.一种图像预览方法，包括：

获取背景图源文件和前景图源文件；其中，所述前景图源文件指示的前景图包括至少一个可编辑区域；

获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息；

根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；

根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。

2.根据权利要求1所述的方法，所述前景图源文件包括各个所述可编辑区域对应的唯一标识；

所述方法还包括：

解析所述前景图源文件，获取所述前景图中的各个可编辑区域对应的唯一标识；

根据所述前景图中的各个可编辑区域对应的唯一标识，生成各个所述可编辑区域对应的编辑操作区；

所述获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息，包括：

响应于用户在任意一个所述可编辑区域的编辑操作区中的输入操作，获取针对于该编辑区域的显示格式的编辑信息。

3.根据权利要求1所述的方法，所述根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素，包括：

对于任意一个所述可编辑区域，根据针对于该可编辑区域的显示格式的编辑信息对预设显示元素进行处理，得到该可编辑区域对应的示例显示元素。

4.根据权利要求1所述的方法，所述根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素，包括：

对于任意一个所述可编辑区域，根据针对于该可编辑区域的显示格式的编辑信息从素材库中筛选得到该可编辑区域对应的示例显示元素；其中，所述素材库中包括有若干显示元素。

5.根据权利要求1所述的方法，所述编辑信息包括第一编辑信息和第二编辑信息；

所述根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素，包括：

针对于任意一个所述可编辑区域，从素材库中筛选出满足所述可编辑区域的第一编辑信息的候选显示元素；其中，所述素材库中包括有若干显示元素；

根据所述可编辑区域的第二编辑信息对所述候选显示元素进行处理，得到该可编辑区域对应的示例显示元素。

6.根据权利要求1至5任意一项所述的方法，所述可编辑区域用于显示文本元素和图片元素中的至少一种；

其中，针对于文本元素的编辑信息包括以下至少一种：文本内容、文本字符长度、文本对齐方式、字体、字形、字号、字体颜色、字体间距、艺术字效果、背景颜色或者背景边距；

针对于图片元素的编辑信息包括以下至少一种：图片类型、图片格式、图片尺寸、质量要求、亮度、对比度、饱和度、色调或者图片边框。

7.根据权利要求1所述的方法，所述背景图源文件指示的背景图的尺寸和所述前景图源文件指示的前景图的尺寸相同；和/或

所述背景图源文件指示的背景图的格式包括PDF格式，所述前景图源文件指示的前景图的格式包括SVG格式；和/或

所述背景图源文件指示的背景图的色彩模式包括CMYK色彩模式和RGB色彩模式中的任意一种。

8.一种图像预览装置，包括：

源文件获取模块，用于获取背景图源文件和前景图源文件；其中，所述前景图源文件指示的前景图包括至少一个可编辑区域；

编辑信息获取模块，用于获取用户输入的针对于任意一个所述可编辑区域的显示格式的编辑信息；

元素确定模块，用于根据针对于任意一个所述可编辑区域的显示格式的编辑信息，确定该可编辑区域对应的示例显示元素；

预览图像显示模块，用于根据所述背景图源文件、所述前景图源文件和所述可编辑区域对应的示例显示元素进行合成，得到预览图像并进行显示。

9.一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器通过运行所述可执行指令以实现如权利要求1至7中任一项所述的方法。

10.一种计算机可读存储介质，其上存储有计算机指令，该指令被处理器执行时实现如权利要求1至7中任一项所述方法的步骤。

Images