图像加载方法、装置、电子设备及可读存储介质制造方法及图纸

本申请涉及计算机视觉技术领域，提供了一种图像加载方法、装置、电子设备及可读存储介质。该方法包括：将目标图像按照色域通道进行灰度处理，得到目标灰度图像，目标灰度图像包括红色通道对应的第一灰度图像、绿色通道对应的第二灰度图像和蓝色通道对应的第三灰度图像；针对每一目标灰度图像进行比特分层处理，得到每个目标灰度图像对应的N个比特层对应的比特图像，其中N个比特层所对应的比特数大于全部比特层中其他比特层所对应的比特数；对每个比特图像进行切分处理，得到切分后的切片图；将切片图传输给客户端，以使客户端基于切片图对目标图像进行加载显示。本申请实施例解决了现有技术存在加载大文件图片时加载时间过长的问题。过长的问题。过长的问题。

【技术实现步骤摘要】
图像加载方法、装置、电子设备及可读存储介质


[0001]本申请涉及计算机视觉
，尤其涉及一种图像加载方法、装置、电子设备及可读存储介质。

技术介绍

[0002]用户在通过浏览器或其他软件进行信息获取的过程中，常常需要借助图片来帮助理解信息又或者通过图片提高文案的趣味性，但在实际中一张图片占用的内存都远大于一千字数的文字介绍，而且有些高分辨率图像一张图片的大小就十分可观。当图片十分大时，向服务器请求的时间就会较长，将其加载出来所需时间就会较长，较长的加载时间会给用户在进行信息获取时带来不好的体验。
[0003]所以，现有技术存在加载大文件图片时加载时间过长的问题。

技术实现思路

[0004]有鉴于此，本申请实施例提供了一种图像加载方法、装置、电子设备及可读存储介质，以解决现有技术中加载大文件图片时加载时间过长的问题。
[0005]本申请实施例的第一方面，提供了一种图像加载方法，应用于服务器，包括：
[0006]将目标图像按照色域通道进行灰度处理，得到目标灰度图像，所述目标灰度图像包括红色通道对应的第一灰度图像、绿色通道对应的第二灰度图像和蓝色通道对应的第三灰度图像；
[0007]针对每一所述目标灰度图像进行比特分层处理，得到每个所述目标灰度图像对应的N个比特层对应的比特图像，其中所述N个比特层所对应的比特数大于全部比特层中其他比特层所对应的比特数；
[0008]对每个所述比特图像进行切分处理，得到切分后的切片图；
[0009]将所述切片图传输给客户端，以使所述客户端基于所述切片图对所述目标图像进行加载显示。
[0010]本申请实施例的第二方面，提供了一种图像加载方法，应用于客户端，包括：
[0011]接收服务器发送的切片图，所述切片图为所述服务器对每个比特图像进行切分处理得到，所述比特图像为所述服务器对每个目标灰度图像进行比特分层处理得到，且所述比特图像为全部比特层中比特数大的N个层对应的图像，所述目标灰度图像为对目标图像按照色域通道进行灰度处理得到，所述目标灰度图像包括红色通道对应的第一灰度图像、绿色通道对应的第二灰度图像和蓝色通道对应的第三灰度图像；
[0012]根据所述切片图，显示所述目标图像。
[0013]本申请实施例的第三方面，提供了一种图像加载装置，包括：
[0014]灰度处理模块，用于将目标图像按照色域通道进行灰度处理，得到目标灰度图像，所述目标灰度图像包括红色通道对应的第一灰度图像、绿色通道对应的第二灰度图像和蓝色通道对应的第三灰度图像；
[0015]比特分层模块，用于针对每一所述目标灰度图像进行比特分层处理，得到每个所述目标灰度图像对应的N个比特层对应的比特图像，其中所述N个比特层所对应的比特数大于所述全部比特层中其他比特层所对应的比特数；
[0016]切割模块，用于对每个所述比特图像进行切分处理，得到切分后的切片图；
[0017]传输模块，用于将所述切片图传输给客户端，以使所述客户端基于所述切片图对所述目标图像进行加载显示。
[0018]本申请实施例的第四方面，提供了一种电子设备，包括存储器、处理器以及存储在存储器中并且可在处理器上运行的计算机程序，该处理器执行计算机程序时实现上述方法的步骤。
[0019]本申请实施例的第五方面，提供了一种可读存储介质，该可读存储介质存储有计算机程序，该计算机程序被处理器执行时实现上述方法的步骤。
[0020]本申请实施例与现有技术相比存在的有益效果是：
[0021]服务器将目标图像按照色域通道进行灰度处理，得到目标灰度图像，包括红色通道对应的第一灰度图像、绿色通道对应的第二灰度图像和蓝色通道对应的第三灰度图像；再将每个目标灰度图像进行比特分层处理，从而得到每个目标灰度图像对应的N个比特层对应的比特图像，其中N个比特层所对应的比特数大于全部比特层中其他比特层所对应的比特数，比特数大的比特层越接近原目标图像，保留的信息越多，舍弃一些比特数小的比特层，可以看作是对图像的压缩，减少计算量。后再将每个比特图像进行一定的切分处理，对每个比特图像采取同样的切分方式，得到切分后的切片图，将目标图像的切片图传输给客户端，客户端基于切片图从而显示出目标图像。该图像加载方法不仅通过分割目标图像，更通过图像灰度处理和比特分层技术进一步压缩目标图像，提高了加载图像的速度，优化了用户在上网浏览照片等场景时的应用体验，解决了现有技术中加载大文件图片时加载时间长的问题。
附图说明
[0022]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0023]图1是本申请实施例的应用场景的场景示意图；
[0024]图2是本申请实施例提供的一种图像加载方法的流程示意图；
[0025]图3是本申请实施例提供的另一种图像加载方法的流程示意图；
[0026]图4是本申请实施例提供的一种图像加载装置的结构示意图；
[0027]图5是本申请实施例提供的另一种图像加载装置的结构示意图；
[0028]图6是本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
[0029]以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体
细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
[0030]本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
[0031]此外，需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括
……”
限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0032]下面将结合附图详细说明根据本申请实施例的一种图像加载方法和装置。
[0033]图1是本申请实施例的应用场景的场景示意图。该应用场景可以包括客户端设备1、2和3、服务器本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像加载方法，应用于服务器，其特征在于，包括：将目标图像按照色域通道进行灰度处理，得到目标灰度图像，所述目标灰度图像包括红色通道对应的第一灰度图像、绿色通道对应的第二灰度图像和蓝色通道对应的第三灰度图像；针对每一所述目标灰度图像进行比特分层处理，得到每个所述目标灰度图像对应的N个比特层对应的比特图像，其中所述N个比特层所对应的比特数大于全部比特层中其他比特层所对应的比特数；对每个所述比特图像进行切分处理，得到切分后的切片图；将所述切片图传输给客户端，以使所述客户端基于所述切片图对所述目标图像进行加载显示。2.根据权利要求1所述的图像加载方法，其特征在于，所述对每个所述比特图像进行切分处理，得到切分后的切片图，包括：按照切分窗口所对应的分辨率宽度和分辨率高度，对所述比特图像进行切分处理，得到每个所述比特图像对应的切片图；或者，按照预先设置的每个所述比特图像所对应的切片图总数量，确定切分窗口的宽度和高度，并按照所述切分窗口的宽度和高度对所述比特图像进行切分处理，得到每个所述比特图像对应的切片图；其中，所述切片图的命名索引包括所述切片图所对应的色域通道、比特层和切片序号，同一色域通道中N个所述比特层的相同位置处所对应的切片序号相同。3.一种图像加载方法，应用于客户端，其特征在于，包括：接收服务器发送的切片图，所述切片图为所述服务器对每个比特图像进行切分处理得到，所述比特图像为所述服务器对每个目标灰度图像进行比特分层处理得到，且所述比特图像为全部比特层中比特数大的N个层对应的图像，所述目标灰度图像为对目标图像按照色域通道进行灰度处理得到，所述目标灰度图像包括红色通道对应的第一灰度图像、绿色通道对应的第二灰度图像和蓝色通道对应的第三灰度图像；根据所述切片图，显示所述目标图像。4.根据权利要求3所述的图像加载方法，其特征在于，所述切片图的命名索引包括所述切片图所对应的色域通道、比特层和切片序号；其中，同一色域通道中N个所述比特层的相同位置处所对应的切片序号相同；所述根据所述切片图，显示所述目标图像，包括：根据所述切片图的切片序号的总数，对图片显示区域进行划分，其中划分后的每个区域与所述切片图的大小相同，且用于显示对应切片序号的切片图；将相同色域通道和相同切片序号的切片图进行合成处理，得到合成后切片图像；将所述合成后切片图像渲染到与所述合成后切片图像的切片序号对应的区域中。5.根据权利要求4所述...

【专利技术属性】
技术研发人员：张正萍，李赵强，陈博，叶松林，徐焱均，
申请(专利权)人：重庆赛力斯新能源汽车设计院有限公司，
类型：发明
国别省市：