CN112053203A - 商品图片的显示方法、装置及存储介质 - Google Patents

Abstract

本发明公开了一种商品图片的显示方法、终端及存储介质，涉及图像处理技术领域。该方法包括：确定待显示的目标商品的外观和基本信息，根据目标商品的外观和基本信息生成预设格式的商品图片，商品图片包括两个显示区域，其中，第一显示区域用于显示目标商品的外观，第二显示区域用于显示目标商品的基本信息；当用于显示目标商品的显示器的尺寸小于预设尺寸时，在显示器上显示商品图片。本发明既可以帮助消费者更好的选择商品，又可以减少用户因缩放图片导致的商品浏览效率下降，不仅提高了用户的体验度，还可以在一定程度上帮助商家提高下单率。

Description

商品图片的显示方法、装置及存储介质

技术领域

本发明涉及图像处理技术领域，尤其涉及一种商品图片的显示方法、装置及存储介质。

背景技术

目前，随着手机行业的快速发展，手机已经成为人们日常购物必不可少的设备之一。

然而，手机端或其他小屏幕客户端展示的商品信息跟电脑端是一致的，尤其是商品图片，通常需要点击放大才能看清商品的外观和基本信息，这对于使用小屏幕进行商品选购十分不便。

发明内容

本发明所要解决的技术问题是针对现有技术的不足，提供一种商品图片的显示方法、装置及存储介质。

本发明解决上述技术问题的技术方案如下：

一种商品图片的显示方法，包括：

确定待显示的目标商品的外观和基本信息，根据所述目标商品的外观和基本信息生成预设格式的商品图片，所述商品图片包括两个显示区域，其中，第一显示区域用于显示所述目标商品的外观，所述第二显示区域用于显示所述目标商品的基本信息；

当用于显示所述目标商品的显示器的尺寸小于预设尺寸时，在所述显示器上显示所述商品图片。

本发明解决上述技术问题的另一种技术方案如下：

一种存储介质，所述存储介质中存储有指令，当计算机读取所述指令时，使所述计算机执行如上述技术方案所述的商品图片的显示方法。

本发明解决上述技术问题的另一种技术方案如下：

一种商品图片的显示装置，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序，实现如上述技术方案所述的商品图片的显示方法。

本发明的有益效果是：本发明提供的商品图片显示方法，通过对目标商品的外观和基本信息进行提取和确认，将目标商品的基本信息进行分开显示，如品牌、商品功能名称、商品变量、净含量和使用提示等，因此当用户在小屏幕上浏览选择商品时，不需要过多的点击放大商品图片本身就可以清晰识别自己关注的内容，这样既可以帮助消费者更好的选择商品，又可以减少用户因缩放图片导致的商品浏览效率下降，不仅提高了用户的体验度，还可以在一定程度上帮助商家提高下单率。

本发明附加的方面的优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明实践了解到。

附图说明

图1为本发明商品图片显示方法的实施例提供的流程示意图；

图2a为本发明商品图片显示方法的实施例提供的原始图片示意图；

图2b为本发明商品图片显示方法的实施例提供的商品图片示意图；

图3为本发明商品图片显示方法的其他实施例提供的商品图片生成过程示意图；

图4为本发明商品图片显示方法的其他实施例提供的长度大于宽度的商品图片示意图；

图5为本发明商品图片显示方法的其他实施例提供的长度小于宽度的商品图片示意图；

图6为本发明商品图片显示装置的实施例提供的结构框架图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实施例只用于解释本发明，并非用于限定本发明的范围。

如图1所示，为本发明商品图片显示方法的实施例提供的流程示意图，该显示方法适用于小屏幕的商品显示，如手机等，该显示方法包括：

S1，确定待显示的目标商品的外观和基本信息，根据目标商品的外观和基本信息生成预设格式的商品图片，商品图片包括两个显示区域，其中，第一显示区域用于显示目标商品的外观，第二显示区域用于显示目标商品的基本信息。

需要说明的是，基本信息可以根据实际需求设置，例如，可以包括目标商品的品牌、商品功能名称、商品变量和净含量等信息，也可以包括额外的附加特征信息，如根据商品品类不同属性不同，可以是某些提示“婴儿用品”“孕妇禁用”，也可以是促销信息“附赠精华一瓶”之类的内容。

