CN111435527A - 页面图片显示方法、装置、存储介质及电子设备 - Google Patents
页面图片显示方法、装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN111435527A CN111435527A CN201910026495.8A CN201910026495A CN111435527A CN 111435527 A CN111435527 A CN 111435527A CN 201910026495 A CN201910026495 A CN 201910026495A CN 111435527 A CN111435527 A CN 111435527A
- Authority
- CN
- China
- Prior art keywords
- picture
- sub
- display
- page
- pictures
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000012545 processing Methods 0.000 claims description 43
- 238000004590 computer program Methods 0.000 claims description 10
- 238000006731 degradation reaction Methods 0.000 description 19
- 230000015556 catabolic process Effects 0.000 description 18
- 238000013461 design Methods 0.000 description 15
- 238000005516 engineering process Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 208000019901 Anxiety disease Diseases 0.000 description 3
- 230000036506 anxiety Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 239000000969 carrier Substances 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000004904 shortening Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
- G06T3/4038—Image mosaicing, e.g. composing plane images from plane sub-images
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明提供一种页面图片显示方法、装置、存储介质及电子设备。本发明实施例提供的页面图片显示方法，包括：先接收图片集合，其中，图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，图片集合中的第一图片子集合为原质图片，图片集合中的第二图片子集合为降质图片，然后根据图片集合中的每张子图片的位置裁剪参数对图片集合中的所有子图片进行拼接以形成展示图片，最后，在当前页面中显示展示图片。本发明提供的一种页面图片显示方法，可以使得在请求加载页面中的图片时，可缩短加载时间，有效地缓解页面显示延迟或者卡顿。
Description
技术领域
本发明涉及图片处理技术领域，尤其涉及一种页面图片显示方法、装置、存储介质及电子设备。
背景技术
如今的互联网信息时代，人们大量地通过网络获取信息，其中图片是信息的主要载体之一，伴随显示器分辨率、显卡处理能力的提高，图片质量也越来越高，其尺寸和大小也不断增大。
目前，更大的尺寸、更高的质量对图片加载速度也提出了更高的要求，传统的图片通常都是一个矩形的完整体，在页面中显示该图片时，需要加载整张图片的数据，例如，当需要在页面上加载一张大小为2兆的大图时，需要客户端加载完数据之后才能进行显示。
可见，当在页面显示较大的图片时，由于加载速度缓慢，容易造成页面显示延迟或者卡顿，进而影响用户体验。
发明内容
本发明提供一种页面图片显示方法、装置、存储介质及电子设备，以缩短图片在页面中的加载时间，有效地缓解页面显示延迟或者卡顿。
第一方面，本发明实施例提供一种页面图片显示方法，包括：
接收图片集合，所述图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，其中，所述图片集合中的第一图片子集合为原质图片，所述图片集合中的第二图片子集合为降质图片；
根据所述图片集合中的每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行拼接以形成展示图片；
在当前页面中显示所述展示图片。
在一种可能的设计中，所述接收图片集合，包括：
并行接收图片服务器集合中每台服务器发送的子图片。
在一种可能的设计中，每台所述服务器中各存储一张子图片。
在一种可能的设计中，所述根据所述图片集合中的每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行拼接以形成展示图片，包括：
根据每张子图片对应的访问地址获取每张子图片的位置裁剪参数；
根据每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行图片拼接以形成所述展示图片。
在一种可能的设计中，所述位置裁剪参数包括所述图片集合中任意相邻的两张子图片之间的轨迹参数，以使每张子图片构成第一形状。
在一种可能的设计中，所述在当前页面中显示所述展示图片，包括：
获取动画展示数据，所述动画展示数据中包括所述图片集合中每张子图片的显示动画数据；
根据所述动画展示数据动态显示所述图片集合中每张子图片。
第二方面，本发明实施例还提供一种页面图片显示装置，包括：
接收模块，用于接收图片集合，所述图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，其中，所述图片集合中的第一图片子集合为原质图片，所述图片集合中的第二图片子集合为降质图片；
处理模块，用于根据所述图片集合中的每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行拼接以形成展示图片；
显示模块，用于在当前页面中显示所述展示图片。
在一种可能的设计中，所述接收模块，具体用于：
并行接收图片服务器集合中每台服务器发送的子图片。
在一种可能的设计中，每台所述服务器中各存储一张子图片。
在一种可能的设计中，所述处理模块，具体用于：
根据每张子图片对应的访问地址获取每张子图片的位置裁剪参数；
根据每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行图片拼接以形成所述展示图片。
在一种可能的设计中，所述位置裁剪参数包括所述图片集合中任意相邻的两张子图片之间的轨迹参数，以使每张子图片构成第一形状。
在一种可能的设计中，所述显示模块，具体用于：
获取动画展示数据，所述动画展示数据中包括所述图片集合中每张子图片的显示动画数据；
根据所述动画展示数据动态显示所述图片集合中每张子图片。
第三方面，本发明实施例还提供一种电子设备，包括：
处理器；以及，
存储器，用于存储所述处理器的可执行指令；
显示器，所述显示器与所述处理器连接，用于显示展示图片；
其中，所述处理器配置为经由执行所述可执行指令来执行第一方面中任意一种可能的页面图片显示方法。
第四方面，本发明实施例还提供一种存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现第一方面中任意一种可能的页面图片显示方法。
本发明实施例提供的一种页面图片显示方法、装置、存储介质及电子设备，通过对接收到的图片集合中的部分子图片进行将质处理，并根据图片集合中的每张子图片的位置裁剪参数对集合中的所有子图片进行拼接以形成展示图片，最后，对展示图片在当前页面中进行显示，从而通过将一张图片拆分成多张子图片，并对不同区域进行针对性降质处理之后，再拼接生成展示图片，使得局部降质后的图片大小小于未处理前的图片大小，进而使得在请求加载页面中的图片时，可以缩短加载时间，有效地缓解页面显示延迟或者卡顿。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本发明根据示例实施例示出的页面图片显示方法的一种应用场景的示意图；
图2是本发明根据示例实施例示出的页面图片显示方法的另一种应用场景的示意图；
图3是本发明根据一示例实施例示出的页面图片显示方法的流程示意图；
图4是图3所示实施例中的原始图片的一种裁剪处理方式；
图5是图3所示实施例中的原始图片的另一种裁剪处理方式；
图6是图3所示实施例中的原始图片的又一种裁剪处理方式；
图7是本发明根据另一示例实施例示出的页面图片显示方法的流程示意图；
图8是本发明根据一示例实施例示出的页面图片显示装置的结构示意图；
图9是本发明根据一示例实施例示出的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
图1是本发明根据示例实施例示出的页面图片显示方法的一种应用场景的示意图，图2是本发明根据示例实施例示出的页面图片显示方法的另一种应用场景的示意图。如图1-图2所示，本实施例提供的页面图片显示方法，可以通过图片处理服务器自动对需要显示的图片进行裁剪，主要可以用于针对大图的裁剪，例如，可以应用于对京东主页面的高清广告大图进行裁剪，该类图片通常都较大，有些可以达到2兆以上。而对于裁剪方式，可以是根据图片的特性进行参数设定的。在图片处理服务器对图片进行处理之后，将所生成的子图片存储在存储服务器中。
由于对于每张图片，都有信息集中的区域，例如，对于一些图片，主要信息是集中在图片的中间部分，而有些图片的主要信息则集中在图片的一侧，那么，在页面图片显示装置接收到的图片集合中，第一图片子集合为原质图片，第二图片子集合为降质图片，其中，第一图片子集合为图片的主要信息则集中位置，而第二图片子集合为其他部分，通过将一张原始图片拆分成多张子图片，并对不同区域进行针对性降质处理之后，再拼接生成展示图片，使得局部降质后的图片大小小于未处理前的图片大小。进而使得在网络条件相同的前提下，当页面图片显示装置请求该原始图片时，就可以缩短加载时间，有效地缓解页面显示延迟或者卡顿。
此外，继续参照图1-图2，在图片处理服务器对图片进行处理之后，还可以将所生成的子图片存储在不同的存储服务器中，其中，所有子图片构成图片集合，而该图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，例如，可以将一张原始图片裁剪成6张、8张、9张等数量的子图片，而每张子图片的大小均会小于原始图片的大小。然后，在页面图片显示装置请求该原始图片时，就会从不同的存储服务器中并行接收子图片。显然，对于在网络条件相同的前提下，并行从多台存储服务器中完成图片显示的时间取决于最后完成接收的子图片的时间，但是，所需花费的时间显然会小于从一台存储服务器中直接接收整张原始图片要短。
图3是本发明根据一示例实施例示出的页面图片显示方法的流程示意图。如图3所示，本实施提供的页面图片显示方法包括：
步骤101、接收图片集合。
具体地，本实施例的方法可以由页面图片显示装置执行，该页面图片显示装置可以是智能手机、平板电脑、个人计算机等具有数据处理和显示功能的电子设备。在页面图片显示装置加载页面时，例如，在加载京东主页时，就会从服务器中加载裁剪后的图片集合。具体地，图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，其中，图片集合中的第一图片子集合为原质图片，图片集合中的第二图片子集合为降质图片。
由于对于每张图片，都有信息集中的区域，例如，对于一些图片，主要信息是集中在图片的中间部分，而有些图片的主要信息则集中在图片的一侧，那么，在页面图片显示装置接收到的图片集合中，第一图片子集合为原质图片，第二图片子集合为降质图片，其中，第一图片子集合为图片的主要信息则集中位置，而第二图片子集合为其他部分。图4是图3所示实施例中的原始图片的一种裁剪处理方式，如图4所示，可以对将原始图片裁剪为六个矩形子图片，然后，对两边的左边区域1，4以及右边区域3，6对应的子图片进行降质处理，而对中间区域2，5对应的子图片保持原质，即两边降质方式。图5是图3所示实施例中的原始图片的另一种裁剪处理方式，如图5所示，可以对将原始图片裁剪为4个沿图片对角倾斜的子图片，然后，对对角两侧的区域1，4进行降质处理，而对中间区域2，3对应的子图片保持原质，即对角降质方式。图6是图3所示实施例中的原始图片的又一种裁剪处理方式，如图6所示，可以对将原始图片裁剪为三个矩形子图片，然后，对两边的上区域1以及下区域3对应的子图片进行降质处理，而对中间区域2对应的子图片保持原质，即上下降质方式。对于所采用的具体裁剪方式以及降质方式，可以根据图片的具体特性进行，从而在兼顾主要区域的质量的同时，又能够降低图片的大小。值得说明地，上述的降质方式只是示例性说明，在本实施例中，可以通过任意形状来对原始图片进行裁剪，只需保证图片集合中所有子图片拼接之后可以形成原始图片即可。
众所周知，图片的大小和图片质量成正比，而一张图是不可分割的，对其降质处理将影响整张图。然而，在一种可能的情况中，对于一张图来说，中间部分是信息主要展示区，也是用户视觉的关注点，周边区域对质量要求并不高。通过一张图拆分为多张子图片后，可以对不同区域做不同降质处理，从而实现在保证图片展示效果的前提下，还能够对图片进行快速加载。
此外，现有的页面展示技术中，使用模糊图、加载图以及框架图等形式，来减少用户等待的焦虑感，提高用户体验，而实际上并没有真实加快图片加载速度。而本实施例中所采用的所采用的局部降质的处理方式相对于该技术，实际上是真实加快图片加载速度，并且无需额外进行模糊图、加载图以及框架图的处理，完全是从改变图片性质的角度实现了图片加载速度的加快。
而相对于为了提高加载速度进行的整体降质处理的方式，本实施例的局部降质方式可以在保证图片展示效果的前提下，还能够实现对图片进行快速加载。
步骤102、根据图片集合中的每张子图片的位置裁剪参数对集合中的所有子图片进行拼接以形成展示图片。
在页面图片显示获取到图片集合之后，根据图片集合中的每张子图片的位置裁剪参数对集合中的所有子图片进行拼接以形成展示图片。其中，位置裁剪参数包括图片集合中任意相邻的两张子图片之间的轨迹参数，以使每张子图片构成第一形状，在本实施例中，第一形状可以为任意封闭形状，不做具体限制。而对于子图片的拼接技术，可以是采用HTML、CSS定位技术进行，均为现有页面显示技术中的常规方式，在本实施例中不再进行赘述。
步骤103、在当前页面中显示展示图片。
在生成展示图片之后，将展示图片显示在当前页面中。
在本实施例中，对接收到的图片集合中的部分子图片进行将质处理，并根据图片集合中的每张子图片的位置裁剪参数对集合中的所有子图片进行拼接以形成展示图片，最后，对展示图片在当前页面中进行显示，从而通过将一张图片拆分成多张子图片，并对不同区域进行针对性降质处理之后，再拼接生成展示图片，使得局部降质后的图片大小小于未处理前的图片大小，进而使得在请求加载页面中的图片时，可以缩短加载时间，有效地缓解页面显示延迟或者卡顿。
图7是本发明根据另一示例实施例示出的页面图片显示方法的流程示意图。如图7所示，本实施例提供的页面图片显示方法，包括：
步骤201、并行接收图片服务器集合中每台服务器发送的子图片。
具体地，本实施例的方法可以由页面图片显示装置执行，该页面图片显示装置可以是智能手机、平板电脑、个人计算机等具有数据处理和显示功能的电子设备。在页面图片显示装置加载页面时，例如，在加载京东主页时，就会从服务器中加载裁剪后的图片集合。具体地，图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，其中，图片集合中的第一图片子集合为原质图片，图片集合中的第二图片子集合为降质图片。
对于图片集合中的子图片的接受方式，可以采用并行接收的方式，即并行接收图片服务器集合中每台服务器发送的子图片，在一种可能中，每台服务器中各存储一张子图片。在图片处理服务器对图片进行处理之后，还可以将所生成的子图片存储在不同的存储服务器中，其中，所有子图片构成图片集合，而该图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，例如，可以将一张原始图片裁剪成6张、8张、9张等数量的子图片，而每张子图片的大小均会小于原始图片的大小。然后，在页面图片显示装置请求该原始图片时，就会从不同的存储服务器中并行接收子图片。显然，对于在网络条件相同的前提下，并行从多台存储服务器中完成图片显示的时间取决于最后完成接收的子图片的时间，但是，所需花费的时间显然会小于从一台存储服务器中直接接收整张原始图片要短。
将一张大图(如，2M以上)拆分成多张子图片，并将这些子图片分散到不同的服务器中，利用浏览器并行加载这些小图，从而降低整体的加载时间，对于并行加载技术可以采用http2.0多路复用技术，具体地，http2.0多路复用技术可以在共享TCP连接的基础上，同时发送请求和响应。
步骤202、根据每张子图片对应的访问地址获取每张子图片的位置裁剪参数。
值得理解地，每张子图片对应的访问地址可以为统一资源***地址(UniformResoure Locator，简称URL)，具体地，通过大图URL生成小图的URL地址，并在大图URL地址后增加裁剪参数，如矩形的原点、裁剪宽高，斜线的路径等，裁剪工作交由图片处理服务器，处理后返回给页面图片显示装置。
步骤203、根据每张子图片的位置裁剪参数对图片集合中的所有子图片进行图片拼接以形成展示图片。
在页面图片显示获取到图片集合之后，根据图片集合中的每张子图片的位置裁剪参数对集合中的所有子图片进行拼接以形成展示图片。其中，位置裁剪参数包括图片集合中任意相邻的两张子图片之间的轨迹参数，以使每张子图片构成第一形状，在本实施例中，第一形状可以为任意封闭形状，不做具体限制。而对于子图片的拼接技术，可以是采用HTML、CSS定位技术进行，均为现有页面显示技术中的常规方式，在本实施例中不再进行赘述。
步骤204、获取动画展示数据。
为了配合不同场景实现各种动态效果，从而进一步地提高趣味性和用户体验，减小用户等待网络的焦虑感。还可以在对展示图片进行展示时，增加相应的动画效果。具体地动画展示数据子图片展示的顺序，间隔的时长以及每张子图片展开的方向等。
步骤205、根据动画展示数据动态显示图片集合中每张子图片。
具体地，在获取到动画展示数据之后，根据动画展示数据动态显示图片集合中每张子图片。例如，参照图4，动态显示图片集合中每张子图片的具体过程可以为先展示左边区域1，4以及右边区域3，6对应的子图片，然后逐渐向中间显示，直至显示中间区域2，5对应的子图片。值得说明地，在本实施例中，并不对动画展示数据动态显示的方式进行具体限定，设计者可以根据具体地应用场景进行选择。在本实施例中，通过先将图片裁剪为图片集合，从而使得图片不再是一张完整的图片，从而使得拆分的这些子图片就有了增加动画的可能，配合不同场景实现各种动态效果，很好的提高趣味性和用户体验，减小用户等待网络的焦虑感。
图8是本发明根据一示例实施例示出的页面图片显示装置的流程示意图。如图8所示，本实施例提供的页面图片显示装置，包括：
接收模块301，用于接收图片集合，所述图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，其中，所述图片集合中的第一图片子集合为原质图片，所述图片集合中的第二图片子集合为降质图片；
处理模块302，用于根据所述图片集合中的每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行拼接以形成展示图片；
显示模块303，用于在当前页面中显示所述展示图片。
在一种可能的设计中，所述接收模块301，具体用于：
并行接收图片服务器集合中每台服务器发送的子图片。
在一种可能的设计中，每台所述服务器中各存储一张子图片。
在一种可能的设计中，所述处理模块302，具体用于：
根据每张子图片对应的访问地址获取每张子图片的位置裁剪参数；
根据每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行图片拼接以形成所述展示图片。
在一种可能的设计中，所述位置裁剪参数包括所述图片集合中任意相邻的两张子图片之间的轨迹参数，以使每张子图片构成第一形状。
在一种可能的设计中，所述显示模块303，具体用于：
获取动画展示数据，所述动画展示数据中包括所述图片集合中每张子图片的显示动画数据；
根据所述动画展示数据动态显示所述图片集合中每张子图片。
以上处理模块302可以被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(Application Specific Integrated Circuit，简称ASIC)，或，一个或多个微处理器(digital singnal processor，简称DSP)，或，一个或者多个现场可编程门阵列(Field Programmable Gate Array，简称FPGA)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(CentralProcessing Unit，简称CPU)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上***(system-on-a-chip，简称SOC)的形式实现。
值得说明地，图8所示实施例提供的页面图片显示装置，可用于执行上述图3和图7所示实施例提供的页面图片显示方法，具体实现方式和技术效果类似，这里不再赘述。
图9为本发明一实施例提供的电子设备的结构示意图。如图9所示，本实施例提供的电子设备40，包括：
处理器401；
存储器402，用于存储所述处理器的计算机程序；以及，
显示器403，用于根据处理器的控制显示数据和游戏界面；
其中，所述处理器401被配置为通过执行所述计算机程序来实现前述方法实施例中任一实现方式提供的页面图片显示方法的步骤。
本实施例还提供一种可读存储介质，可读存储介质中存储有计算机程序，当电子设备的至少一个处理器执行该计算机程序时，电子设备执行上述的各种实施方式提供的方法。
本实施例还提供一种程序产品，该程序产品包括计算机程序，该计算机程序存储在可读存储介质中。电子设备的至少一个处理器可以从可读存储介质读取该计算机程序，至少一个处理器执行该计算机程序使得电子设备实施上述的各种实施方式提供的方法。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或对其中部分或全部技术特征进行等同替换；而这些修改或替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (14)
1.一种页面图片显示方法，其特征在于，包括：
接收图片集合，所述图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，其中，所述图片集合中的第一图片子集合为原质图片，所述图片集合中的第二图片子集合为降质图片；
根据所述图片集合中的每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行拼接以形成展示图片；
在当前页面中显示所述展示图片。
2.根据权利要求1所述的页面图片显示方法，其特征在于，所述接收图片集合，包括：
并行接收图片服务器集合中每台服务器发送的子图片。
3.根据权利要求2所述的页面图片显示方法，其特征在于，每台所述服务器中各存储一张子图片。
4.根据权利要求3所述的页面图片显示方法，其特征在于，所述根据所述图片集合中的每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行拼接以形成展示图片，包括：
根据每张子图片对应的访问地址获取每张子图片的位置裁剪参数；
根据每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行图片拼接以形成所述展示图片。
5.根据权利要求4所述的页面图片显示方法，其特征在于，所述位置裁剪参数包括所述图片集合中任意相邻的两张子图片之间的轨迹参数，以使每张子图片构成第一形状。
6.根据权利要求1-5中任意一项所述的页面图片显示方法，其特征在于，所述在当前页面中显示所述展示图片，包括：
获取动画展示数据，所述动画展示数据中包括所述图片集合中每张子图片的显示动画数据；
根据所述动画展示数据动态显示所述图片集合中每张子图片。
7.一种页面图片显示装置，其特征在于，包括：
接收模块，用于接收图片集合，所述图片集合为对原始图片进行裁剪处理之后所获得的所有子图片的集合，其中，所述图片集合中的第一图片子集合为原质图片，所述图片集合中的第二图片子集合为降质图片；
处理模块，用于根据所述图片集合中的每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行拼接以形成展示图片；
显示模块，用于在当前页面中显示所述展示图片。
8.根据权利要求7所述的页面图片显示装置，其特征在于，所述接收模块，具体用于：
并行接收图片服务器集合中每台服务器发送的子图片。
9.根据权利要求8所述的页面图片显示装置，其特征在于，每台所述服务器中各存储一张子图片。
10.根据权利要求9所述的页面图片显示装置，其特征在于，所述处理模块，具体用于：
根据每张子图片对应的访问地址获取每张子图片的位置裁剪参数；
根据每张子图片的位置裁剪参数对所述图片集合中的所有子图片进行图片拼接以形成所述展示图片。
11.根据权利要求10所述的页面图片显示装置，其特征在于，所述位置裁剪参数包括所述图片集合中任意相邻的两张子图片之间的轨迹参数，以使每张子图片构成第一形状。
12.根据权利要求7-11中任意一项所述的页面图片显示装置，其特征在于，所述显示模块，具体用于：
获取动画展示数据，所述动画展示数据中包括所述图片集合中每张子图片的显示动画数据；
根据所述动画展示数据动态显示所述图片集合中每张子图片。
13.一种电子设备，其特征在于，包括：
处理器；以及，
存储器，用于存储所述处理器的可执行指令；
显示器，所述显示器与所述处理器连接，用于显示展示图片；
其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1至6任一项所述的页面图片显示方法。
14.一种存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1至6任一项所述的页面图片显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910026495.8A CN111435527A (zh) | 2019-01-11 | 2019-01-11 | 页面图片显示方法、装置、存储介质及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910026495.8A CN111435527A (zh) | 2019-01-11 | 2019-01-11 | 页面图片显示方法、装置、存储介质及电子设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111435527A true CN111435527A (zh) | 2020-07-21 |
Family
ID=71580339
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910026495.8A Pending CN111435527A (zh) | 2019-01-11 | 2019-01-11 | 页面图片显示方法、装置、存储介质及电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111435527A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112306339A (zh) * | 2020-09-01 | 2021-02-02 | 北京沃东天骏信息技术有限公司 | 用于显示图像的方法和装置 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104063424A (zh) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | 网页图片的展现方法和展现装置 |
| CN104391890A (zh) * | 2014-11-10 | 2015-03-04 | 广东欧珀移动通信有限公司 | 图片加载方法及*** |
| CN105335526A (zh) * | 2015-12-04 | 2016-02-17 | 北京京东尚科信息技术有限公司 | 一种图片加载方法及装置 |
| CN105451019A (zh) * | 2015-11-25 | 2016-03-30 | 中国地质大学（武汉） | 一种面向无线视频传感器网络的图像压缩传输方法 |
| US20160284317A1 (en) * | 2015-03-24 | 2016-09-29 | Xinyu Xingbang Information Industry Co., Ltd. | Method, device and system for loading and displaying pictures |
| CN106886549A (zh) * | 2016-08-30 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 一种网络图片的加载方法、装置和*** |
-
2019
- 2019-01-11 CN CN201910026495.8A patent/CN111435527A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104063424A (zh) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | 网页图片的展现方法和展现装置 |
| CN104391890A (zh) * | 2014-11-10 | 2015-03-04 | 广东欧珀移动通信有限公司 | 图片加载方法及*** |
| US20160284317A1 (en) * | 2015-03-24 | 2016-09-29 | Xinyu Xingbang Information Industry Co., Ltd. | Method, device and system for loading and displaying pictures |
| CN105451019A (zh) * | 2015-11-25 | 2016-03-30 | 中国地质大学（武汉） | 一种面向无线视频传感器网络的图像压缩传输方法 |
| CN105335526A (zh) * | 2015-12-04 | 2016-02-17 | 北京京东尚科信息技术有限公司 | 一种图片加载方法及装置 |
| CN106886549A (zh) * | 2016-08-30 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 一种网络图片的加载方法、装置和*** |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112306339A (zh) * | 2020-09-01 | 2021-02-02 | 北京沃东天骏信息技术有限公司 | 用于显示图像的方法和装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107945098B (zh) | 图像处理方法、装置、计算机设备和存储介质 | |
| CN108235116B (zh) | 特征传播方法和装置、电子设备和介质 | |
| CN110032314B (zh) | 一种长截屏方法、装置、存储介质和终端设备 | |
| CN110784754A (zh) | 视频显示方法、装置和电子设备 | |
| CN109710348A (zh) | 页面跳转的方法及装置、计算机设备、存储介质 | |
| KR20220038475A (ko) | 비디오 콘텐츠 인식 방법 및 장치, 저장 매체, 및 컴퓨터 디바이스 | |
| TWI750651B (zh) | 基於對抗樣本的隱私資訊保護方法、裝置及電子設備 | |
| WO2018126899A1 (zh) | 一种视频界面显示方法及装置 | |
| CN108062336B (zh) | 媒体信息处理方法及装置 | |
| CN113426112B (zh) | 游戏画面的显示方法和装置、存储介质及电子设备 | |
| US20210271383A1 (en) | Picture displaying method, electronic device and storage medium | |
| CN113015007B (zh) | 视频插帧方法、装置及电子设备 | |
| CN113344794B (zh) | 一种图像处理方法、装置、计算机设备及存储介质 | |
| CN109272526B (zh) | 图像处理方法、***及电子设备 | |
| US20190379926A1 (en) | Method of optimizing media used to display moving images | |
| CN109491726B (zh) | 开屏文件的呈现方法、电子设备及计算机存储介质 | |
| CN110879984A (zh) | 一种人脸比对的方法及设备 | |
| CN108984070B (zh) | 用于热力图成像的方法、装置、电子设备及可读介质 | |
| CN111435527A (zh) | 页面图片显示方法、装置、存储介质及电子设备 | |
| CN113094612A (zh) | 客户端加载网页的方法、装置、电子设备及介质 | |
| US11195248B2 (en) | Method and apparatus for processing pixel data of a video frame | |
| CN112712394A (zh) | 客户线索共享方法、***、计算机和可读存储介质 | |
| CN108804652B (zh) | 封面图片的生成方法、装置、存储介质和电子装置 | |
| CN116450232A (zh) | 应用预处理方法、装置、设备及存储介质 | |
| CN109948072A (zh) | 店铺搜索信息的处理方法、装置及设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |