图片显示方法及装置、计算机装置及可读存储介质与流程

文档序号:16742404发布日期:2019-01-28 13:08阅读:135来源:国知局
本发明涉及图像处理
技术领域
:,具体涉及一种图片显示方法及装置、计算机装置和计算机可读存储介质。
背景技术
::目前市面上的一些应用程序在显示图片时使用了图片的缩略图,然而,现有的图片缩略图方案有下面几点缺陷,不能很好地减小计算机装置的图片流量:(1)不能根据屏幕分辨率的不同选择不同尺寸的缩略图。也就是说,对于不同的屏幕分辨率使用相同尺寸的缩略图。(2)图片缩略图的尺寸单一。例如,对图片只提供了唯一尺寸的缩略图。因此,亟需一种可以更好地减小计算机装置的图片流量的图片显示方法。技术实现要素:鉴于以上内容,有必要提出一种图片显示方法及装置、计算机装置和计算机可读存储介质,其可以有效减小计算机装置的图片流量。本申请的第一方面提供一种图片显示方法,所述方法包括:对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图;当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联;根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图;从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图;将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。另一种可能的实现方式中,所述对图片生成多个不同尺寸的缩略图包括:去除所述图片的冗余信息;将去除冗余信息后的所述图片缩小为所述多个预设尺寸。另一种可能的实现方式中,所述对图片生成多个不同尺寸的缩略图还包括:将缩小后的所述图片转换为预设格式。另一种可能的实现方式中,所述将缩小后的所述图片转换为预设格式包括:将缩小后的所述图片转换为webp格式。另一种可能的实现方式中,所述去除所述图片的冗余信息包括:去除与所述图片显示无关的可交换图像文件信息;去除以文本形式嵌入在所述图片的代码中的评论信息;去除与所述图片显示无关的辅助块信息。另一种可能的实现方式中,所述去除与所述图片显示无关的辅助块信息包括:判断所述图片的辅助块信息中是否含有透明通道信息;若所述图片的辅助块信息中含有透明通道信息,则去除所述图片的辅助块信息中除透明通道信息以外的其他信息,并将所述图片中透明通道信息中透明的像素点的rgb颜色值修改为预设的颜色值;否则,若所述图片的辅助块信息中未含有透明通道信息,则去除所述图片所有的辅助块信息。另一种可能的实现方式中,所述根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图包括:从所述多个不同尺寸的缩略图中确定大于或等于所述图片控件的宽度的缩略图,从所述大于或等于所述图片控件的宽度的缩略图中确定最小宽度的缩略图,以该最小宽度的缩略图作为待加载的缩略图;或者从所述多个不同尺寸的缩略图中确定大于或等于所述图片控件的高度的缩略图,从所述大于或等于所述图片控件的高度的缩略图中确定最小高度的缩略图,以该最小高度的缩略图作为待加载的缩略图。本申请的第二方面提供一种图片显示装置,所述装置包括:生成单元,用于对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图;第一获取单元,用于当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联;确定单元,用于根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图;第二获取单元,用于从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图;加载单元,用于将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。本申请的第三方面提供一种计算机装置,所述计算机装置包括处理器,所述处理器用于执行存储器中存储的计算机程序时实现所述图片显示方法。本申请的第四方面提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现所述图片显示方法。本发明对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图;当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联;根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图;从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图;将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。本发明对一个图片生成多个不同尺寸的缩略图,根据图片控件的大小选择适合的缩略图,减小了的计算机装置的图片流量。此外,由于应用程序界面加载图片的图片控件的大小与计算机装置的屏幕分辨率相关联,因此,本发明可以根据计算机装置的屏幕分辨率选择适合尺寸的缩略图进行加载,较小屏幕分辨率的计算机装置选用较小的缩略图,较大屏幕分辨率的计算机装置选用较大的缩略图。附图说明图1是本发明图片显示方法较佳实施例的应用环境示意图。图2是本发明图片显示方法较佳实施例的流程图。图3是本发明图片显示装置较佳实施例的结构图。图4是本发明计算机装置较佳实施例的示意图。具体实施方式为了能够更清楚地理解本发明的上述目的、特征和优点,下面结合附图和具体实施例对本发明进行详细描述。需要说明的是,在不冲突的情况下,本申请的实施例及实施例中的特征可以相互组合。在下面的描述中阐述了很多具体细节以便于充分理解本发明,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。除非另有定义,本文所使用的所有的技术和科学术语与属于本发明的
技术领域
:的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本发明。优选地,本发明的图片显示方法应用在一个或者多个计算机装置中。所述计算机装置是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(applicationspecificintegratedcircuit,asic)、可编程门阵列(field-programmablegatearray,fpga)、数字处理器(digitalsignalprocessor,dsp)、嵌入式设备等。所述计算机装置可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机装置可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。图1是本发明图片显示方法较佳实施例的应用环境示意图。参阅图1所示,所述图片显示方法的应用环境包括移动终端1、应用服务器2与图片服务器3。移动终端1、应用服务器2与图片服务器3通过网络进行通讯。在其他的实施例中,所述图片显示方法的应用环境可以包括计算机装置,还可以包括与计算机装置相连接的存储设备。图2是本发明图片显示方法较佳实施例的流程图。所述图片显示方法具体包括以下步骤:步骤201,对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图。在图1所示应用环境的实施例中,应用服务器2对图片生成多个不同尺寸的缩略图,将所述多个不同尺寸的缩略图存储到图片服务器3。或者,在其他的实施例中,计算机装置对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图,例如,将所述多个不同尺寸的缩略图存储到计算机装置内置的存储设备或外接的存储设备。所述图片为原图。所述图片可以是jpeg(jointphotographicexpertsgroup,联合图像专家小组)图片。jpeg是一种有损压缩格式,jpeg图像压缩算法能够提供良好的压缩性能,并且具有比较好的重建质量,被广泛应用于图像、视频处理领域。jpeg具有调节图像质量的功能,允许用不同的压缩比例对图像文件进行压缩,支持多种压缩级别,压缩比率通常在10:1到40:1之间,压缩比越大,品质就越低;相反地,压缩比越小,品质就越高。所述图片也可以是png(portablenetworkgraphics,便携式网络图形)图片。png是一种无损压缩的位图图形格式。png采用lz77算法的派生算法进行压缩,可获得高压缩比,并且不损失图像数据。png利用特殊的编码方法标记重复出现的数据,因而对图像的颜色没有影响,也不会产生颜色的损失,可以重复保存而不降低图像质量。png允许连续读出和写入图像数据,适合于在通信过程中显示和生成图像。可以理解,所述图片还可以是其他格式的图片,例如gif(graphicsinterchangeformat,图像互换格式)图片或tiff(tagimagefileformat,标签图像文件格式)图片或bmp(bitmap,图像文件格式)图片。所述多个不同尺寸的缩略图可以存储到cdn(contentdeliverynetwork,内容分发网络)。例如,所述图片服务器3可以是cdn中的服务器。cdn是构建在现有网络基础之上的一层智能虚拟网络。cdn的基本原理是广泛采用各种缓存服务器,将这些缓存服务器分布到用户访问相对集中的地区或网络中,在用户访问网站时,利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上,由缓存服务器直接响应用户请求。cdn能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,降低网络拥塞,提高用户访问响应速度和命中率。cdn的关键技术主要有内容存储和分发技术。对所述图片进行处理以生成所述图片的的缩略图可以包括:(1)去除所述图片的冗余信息。若所述图片为jpeg图片或png图片,所述冗余信息可以包括与图片显示无关的exif(exchangeableimagefile,可交换图像文件)信息。exif信息用于记录图片的属性信息和拍摄数据,包括:拍摄时的光圈、快门、白平衡、iso、焦距、日期时间等各种拍摄条件以及相机品牌、型号、色彩编码、拍摄时录制的声音以及通过定位得到的位置信息等。exif信息中除了白平衡和色彩编码,其余信息和数据均与图片显示没有关系,可以对此进行去除。一般情况下,去除图片中与图片显示无关的exif信息可减少约20k存储空间。若所述图片为jpeg图片或png图片,所述冗余信息还可以包括以文本形式嵌入在图片代码中的评论信息,例如对拍照地点的描述、摄影师的姓名等。评论信息也与图片显示无关,去除之后不会对图片显示造成影响。若所述图片为png图片,所述冗余信息还可以包括与图片显示无关的辅助块信息。标准的png文件由一个png文件标识和多个png数据块构成,png数据块又分关键块和辅助块。辅助块包括14种信息(即辅助块信息),根据信息类型可分为5类:透明通道信息(trns)、色彩空间信息(chrm、gama、iccp、sbit、srgb)、文本信息(text、ztxt、itxt)、其他信息(bkgd、hist、phys、splt)和时间戳信息(time)。辅助块信息在多数情况下不需要全部保留,因而可以在去除图片的冗余信息时去除与图片显示无关的辅助块信息,例如文本信息(text、ztxt、itxt)和时间戳信息(time)。在一实施例中,对于没有透明通道信息的png图片,则去除所有的辅助块信息(即去除辅助块);对于含有透明通道信息的png图片,则去除透明通道信息之外所有的辅助块信息,并对处于透明状态的像素点的rgb颜色值进行修改。具体地,若所述图片为png图片,可以通过如下步骤去除与图片显示无关的辅助块信息:判断所述图片的辅助块信息中是否含有透明通道信息;若所述图片的辅助块信息中含有透明通道信息,则去除所述图片的辅助块信息中除透明通道信息以外的其他信息,并将所述图片中透明通道信息中透明的像素点的rgb颜色值修改为预设的颜色值;若所述图片的辅助块信息中未含有透明通道信息,则去除所述图片所有的辅助块信息。根据透明通道信息中对应保存的各像素点的透明信息可知,在图片中哪些像素点是完全透明的,因此对于透明的像素点,无论其对应的原有的rgb颜色值是何种颜色,在图片显示时该像素点时都不显示其对应的颜色,而是根据png图片的透明通道信息中对应的该像素点的透明属性显示该像素点为完全透明的,颜色值则为不可见。对于该像素点对应保存的rgb颜色值来说则是无用的,因此可以将其对应的rgb颜色值修改为预设的颜色值(例如(0,0,0)),以减少图片的存储空间。(2)将去除冗余信息后的图片缩小为多个预设尺寸。可以指定缩略图的宽度或者高度,按照原图比例(即等宽高)对去除冗余信息后的图片进行缩小,以避免图片失真。例如,可以指定缩略图的宽度分别为48、96、160、320、480、640、750、1080(单位为像素),按照原图比例对去除冗余信息后的图片进行缩小。可以根据图片的实际应用情况,指定缩略图的宽度或者高度。或者,可以指定缩略图的宽度和高度(例如480*360),不按照原图比例对去除冗余信息后的图片进行缩小。若所述图片的宽度或者高度小于指定的缩略图的宽度或者高度,则不对所述图片进行缩小。除了上述(1)、(2),对所述图片进行处理以生成所述图片的的缩略图还可以包括:(3)将缩小后的图片转换为预设格式。例如,将缩小后的jpeg图片转换为webp格式。webp是为了减少数据量、加速网络传输而开发的图片格式。webp同时提供有损压缩与无损压缩的图片文件格式,派生自图像编码格式vp8。webp格式的主要优势在于高效率。在质量相同的情况下,webp格式图像要比jpeg格式图像小40%。在一具体实施例中,所述图片为jpeg图片,可以生成一套宽度分别为48、96、160、320、480、640、750、1080的jpeg缩略图和一套宽度分别为48、96、160、320、480、640、750、1080的webp缩略图,生成的缩略图的宽高比与原图相同。在另一具体实施例中,所述图片为png图片,可以生成一套宽度分别为48、96、160、320、480、640、750、1080的png缩略图和一套宽度分别为48、96、160、320、480、640、750、1080的webp缩略图,生成的缩略图的宽高比与原图相同。在将所述图片的缩略图存储到图片服务器3的情况下,所述图片的缩略图在所述图片服务器3的地址可以用url(uniformresourcelocator,统一资源定位符)表示。所述图片的缩略图在所述图片服务器3的地址可以根据所述图片在所述图片服务器3的地址、所述缩略图指定的尺寸(宽度和/或高度)、所述缩略图的图片格式进行设置。例如,图片为png图片,该图片在所述图片服务器3的地址为https://abcdef.com.cn/upload/1512988034923.png,该图片的缩略图为png格式,该缩略图指定的宽度为160,则该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/160/1512988034923.png。又如,所述图片为jpeg图片,该图片在所述图片服务器3的地址为https://abcdef.com.cn/upload/1512988034958.jpeg,该图片的缩略图为webp格式,该缩略图指定的宽度为320,则该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/320/1512988034958.webp。步骤202,当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联。图片控件是一种用户界面控件(即ui控件),用于在用户界面显示图片。所述应用程序界面可以是应用程序的任意界面,例如主界面或从主界面进入的其他界面。所述应用程序界面可以是原生界面也可以是h5界面。在一具体实施例中,当移动终端1要打开应用程序界面时,移动终端1向应用服务器2发送页面数据请求,并接收应用服务器2返回的页面数据。所述页面数据为页面各个区域的数据,包括文字、图片地址、跳转链接等。可以判断所述页面数据中的图片地址是否为预设地址(例如判定所述图片地址的前缀是否为预设前缀),若所述页面数据中的图片地址为预设地址,则移动终端1要打开的应用程序界面包含所述图片。页面数据中的图片地址为原图的地址。所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联。屏幕分辨率越低,则图片控件越小;屏幕分辨率越高,则图片控件越大。例如,所述图片控件的大小可以与显示所述应用程序界面的屏幕分辨率成正比。举例来说,移动终端1加载图片的图片控件的大小与移动终端1的分辨率相关联。移动终端1的分辨率越低,则图片控件越小;移动终端1的分辨率越高,则图片控件越大。在一个具体实施例中,可以通过getmeasuredwidth方法获取所述图片控件的宽度。例如,可以发送一个消息到ui线程消息队列的队尾,当开始处理该消息时,使用getmeasuredwidth方法获取所述图片控件的宽度。所述ui线程消息队列负责处理界面绘制交互等事件。步骤203,根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图。在一实施例中,生成的多个不同尺寸的缩略图是指定不同宽度的缩略图,获取的图片控件的大小为图片控件的宽度,在这种情况下,可以从所述多个不同尺寸的缩略图中确定大于或等于所述图片控件的宽度的缩略图,从大于或等于所述图片控件的宽度的缩略图中确定最小宽度的缩略图,以该最小宽度的缩略图作为待加载的缩略图。在另一实施例中,生成的多个不同尺寸的缩略图是指定不同的高度的缩略图,获取的图片控件的大小为图片控件的高度,在这种情况下,可以从所述多个不同尺寸的缩略图中确定大于或等于所述图片控件的高度的缩略图,从大于或等于所述图片控件的高度的缩略图中确定最小高度的缩略图,以该最小高度的缩略图作为待加载的缩略图。若图片控件的大小大于生成的多个不同尺寸的缩略图,则以多个不同尺寸的缩略图中最大尺寸的缩略图作为待加载的缩略图。若步骤201中生成的缩略图包括不同图片格式的缩略图(例如jepg缩略图和webp缩略图),则在确定待加载的缩略图时,首先判断显示所述应用程序界面的计算机装置(例如所述移动终端1)是否支持所述不同图片格式中较小的图片格式(例如webp格式),若显示所述应用程序界面的计算机装置支持所述不同图片格式中较小的图片格式,则从该较小图片格式的缩略图中确定待加载的缩略图。例如,步骤102中生成的缩略图包括jepg缩略图和webp缩略图,则根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图时,判断所述移动终端1是否支持webp格式,若所述移动终端1支持webp格式,则从webp缩略图中确定待加载的缩略图。步骤204,从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图。例如,在所述多个不同尺寸的缩略图存储到图片服务器3的情况下,根据所述待加载的缩略图在所述图片服务器3的地址获取所述待加载的缩略图。如前所述,不同尺寸、不同格式的缩略图存储在所述图片服务器3不同的地址。例如,图片为png图片,该图片在所述图片服务器3的地址为https://abcdef.com.cn/upload/1512988034923.png,该图片的一个缩略图为png格式,该缩略图指定的宽度为160,该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/160/1512988034923.png;该图片的另一缩略图为webp格式,该缩略图指定的宽度为320,该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/320/1512988034923.webp。因此,若要获取该图片指定的宽度为160,格式为png的缩略图,则从https://abcdef.com.cn/upload/160/1512988034923.png获取得到;若要获取该图片指定的宽度为320,格式为webp的缩略图,则从https://abcdef.com.cn/upload/320/1512988034923.webp获取得到。步骤205,将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。例如,将从https://abcdef.com.cn/upload/160/1512988034923.png获取的png格式、宽度为160的缩略图通过所述图片控件进行加载,在应用程序界面上显示出来。又如,将从https://abcdef.com.cn/upload/320/1512988034923.webp获取的webp格式、宽度为320的缩略图通过所述图片控件进行加载,在应用程序界面上显示出来。所述图片显示方法对图片生成多个不同尺寸的缩略图,根据计算机装置(例如移动终端1)加载图片的图片控件的大小从多个不同尺寸的缩略图中选择适合的缩略图进行加载。本方法对一个图片生成多个不同尺寸的缩略图,根据图片控件的大小选择适合的缩略图,减小了的计算机装置的图片流量。此外,由于应用程序界面加载图片的图片控件的大小与计算机装置的屏幕分辨率相关联,因此,本方法可以根据计算机装置的屏幕分辨率选择适合尺寸的缩略图进行加载,较小屏幕分辨率的计算机装置选用较小的缩略图,较大屏幕分辨率的计算机装置选用较大的缩略图。图3为本发明图片显示装置较佳实施例的结构图。如图3所示,所述图片显示装置10可以包括:生成单元301、第一获取单元302、确定单元303、第二获取单元304、加载单元305。生成单元301,用于对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图。在图1所示应用环境的实施例中,生成单元301设置在应用服务器2中,第一获取单元302、确定单元303、第二获取单元304、加载单元305设置在移动终端1中。生成单元301对图片生成多个不同尺寸的缩略图,将所述多个不同尺寸的缩略图存储到图片服务器3。或者,在其他的实施例中,生成单元301、第一获取单元302、确定单元303、第二获取单元304、加载单元305设置在计算机装置中。生成单元301对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图,例如,将所述多个不同尺寸的缩略图存储到计算机装置内置的存储设备或外接的存储设备。所述图片为原图。所述图片可以是jpeg(jointphotographicexpertsgroup,联合图像专家小组)图片。jpeg是一种有损压缩格式,jpeg图像压缩算法能够提供良好的压缩性能,并且具有比较好的重建质量,被广泛应用于图像、视频处理领域。jpeg具有调节图像质量的功能,允许用不同的压缩比例对图像文件进行压缩,支持多种压缩级别,压缩比率通常在10:1到40:1之间,压缩比越大,品质就越低;相反地,压缩比越小,品质就越高。所述图片也可以是png(portablenetworkgraphics,便携式网络图形)图片。png是一种无损压缩的位图图形格式。png采用lz77算法的派生算法进行压缩,可获得高压缩比,并且不损失图像数据。png利用特殊的编码方法标记重复出现的数据,因而对图像的颜色没有影响,也不会产生颜色的损失,可以重复保存而不降低图像质量。png允许连续读出和写入图像数据,适合于在通信过程中显示和生成图像。可以理解,所述图片还可以是其他格式的图片,例如gif(graphicsinterchangeformat,图像互换格式)图片或tiff(tagimagefileformat,标签图像文件格式)图片或bmp(bitmap,图像文件格式)图片。所述多个不同尺寸的缩略图可以存储到cdn(contentdeliverynetwork,内容分发网络)。例如,所述图片服务器3可以是cdn中的服务器。cdn是构建在现有网络基础之上的一层智能虚拟网络。cdn的基本原理是广泛采用各种缓存服务器,将这些缓存服务器分布到用户访问相对集中的地区或网络中,在用户访问网站时,利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上,由缓存服务器直接响应用户请求。cdn能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,降低网络拥塞,提高用户访问响应速度和命中率。cdn的关键技术主要有内容存储和分发技术。对所述图片进行处理以生成所述图片的的缩略图可以包括:(1)去除所述图片的冗余信息。若所述图片为jpeg图片或png图片,所述冗余信息可以包括与图片显示无关的exif(exchangeableimagefile,可交换图像文件)信息。exif信息用于记录图片的属性信息和拍摄数据,包括:拍摄时的光圈、快门、白平衡、iso、焦距、日期时间等各种拍摄条件以及相机品牌、型号、色彩编码、拍摄时录制的声音以及通过定位得到的位置信息等。exif信息中除了白平衡和色彩编码,其余信息和数据均与图片显示没有关系,可以对此进行去除。一般情况下,去除图片中与图片显示无关的exif信息可减少约20k存储空间。若所述图片为jpeg图片或png图片,所述冗余信息还可以包括以文本形式嵌入在图片代码中的评论信息,例如对拍照地点的描述、摄影师的姓名等。评论信息也与图片显示无关,去除之后不会对图片显示造成影响。若所述图片为png图片,所述冗余信息还可以包括与图片显示无关的辅助块信息。标准的png文件由一个png文件标识和多个png数据块构成,png数据块又分关键块和辅助块。辅助块包括14种信息(即辅助块信息),根据信息类型可分为5类:透明通道信息(trns)、色彩空间信息(chrm、gama、iccp、sbit、srgb)、文本信息(text、ztxt、itxt)、其他信息(bkgd、hist、phys、splt)和时间戳信息(time)。辅助块信息在多数情况下不需要全部保留,因而可以在去除图片的冗余信息时去除与图片显示无关的辅助块信息,例如文本信息(text、ztxt、itxt)和时间戳信息(time)。在一实施例中,对于没有透明通道信息的png图片,则去除所有的辅助块信息(即去除辅助块);对于含有透明通道信息的png图片,则去除透明通道信息之外所有的辅助块信息,并对处于透明状态的像素点的rgb颜色值进行修改。具体地,若所述图片为png图片,可以通过如下步骤去除与图片显示无关的辅助块信息:判断所述图片的辅助块信息中是否含有透明通道信息;若所述图片的辅助块信息中含有透明通道信息,则去除所述图片的辅助块信息中除透明通道信息以外的其他信息,并将所述图片中透明通道信息中透明的像素点的rgb颜色值修改为预设的颜色值;若所述图片的辅助块信息中未含有透明通道信息,则去除所述图片所有的辅助块信息。根据透明通道信息中对应保存的各像素点的透明信息可知,在图片中哪些像素点是完全透明的,因此对于透明的像素点,无论其对应的原有的rgb颜色值是何种颜色,在图片显示时该像素点时都不显示其对应的颜色,而是根据png图片的透明通道信息中对应的该像素点的透明属性显示该像素点为完全透明的,颜色值则为不可见。对于该像素点对应保存的rgb颜色值来说则是无用的,因此可以将其对应的rgb颜色值修改为预设的颜色值(例如(0,0,0)),以减少图片的存储空间。(2)将去除冗余信息后的图片缩小为多个预设尺寸。可以指定缩略图的宽度或者高度,按照原图比例(即等宽高)对去除冗余信息后的图片进行缩小,以避免图片失真。例如,可以指定缩略图的宽度分别为48、96、160、320、480、640、750、1080(单位为像素),按照原图比例对去除冗余信息后的图片进行缩小。可以根据图片的实际应用情况,指定缩略图的宽度或者高度。或者,可以指定缩略图的宽度和高度(例如480*360),不按照原图比例对去除冗余信息后的图片进行缩小。若所述图片的宽度或者高度小于指定的缩略图的宽度或者高度,则不对所述图片进行缩小。除了上述(1)、(2),对所述图片进行处理以生成所述图片的的缩略图还可以包括:(3)将缩小后的图片转换为预设格式。例如,将缩小后的jpeg图片转换为webp格式。webp是为了减少数据量、加速网络传输而开发的图片格式。webp同时提供有损压缩与无损压缩的图片文件格式,派生自图像编码格式vp8。webp格式的主要优势在于高效率。在质量相同的情况下,webp格式图像要比jpeg格式图像小40%。在一具体实施例中,所述图片为jpeg图片,可以生成一套宽度分别为48、96、160、320、480、640、750、1080的jpeg缩略图和一套宽度分别为48、96、160、320、480、640、750、1080的webp缩略图,生成的缩略图的宽高比与原图相同。在另一具体实施例中,所述图片为png图片,可以生成一套宽度分别为48、96、160、320、480、640、750、1080的png缩略图和一套宽度分别为48、96、160、320、480、640、750、1080的webp缩略图,生成的缩略图的宽高比与原图相同。在将所述图片的缩略图存储到图片服务器3的情况下,所述图片的缩略图在所述图片服务器3的地址可以用url(uniformresourcelocator,统一资源定位符)表示。所述图片的缩略图在所述图片服务器3的地址可以根据所述图片在所述图片服务器3的地址、所述缩略图指定的尺寸(宽度和/或高度)、所述缩略图的图片格式进行设置。例如,图片为png图片,该图片在所述图片服务器3的地址为https://abcdef.com.cn/upload/1512988034923.png,该图片的缩略图为png格式,该缩略图指定的宽度为160,则该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/160/1512988034923.png。又如,所述图片为jpeg图片,该图片在所述图片服务器3的地址为https://abcdef.com.cn/upload/1512988034958.jpeg,该图片的缩略图为webp格式,该缩略图指定的宽度为320,则该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/320/1512988034958.webp。第一获取单元302,用于当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联。图片控件是一种用户界面控件(即ui控件),用于在用户界面显示图片。所述应用程序界面可以是应用程序的任意界面,例如主界面或从主界面进入的其他界面。所述应用程序界面可以是原生界面也可以是h5界面。在一具体实施例中,当移动终端1要打开应用程序界面时,移动终端1中的第一获取单元302向应用服务器2发送页面数据请求,并接收应用服务器2返回的页面数据。所述页面数据为页面各个区域的数据,包括文字、图片地址、跳转链接等。可以判断所述页面数据中的图片地址是否为预设地址(例如判定所述图片地址的前缀是否为预设前缀),若所述页面数据中的图片地址为预设地址,则移动终端1要打开的应用程序界面包含所述图片。页面数据中的图片地址为原图的地址。所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联。屏幕分辨率越低,则图片控件越小;屏幕分辨率越高,则图片控件越大。例如,所述图片控件的大小可以与显示所述应用程序界面的屏幕分辨率成正比。举例来说,移动终端1加载图片的图片控件的大小与移动终端1的分辨率相关联。移动终端1的分辨率越低,则图片控件越小;移动终端1的分辨率越高,则图片控件越大。在一个具体实施例中,可以通过getmeasuredwidth方法获取所述图片控件的宽度。例如,可以发送一个消息到ui线程消息队列的队尾,当开始处理该消息时,使用getmeasuredwidth方法获取所述图片控件的宽度。所述ui线程消息队列负责处理界面绘制交互等事件。确定单元303,用于根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图。在一实施例中,生成的多个不同尺寸的缩略图是指定不同宽度的缩略图,获取的图片控件的大小为图片控件的宽度,在这种情况下,可以从所述多个不同尺寸的缩略图中确定大于或等于所述图片控件的宽度的缩略图,从大于或等于所述图片控件的宽度的缩略图中确定最小宽度的缩略图,以该最小宽度的缩略图作为待加载的缩略图。在另一实施例中,生成的多个不同尺寸的缩略图是指定不同的高度的缩略图,获取的图片控件的大小为图片控件的高度,在这种情况下,可以从所述多个不同尺寸的缩略图中确定大于或等于所述图片控件的高度的缩略图,从大于或等于所述图片控件的高度的缩略图中确定最小高度的缩略图,以该最小高度的缩略图作为待加载的缩略图。若图片控件的大小大于生成的多个不同尺寸的缩略图,则以多个不同尺寸的缩略图中最大尺寸的缩略图作为待加载的缩略图。若生成单元301生成的缩略图包括不同图片格式的缩略图(例如jepg缩略图和webp缩略图),则在确定待加载的缩略图时,首先判断显示所述应用程序界面的计算机装置(例如所述移动终端1)是否支持所述不同图片格式中较小的图片格式(例如webp格式),若显示所述应用程序界面的计算机装置支持所述不同图片格式中较小的图片格式,则从该较小图片格式的缩略图中确定待加载的缩略图。例如,步骤102中生成的缩略图包括jepg缩略图和webp缩略图,则根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图时,判断所述移动终端1是否支持webp格式,若所述移动终端1支持webp格式,则从webp缩略图中确定待加载的缩略图。第二获取单元304,用于从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图。例如,在所述多个不同尺寸的缩略图存储到图片服务器3的情况下,根据所述待加载的缩略图在所述图片服务器3的地址获取所述待加载的缩略图。如前所述,不同尺寸、不同格式的缩略图存储在所述图片服务器3不同的地址。例如,图片为png图片,该图片在所述图片服务器3的地址为https://abcdef.com.cn/upload/1512988034923.png,该图片的一个缩略图为png格式,该缩略图指定的宽度为160,该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/160/1512988034923.png;该图片的另一缩略图为webp格式,该缩略图指定的宽度为320,该缩略图在所述图片服务器3的地址为https://abcdef.com.cn/upload/320/1512988034923.webp。因此,若要获取该图片指定的宽度为160,格式为png的缩略图,则从https://abcdef.com.cn/upload/160/1512988034923.png获取得到;若要获取该图片指定的宽度为320,格式为webp的缩略图,则从https://abcdef.com.cn/upload/320/1512988034923.webp获取得到。加载单元305,用于将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。例如,将从https://abcdef.com.cn/upload/160/1512988034923.png获取的png格式、宽度为160的缩略图通过所述图片控件进行加载,在应用程序界面上显示出来。又如,将从https://abcdef.com.cn/upload/320/1512988034923.webp获取的webp格式、宽度为320的缩略图通过所述图片控件进行加载,在应用程序界面上显示出来。本发明图片显示装置对图片生成多个不同尺寸的缩略图,根据计算机装置(例如移动终端1)加载图片的图片控件的大小从多个不同尺寸的缩略图中选择适合的缩略图进行加载。本发明图片显示装置对一个图片生成多个不同尺寸的缩略图,根据图片控件的大小选择适合的缩略图,减小了的计算机装置的图片流量。此外,由于应用程序界面加载图片的图片控件的大小与计算机装置的屏幕分辨率相关联,因此,本发明图片显示装置可以根据计算机装置的屏幕分辨率选择适合尺寸的缩略图进行加载,较小屏幕分辨率的计算机装置选用较小的缩略图,较大屏幕分辨率的计算机装置选用较大的缩略图。本实施例提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述疾病异常数据检测方法实施例中的步骤,例如图2所示的步骤201-205:步骤201,对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图;步骤202,当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联;步骤203,根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图;步骤204,从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图;步骤205,将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。或者,该计算机程序被处理器执行时实现上述装置实施例中各模块/单元的功能,例如图3中的单元301-305:生成单元301,用于对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图;第一获取单元302,用于当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联;确定单元303,用于根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图;第二获取单元304,用于从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图;加载单元305,用于将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。图4为本发明计算机装置较佳实施例的示意图。所述计算机装置1包括存储器20、处理器30以及存储在所述存储器20中并可在所述处理器30上运行的计算机程序40,例如图片显示程序。所述处理器30执行所述计算机程序40时实现上述图片显示方法实施例中的步骤,例如图2所示的步骤201-205:步骤201,对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图;步骤202,当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联;步骤203,根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图;步骤204,从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图;步骤205,将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。或者,所述处理器30执行所述计算机程序40时实现上述装置实施例中各模块/单元的功能,例如图3中的单元301-305:生成单元301,用于对图片生成多个不同尺寸的缩略图,存储所述多个不同尺寸的缩略图;第一获取单元302,用于当要打开包含所述图片的应用程序界面时,获取所述应用程序界面中加载所述图片的图片控件的大小,所述图片控件的大小与显示所述应用程序界面的屏幕分辨率相关联;确定单元303,用于根据所述图片控件的大小从所述多个不同尺寸的缩略图中确定待加载的缩略图;第二获取单元304,用于从存储的多个不同尺寸的缩略图中获取所述待加载的缩略图;加载单元305,用于将获取的缩略图通过所述图片控件进行加载,在所述应用程序界面显示所述图片。示例性的,所述计算机程序40可以被分割成一个或多个模块/单元,所述一个或者多个模块/单元被存储在所述存储器20中,并由所述处理器30执行,以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述所述计算机程序40在所述计算机装置1中的执行过程。例如,所述计算机程序40可以被分割成图3中的生成单元301、第一获取单元302、确定单元303、第二获取单元304、加载单元305,各单元具体功能参见上述装置实施例。所述计算机装置1可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。本领域技术人员可以理解,所述示意图4仅仅是计算机装置1的示例,并不构成对计算机装置1的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如所述计算机装置1还可以包括输入输出设备、网络接入设备、总线等。所称处理器30可以是中央处理单元(centralprocessingunit,cpu),还可以是其他通用处理器、数字信号处理器(digitalsignalprocessor,dsp)、专用集成电路(applicationspecificintegratedcircuit,asic)、现成可编程门阵列(field-programmablegatearray,fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器30也可以是任何常规的处理器等,所述处理器30是所述计算机装置1的控制中心,利用各种接口和线路连接整个计算机装置1的各个部分。所述存储器20可用于存储所述计算机程序40和/或模块/单元,所述处理器30通过运行或执行存储在所述存储器20内的计算机程序和/或模块/单元,以及调用存储在存储器20内的数据,实现所述计算机装置1的各种功能。所述存储器20可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据计算机装置1的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器20可以包括高速随机存取存储器,还可以包括非易失性存储器,例如硬盘、内存、插接式硬盘,智能存储卡(smartmediacard,smc),安全数字(securedigital,sd)卡,闪存卡(flashcard)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。所述计算机装置1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom,read-onlymemory)、随机存取存储器(ram,randomaccessmemory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。在本发明所提供的几个实施例中,应该理解到,所揭露的计算机装置和方法,可以通过其它的方式实现。例如,以上所描述的计算机装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。另外,在本发明各个实施例中的各功能单元可以集成在相同处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在相同单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能模块的形式实现。对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。计算机装置权利要求中陈述的多个单元或计算机装置也可以由同一个单元或计算机装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。最后应说明的是,以上实施例仅用以说明本发明的技术方案而非限制,尽管参照较佳实施例对本发明进行了详细说明,本领域的普通技术人员应当理解,可以对本发明的技术方案进行修改或等同替换,而不脱离本发明技术方案的精神和范围。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1