根据屏幕分辨率加载图片的装置和方法制造方法及图纸

技术编号:12830155 阅读:46 留言:0更新日期:2016-02-07 17:16
本发明专利技术公开了一种根据屏幕分辨率加载图片的装置和方法,所述装置应用于终端,包括:判断模块,用于当加载图片时,判断本终端的屏幕分辨率等级;加载模块,用于根据所述屏幕分辨率等级加载相应规格的图片。从而实现了按需加载不同质量规格的图片,不同屏幕分辨率的终端加载不同质量规格的图片,提高了页面渲染速度,提高了网站性能,并大大节约了带宽资源。同时,判断运算和图片渲染都在终端上完成,节约了服务器资源。

【技术实现步骤摘要】

本专利技术涉及通信
,尤其涉及一种。
技术介绍
随着显示技术的不断发展,屏幕分辩率越来越高。目前,移动终端上已出现了 5K高清显示屏,5K高清显示屏可以渲染和显示比普通图片分辨率更高的高清图片,给用户带来更加震撼的视觉体验。虽然高清图片可以给用户带来良好的视觉体验,但由于不是所有的终端设备都具有高清显示屏,如果网站在所有终端设备上都加载高清图片,对于普通屏幕来说,会导致渲染速度的降低和图片质量的溢出,并且会增大服务器带宽,浪费带宽资源。
技术实现思路
本专利技术的主要目的在于提出一种,旨在实现按需加载不同质量规格的图片,提高页面渲染速度,节约带宽资源。为实现上述目的,本专利技术提出一种根据屏幕分辨率加载图片的系统,包括服务器和终端,其中:所述服务器,用于根据屏幕分辨率等级存储至少两种规格的图片;所述终端,用于当加载所述图片时,判断本终端的屏幕分辨率等级,根据所述屏幕分辨率等级加载相应规格的图片。其中,所述终端用于:获取层叠样式表CSS3中的参数信息,根据所述参数信息判断本终端的屏幕分辨率等级。其中,所述CSS3中的参数信息包括物理像素和设备独立像素的比例device-pixel-rat1或/和每像素包含点的数量dppx。本专利技术还提出一种根据屏幕分辨率加载图片的装置,应用于终端,包括:判断模块,用于当加载图片时,判断本终端的屏幕分辨率等级;加载模块,用于根据所述屏幕分辨率等级加载相应规格的图片。其中,所述判断模块用于:获取层叠样式表CSS3中的参数信息,根据所述参数信息判断本终端的屏幕分辨率等级。其中,所述屏幕分辨率等级包括高清屏幕和普通屏幕,对应的图片规格分别为高清图片和普通图片,所述判断模块用于:当所述device-pixel-rat1的值等于第一设定值(如等于2)或/和所述dppx大于或等于预设值时,判断本终端的屏幕为高清屏幕;当所述device-pixel-rat1的值等于第二设定值(如等于1)或/和所述dppx小于预设值时,判断本终端的屏幕为普通屏幕。其中,所述加载模块用于:在加载页面写入普通src地址和高清src地址;当所述屏幕分辨率等级为高清屏幕时,利用所述高清src地址的值覆盖所述普通src地址的值,以加载所述高清图片;当所述屏幕分辨率等级为普通屏幕时,利用所述普通src地址作为加载地址,以加载所述普通图片。本专利技术同时提出一种根据屏幕分辨率加载图片的方法,包括步骤:服务器根据屏幕分辨率等级存储至少两种规格的图片;终端加载所述图片时,判断本终端的屏幕分辨率等级,根据所述屏幕分辨率等级加载相应规格的图片。其中,所述判断本终端的屏幕分辨率等级包括:获取层叠样式表CSS3中的参数信息,根据所述参数信息判断本终端的屏幕分辨率等级。本专利技术还提出一种根据屏幕分辨率加载图片的方法,应用于终端,包括步骤:加载图片时,判断本终端的屏幕分辨率等级;根据所述屏幕分辨率等级加载相应规格的图片。其中,所述屏幕分辨率等级包括高清屏幕和普通屏幕,对应的图片规格分别为高清图片和普通图片,所述根据所述参数信息判断本终端的屏幕分辨率等级:当所述device-pixel-rat1的值等于第一设定值(如等于2)或/和所述dppx大于或等于预设值时,判断本终端的屏幕为高清屏幕;当所述device-pixel-rat1的值等于第二设定值(如等于1)或/和所述dppx小于预设值时,判断本终端的屏幕为普通屏幕。其中,根据所述屏幕分辨率等级加载相应规格的图片包括:在加载页面写入普通src地址和高清src地址;当所述屏幕分辨率等级为高清屏幕时,利用所述高清src地址的值覆盖所述普通src地址的值,以加载所述高清图片;当所述屏幕分辨率等级为普通屏幕时,利用所述普通src地址作为加载地址,以加载所述普通图片。本专利技术所提出的一种本专利技术,预先由服务器根据屏幕分辨率等级定义两种或多种质量规格的图片,终端加载图片时,则根据本终端的屏幕分辨率等级加载相应规格的图片,从而实现了按需加载不同质量规格的图片,不同屏幕分辨率的终端加载不同质量规格的图片,提高了页面渲染速度,提高了网站性能,并大大节约了带宽资源。同时,判断运算和图片渲染都在终端上完成,节约了服务器资源。【附图说明】图1为实现本专利技术各个实施例的移动终端的硬件结构示意图;图2为如图1所示的移动终端的无线通信系统示意图;图3为本专利技术根据屏幕分辨率加载图片的方法第一实施例的流程图;图4为本专利技术根据屏幕分辨率加载图片的方法第二实施例的流程图;图5为本专利技术根据屏幕分辨率加载图片的方法第三实施例的流程图;图6为本专利技术根据屏幕分辨率加载图片的方法第四实施例的流程图;图7为本专利技术根据屏幕分辨率加载图片的系统一实施例的模块示意图;图8为本专利技术根据屏幕分辨率加载图片的装置一实施例的模块示意图。本专利技术目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。【具体实施方式】应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。现在将参考附图描述实现本专利技术各个实施例的移动终端。在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本专利技术的说明,其本身并没有特定的意义。因此,〃模块〃与〃部件〃可以混合地使用。移动终端可以以各种形式来实施。例如,本专利技术中描述的终端可以包括诸如移动电话、智能电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、导航装置等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。下面,假设终端是移动终端。然而,本领域技术人员将理解的是,除了特别用于移动目的的元件之外,根据本专利技术的实施方式的构造也能够应用于固定类型的终端。图1为实现本专利技术各个实施例的移动终端的硬件结构示意。移动终端100可以包括无线通信单元110、A/V (音频/视频)输入单元120、用户输入单元130、感测单元140、输出单元150、存储器160、接口单元170、控制器180和电源单元190等等。图1示出了具有各种组件的移动终端,但是应理解的是,并不要求实施所有示出的组件。可以替代地实施更多或更少的组件。将在下面详细描述移动终端的元件。无线通信单元110通常包括一个或多个组件,其允许移动终端100与无线通信系统或网络之间的无线电通信。例如,无线通信单元可以包括广播接收模块111、移动通信模块112、无线互联网模块113、短程通信模块114和位置信息模块115中的至少一个。广播接收模块111经由广播信道从外部广播管理服务器接收广播信号和/或广播相关信息。广播信道可以包括卫星信道和/或地面信道。广播管理服务器可以是生成并发送广播信号和/或广播相关信息的服务器或者接收之前生成的广播信号和/或广播相关信息并且将其发送给终端的服务器。广播信号可以包括TV广播信号、无线电广播信号、数据广播信号等等。而且,广播信号可以进一步包括与TV或无线电广播信号组合的广播信号。广播相关信息也可以经由移动通信网络提供,并且在该情况下,广播相关信息可以由移动通信模块112来接收。广播信号可以以各种形式存在,例如,其可以以数字多媒体广播(DMB)的电子节目指南(EPG)、数字视频广播手持(DVB-Η)的电子服务指南(ESG)等等的形式而存在。本文档来自技高网...

【技术保护点】
一种根据屏幕分辨率加载图片的装置,应用于终端,其特征在于,包括:判断模块,用于当加载图片时,判断本终端的屏幕分辨率等级;加载模块,用于根据所述屏幕分辨率等级加载相应规格的图片。

【技术特征摘要】

【专利技术属性】
技术研发人员:黄程敏
申请(专利权)人:努比亚技术有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1