应理解，这些基本信息可以根据商品需求灵活配置，比如只选择品牌+净含量，或者品牌+商品变量+净含量+特征属性，各种配置组合都可以。

如图2所示，给出了一种示例性的商品图片示意图，以汉堡(Vego Burgare)为例，图2a为该商品的原始图片，图2b为处理后的图片，图2b中分为上下两个区域，上半部分为目标商品的展示区域，可以显示该品牌汉堡的外包装，下半部分为该商品显示的基本信息，具体显示的基本信息可以根据实际需求选择设置，例如，图中显示了该商品的名称和净含量，未显示品牌、提示信息等信息。

通过将商品的基本信息通过额外的显示区域进行放大显示，使消费者不用过多点击操作直接浏览就很清楚商品内容，适合在手机等小屏幕设备上进行显示。

S2，当用于显示目标商品的显示器的尺寸小于预设尺寸时，在显示器上显示商品图片。

应理解，预设尺寸的数值可以根据实际需求设置，例如，对于手机而言，5.8英寸为常规手机屏幕大小，那么可以将预设尺寸设置为7英寸，那么在小于这种预设尺寸的设备上显示商品图片时，就可以通过本发明提供的方法进行显示。

应理解，对于手机等设备而言，其属于移动通信设备，其访问商品网站的请求方式与电脑端存在区别，因此，也可以对于电脑端，直接返回商品图片，对于手机端的访问请求，可以通过对商品图片按照本发明提供的方式进行修改，然后返回给手机端。可选地，也可以通过APP、软件等方式访问商品网站，那么对于图片的处理，可以在商品网站的服务器中进行处理，处理完成后统一返回给请求的手机端进行图片的显示，也可以在请求的手机端中对图片进行处理，然后直接显示。

本实施例提供的商品图片显示方法，通过对目标商品的外观和基本信息进行提取和确认，将目标商品的基本信息进行分开显示，如品牌、商品功能名称、商品变量、净含量和使用提示等，因此当用户在小屏幕上浏览选择商品时，不需要过多的点击放大商品图片本身就可以清晰识别自己关注的内容，这样既可以帮助消费者更好的选择商品，又可以减少用户因缩放图片导致的商品浏览效率下降，不仅提高了用户的体验度，还可以在一定程度上帮助商家提高下单率。

可选地，在一些可能的实施方式中，确定待显示的目标商品的外观和基本信息，具体包括：

获取目标商品的原始图片，对原始图片进行识别，得到目标商品的外观和基本信息。

具体地，可以通过图像识别软件或算法对目标商品外观上的文字信息进行识别，得出目标商品的品牌、商品功能名称、商品变量和净含量等信息，例如，可以通过python的pytesseract来识别图片中的字符。

通过对目标商品的原始图片进行识别，能够快速获取目标商品的基本信息，从而实现大批量商品图片的高效转换，提高适用于小屏幕设备的商品图片的生成速度。

可选地，在一些可能的实施方式中，当用于显示目标商品的显示器的尺寸大于或等于预设尺寸时，在显示器上显示原始图片。

可选地，在一些可能的实施方式中，根据目标商品的外观和基本信息生成预设格式的商品图片，具体包括：

判断目标商品的长度和宽度的差值是否处于预设差值范围内，如果处于预设差值范围，则：

根据目标商品的外观生成第一显示区域，将第一显示区域的尺寸调整至与商品图片的尺寸相同；

根据目标商品的基本信息生成第二显示区域，将第二显示区域叠加在第一显示区域上进行显示。

需要说明的是，预设差值范围可以根据实际需求设置，其作用是为了判断商品轮廓长宽比是否接近于1:1，以便于进行后续的图像处理与生成。

下面给出一种可选的生成方法，如图3所示，提供了一种示例性的第二显示区域与第一显示区域叠加的商品图片生成过程示意图。

首先，按照目标商品的轮廓，将图片处理为长宽比1:1的正方形，图片背景处理为纯白底，其RGB值为(255，255，255)。

应理解，为了清楚地显示商品，裁剪后的图片中应包含目标商品。

检测商品轮廓形状，当商品轮廓长宽比接近于1:1，例如，长宽相差不超过10％时，将商品轮廓最长边与图片边缘的边距处理为图片总边长的2％～5％之间，并且将商品置于图片中间位置。

根据判断识别出的目标商品的品牌LOGO、净含量、功能特性和促销信息等重要的商品相关信息，提取识别每个属性信息的主要颜色，按照原图的颜色和设计将这些重要信息在原图上进行重新设计放大进行展示，可以对基本信息进行放大、加粗或者高亮等进行显示，以便消费者查看。如图3所示，对卷纸原始图片中不清楚的基本信息进行了提取，并进行了放大显示。还可以将目标商品的外观中过小的信息进行移除，然后在相同的位置或其他位置进行放大显示。

通过将目标商品的基本信息叠加在目标商品的外观上进行叠加显示，能够最大化目标商品的外观，便于用户查看目标商品的细节。

可选地，在一些可能的实施方式中，如果不处于预设差值范围，则：

根据目标商品的长度和宽度生成第一显示区域，第一显示区域占据商品图片的一部分，在商品图片的另一部分根据目标商品的基本信息生成第二显示区域。

通过将目标商品的外观和基本信息进行分开显示，能够使消费者更容易注意到商品的基本信息。

可选地，在一些可能的实施方式中，根据目标商品的长度和宽度生成第一显示区域，第一显示区域占据商品图片的一部分，在商品图片的另一部分根据目标商品的基本信息生成第二显示区域，具体包括：

当目标商品的长度大于宽度时，根据目标商品的长度和宽度生成第一显示区域，将第一显示区域的长度调整为商品图片的长度；

根据目标商品的基本信息生成第二显示区域，将第二显示区域的长度调整为商品图片的长度，并将第二显示区域的宽度调整为商品图片中除第一显示区域之外的剩余区域的宽度。

例如，如图4所示，提供了一种示例性的商品图片，可以根据商品轮廓形状，将图片下方的四分之一部分设置为标注信息的位置，商品图形置于上方的四分之三部分的中间位置，并且商品轮廓最长边与图片边缘的边距处理为图片总边长的2％～5％之间。然后根据判断识别出的商品的品牌LOGO、净含量、功能特性、促销信息等重要的商品相关信息，提取识别每个属性信息的主要颜色，按照原图的颜色搭配和设计将这些重要信息在标注的标签中进行显示，净含量通常为黑底白字进行显示，特殊商品设计可以根据商品进行调整。

可选地，在一些可能的实施方式中，根据目标商品的长度和宽度生成第一显示区域，第一显示区域占据商品图片的一部分，在商品图片的另一部分根据目标商品的基本信息生成第二显示区域，具体包括：

当目标商品的长度小于宽度时，根据目标商品的长度和宽度生成第一显示区域，将第一显示区域的宽度调整为商品图片的宽度；

根据目标商品的基本信息生成第二显示区域，将第二显示区域的宽度调整为商品图片的宽度，并将第二显示区域的长度调整为商品图片中除第一显示区域之外的剩余区域的长度。

例如，如图5所示，提供了一种示例性的商品图片，可以根据商品轮廓形状，将图片右侧的四分之一部分设置为标注信息的位置，商品图形置于上方的四分之三部分的中间位置，并且商品轮廓最长边与图片边缘的边距处理为图片总边长的2％～5％之间。然后根据判断识别出的商品的品牌LOGO、净含量、功能特性、促销信息等重要的商品相关信息，提取识别每个属性信息的主要颜色，按照原图的颜色搭配和设计将这些重要信息在标注的标签中进行显示，净含量通常为黑底白字进行显示，特殊商品设计可以根据商品进行调整。

可选地，在一些可能的实施方式中，还包括：

对商品图片中目标商品的颜色进行识别，确定目标商品的至少一个组成颜色，将至少一个组成颜色作为目标商品的每种基本信息的背景色。

例如，如图5所示，图中未体现酒瓶的颜色，假设酒瓶的颜色为墨绿色，那么可以将基本信息的字体设置为白色，背景设置为墨绿色或浅绿色等，从而使商品图片达到视觉上的统一效果，更加美观和清晰。

可以理解，在一些实施例中，可以包含如上述各实施方式中的部分或全部。

如图3所示，为本发明商品图片显示装置的实施例提供的结构框架图，该显示装置包括：

存储器1，用于存储计算机程序；

处理器2，用于执行计算机程序，实现如上述任意实施方式公开的商品图片的显示方法；

显示器3，用于显示经处理器2处理后得到的商品图片。

在本发明的其他实施例中，还提供一种存储介质，该存储介质中存储有指令，当计算机读取指令时，使计算机执行如上述任意实施方式公开的商品图片的显示方法。

读者应理解，在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的方法实施例仅仅是示意性的，例如，步骤的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个步骤可以结合或者可以集成到另一个步骤，或一些特征可以忽略，或不执行。

上述方法如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，RandomAccessMemory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种商品图片的显示方法，其特征在于，包括：

确定待显示的目标商品的外观和基本信息，根据所述目标商品的外观和基本信息生成预设格式的商品图片，所述商品图片包括两个显示区域，其中，第一显示区域用于显示所述目标商品的外观，所述第二显示区域用于显示所述目标商品的基本信息；

当用于显示所述目标商品的显示器的尺寸小于预设尺寸时，在所述显示器上显示所述商品图片。

2.根据权利要求1所述的商品图片的显示方法，其特征在于，确定待显示的目标商品的外观和基本信息，具体包括：

获取目标商品的原始图片，对所述原始图片进行识别，得到所述目标商品的外观和基本信息。

3.根据权利要求2所述的商品图片的显示方法，其特征在于，当用于显示所述目标商品的显示器的尺寸大于或等于所述预设尺寸时，在所述显示器上显示所述原始图片。

4.根据权利要求1至3中任一项所述的商品图片的显示方法，其特征在于，根据所述目标商品的外观和基本信息生成预设格式的商品图片，具体包括：

判断所述目标商品的长度和宽度的差值是否处于预设差值范围内，如果处于预设差值范围，则：

根据所述目标商品的外观生成第一显示区域，将所述第一显示区域的尺寸调整至与所述商品图片的尺寸相同；

根据所述目标商品的基本信息生成第二显示区域，将所述第二显示区域叠加在所述第一显示区域上进行显示。

5.根据权利要求4所述的商品图片的显示方法，其特征在于，如果不处于预设差值范围，则：

根据所述目标商品的长度和宽度生成第一显示区域，所述第一显示区域占据所述商品图片的一部分，在所述商品图片的另一部分根据所述目标商品的基本信息生成第二显示区域。

6.根据权利要求5所述的商品图片的显示方法，其特征在于，根据所述目标商品的长度和宽度生成第一显示区域，所述第一显示区域占据所述商品图片的一部分，在所述商品图片的另一部分根据所述目标商品的基本信息生成第二显示区域，具体包括：

当所述目标商品的长度大于宽度时，根据所述目标商品的长度和宽度生成第一显示区域，将所述第一显示区域的长度调整为所述商品图片的长度；

根据所述目标商品的基本信息生成第二显示区域，将所述第二显示区域的长度调整为所述商品图片的长度，并将所述第二显示区域的宽度调整为所述商品图片中除所述第一显示区域之外的剩余区域的宽度。

7.根据权利要求5所述的商品图片的显示方法，其特征在于，根据所述目标商品的长度和宽度生成第一显示区域，所述第一显示区域占据所述商品图片的一部分，在所述商品图片的另一部分根据所述目标商品的基本信息生成第二显示区域，具体包括：

当所述目标商品的长度小于宽度时，根据所述目标商品的长度和宽度生成第一显示区域，将所述第一显示区域的宽度调整为所述商品图片的宽度；

根据所述目标商品的基本信息生成第二显示区域，将所述第二显示区域的宽度调整为所述商品图片的宽度，并将所述第二显示区域的长度调整为所述商品图片中除所述第一显示区域之外的剩余区域的长度。

8.根据权利要求1所述的商品图片的显示方法，其特征在于，还包括：

对所述商品图片中所述目标商品的颜色进行识别，确定所述目标商品的至少一个组成颜色，将所述至少一个组成颜色作为所述目标商品的每种基本信息的背景色。

9.一种存储介质，其特征在于，所述存储介质中存储有指令，当计算机读取所述指令时，使所述计算机执行如权利要求1至8中任一项所述的商品图片的显示方法。

10.一种商品图片的显示装置，其特征在于，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序，实现如权利要求1至8中任一项所述的商品图片的显示方法。

Images