CN105045893A - 一种网页中的图片的适配方法和装置 - Google Patents

Abstract

本发明公开了一种网页中的图片的适配方法和装置，该方法包括：接收终端设备上的浏览器发送的获取指定网页的请求；获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包；将所述代码包返回给所述终端设备上的浏览器；这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。依据本发明提供的技术方案，使得终端设备上的浏览器在加载网页时，网页中的图片在保证图片信息完整不失真的前提下适配于当前终端设备而显示，符合用户的浏览需求，大幅提升用户体验。

Description

一种网页中的图片的适配方法和装置

技术领域

本发明涉及互联网技术领域，具体涉及一种网页中图片的适配方法和装置。

背景技术

随着科技的不断进步，用于浏览互联网页面的终端设备的种类日益增多，除了使用传统的PC机，用户也越来越频繁地通过各种型号的手机、上网本、PAD等终端设备来浏览网页。在这种形势下，由于各种终端设备的显示参数的不同，传统的网页中图片的固定宽度设计显得愈发不合理，无法满足用户的浏览需求。

因此，如何使得终端设备上的浏览器在加载网页时，网页中的图片在保证图片信息完整不失真的前提下适配于当前终端设备而显示，是目前亟待解决的问题，对于跨平台跨设备浏览网页的用户来说具有重要的意义。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页中的图片的适配方法和相应的装置。

依据本发明的一个方面，提供了一种网页中的图片的适配方法，该方法包括：

接收终端设备上的浏览器发送的获取指定网页的请求；

获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包；

将所述代码包返回给所述终端设备上的浏览器；这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。

可选地，该方法进一步包括：

生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码；

获取并保存各个网页中的原图的图片参数。

可选地，获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包包括：

将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包。

可选地，获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包包括：

将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

可选地，所述代码包在执行时执行如下步骤：

获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。

可选地，获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数包括：获取终端设备的HTML宽度，以及获取指定页面中的原图片的宽度值和字体大小值；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片包括：依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图片字体大小值的比值相等的条件，获得终端设备侧字体大小值；

设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值；

依据原图片中的指定元素在原图片中的宽度比例，获得该指定元素在终端设备上显示时的宽度值，以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显示的高度值。

根据本发明的另一方面，提供了一种网页中的图片的适配装置，该装置包括：

接收单元，适于接收终端设备上的浏览器发送的获取指定网页的请求；

代码包获取单元，适于获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包；

返回单元，适于将所述代码包返回给所述终端设备上的浏览器；这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。

可选地，该装置进一步包括：

代码生成单元，适于生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码；

参数获取单元，适于获取并保存各个网页中的原图的图片参数。

可选地，所述代码包获取单元，适于将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包。

可选地，所述代码包获取单元，适于将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

可选地，所述代码包获取单元获取的所述代码包在执行时执行如下步骤：

获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。

可选地，所述代码包获取单元获取的所述代码包在执行时进一步具体执行如下步骤：

获取终端设备的HTML宽度，以及获取指定页面中的原图片的宽度值和字体大小值；

依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图片字体大小值的比值相等的条件，获得终端设备侧字体大小值；

设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值；

依据原图片中的指定元素在原图片中的宽度比例，获得该指定元素在终端设备上显示时的宽度值，以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显示的高度值。

由上述可知，本发明提供的技术方案响应于终端设备对网页的请求，将用于将网页中的原图片与终端设备的显示参数进行适配处理的代码包返回给终端设备，由终端设备上的浏览器通过执行该代码包对网页中的原图片进行适配处理，然后再渲染加载处理后的网页，使得终端设备上的浏览器在加载网页时，网页中的图片在保证图片信息完整不失真的前提下适配于当前终端设备而显示，符合用户的浏览需求，大幅提升用户体验。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的一种网页中的图片的适配方法的流程图；

图2示出了根据本发明一个实施例的一种网页中的图片的适配装置的示意图；

图3示出了根据本发明另一个实施例的一种网页中的图片的适配装置的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明一个实施例的一种网页中的图片的适配方法的流程图。如图1所示，该方法包括：

步骤S110，接收终端设备上的浏览器发送的获取指定网页的请求。

步骤S120，获取用于将指定网页中的原图片与终端设备的显示参数进行适配处理的代码包。

步骤S130，将该代码包返回给终端设备上的浏览器；这使得终端设备上浏览器执行该代码包将指定网页中的原图片与终端设备的显示参数进行适配处理，并渲染加载包含经该代码包处理后的图片的指定网页。

可见，图1所示的方法响应于终端设备对网页的请求，将用于将网页中的原图片与终端设备的显示参数进行适配处理的代码包返回给终端设备，由终端设备上的浏览器通过执行该代码包对网页中的原图片进行适配处理，然后再渲染加载处理后的网页，使得终端设备上的浏览器在加载网页时，网页中的图片在保证图片信息完整不失真的前提下适配于当前终端设备而显示，符合用户的浏览需求，大幅提升用户体验。

在本发明的一个实施例中，图1所示的方法进一步包括：生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码；获取并保存各个网页中的原图的图片参数。

则图1所示方法的步骤S120，获取用于将指定网页中的原图片与终端设备的显示参数进行适配处理的代码包的过程可以是：将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包；也可以是：将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

上述各实施例中，所述代码包在执行时执行如下步骤：步骤S140，获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数。步骤S150，依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。

具体地，上述步骤S140获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数包括：获取终端设备的HTML宽度，以及获取指定页面中的原图片的宽度值和字体大小值。

具体地，上述步骤S150依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片包括：

步骤S151，依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图片字体大小值的比值相等的条件，获得终端设备侧字体大小值。

步骤S152，设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值。

步骤S153，依据原图片中的指定元素在原图片中的宽度比例，获得该指定元素在终端设备上显示时的宽度值，以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显示的高度值。

例如，响应于终端设备上的浏览器对指定网页的请求，获取用于将指定网页中的原图片与终端设备的显示参数进行适配处理的代码包，将该代码包返回给终端设备上的浏览器，使得终端设备上的浏览器执行该代码包，该代码包的执行过程包括：

获取到终端设备的HTML宽度W1＝320px，指定页面中的原图片的宽度值W0＝640px，指定页面中的原图片的字体大小值FontSize0＝24px；设终端设备侧字体大小值为FontSize1，根据得到FontSize1＝12px；其中，需要说明的是，FontSize是CSS的表征字体大小的属性，实际上FontSize表征的是字体中字符框的高度。因此，上文中得到的的终端设备侧字体大小实际上能够反映终端设备侧的高度，则在本例中，根据FontSize1＝12px，设置终端设备侧表示高度的单位值1rem＝12px。假设原图中的一个指定元素在原图片中的宽度比例为40％，且该指定元素在原图片中的高度等于3个FontSize，则该指定元素在终端设备上显示时的宽度值为W1×40％＝128px，高度值为3rem＝36px。

在执行完上述过程后，终端设备上的浏览器渲染加载包含上述经该代码包处理后的图片的指定网页，使得指定网页中的图片适配于终端设备而显示。

图2示出了根据本发明一个实施例的一种网页中的图片的适配装置的示意图，如图2所示，该网页中的图片的适配装置200包括：

接收单元210，适于接收终端设备上的浏览器发送的获取指定网页的请求。

代码包获取单元220，适于获取用于将指定网页中的原图片与终端设备的显示参数进行适配处理的代码包。

返回单元230，适于将所述代码包返回给终端设备上的浏览器；这使得终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。

可见，图2所示的装置通过各单元的相互配合，响应于终端设备对网页的请求，将用于将网页中的原图片与终端设备的显示参数进行适配处理的代码包返回给终端设备，由终端设备上的浏览器通过执行该代码包对网页中的原图片进行适配处理，然后再渲染加载处理后的网页，使得终端设备上的浏览器在加载网页时，网页中的图片在保证图片信息完整不失真的前提下适配于当前终端设备而显示，符合用户的浏览需求，大幅提升用户体验。

图3示出了根据本发明另一个实施例的一种网页中的图片的适配装置示意图，如图3所示，该网页中的图片的适配装置300包括：接收单元310、代码生成单元320、参数获取单元330、代码包获取单元340和返回单元350。

其中，接收单元310、代码包获取单元340和返回单元350与图2所示的接收单元210、代码包获取单元220和返回单元230的功能对应相同，在此不再赘述。

代码生成单元320，适于生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码。

参数获取单元330，适于获取并保存各个网页中的原图的图片参数。

并且，在图3所示的实施例中，代码包获取单元340获取用于将指定网页中的原图片与终端设备的显示参数进行适配处理的代码包的过程具体为：将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包；或者，将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

在上述各实施例中，图2-图3所示装置的代码包获取单元220/340获取的所述代码包在执行时执行如下步骤：获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数；依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。

具体地，上述代码包获取单元220/340获取的所述代码包在执行时进一步具体执行如下步骤：获取终端设备的HTML宽度，以及获取指定页面中的原图片的宽度值和字体大小值；依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图片字体大小值的比值相等的条件，获得终端设备侧字体大小值；设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值；依据原图片中的指定元素在原图片中的宽度比例，获得该指定元素在终端设备上显示时的宽度值，以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显示的高度值。

需要说明的是，图2-图3所示装置的各实施例与图1所示方法的各实施例对应相同，上文中已详细说明，在此不再赘述。

综上所述，本发明提供的技术方案响应于终端设备对网页的请求，将用于将网页中的原图片与终端设备的显示参数进行适配处理的代码包返回给终端设备，由终端设备上的浏览器通过执行该代码包对网页中的原图片进行适配处理，然后再渲染加载处理后的网页，使得终端设备上的浏览器在加载网页时，网页中的图片在保证图片信息完整不失真的前提下适配于当前终端设备而显示，符合用户的浏览需求，大幅提升用户体验，对于实现无阻碍跨平台跨设备浏览网页具有重要的意义。

需要说明的是：

在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述，构造这类装置所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页中的图片的适配装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了A1、一种网页中的图片的适配方法，其中，该方法包括：

接收终端设备上的浏览器发送的获取指定网页的请求；

获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包；

将所述代码包返回给所述终端设备上的浏览器；这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。

A2、如A1所述的方法，其中，该方法进一步包括：

生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码；

获取并保存各个网页中的原图的图片参数。

A3、如A2所述的方法，其中，获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包包括：

将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包。

A4、如A2所述的方法，其中，获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包包括：

将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

A5、如A1-A5中任一项所述的方法，其中，所述代码包在执行时执行如下步骤：

获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。

A6、如A5所述的方法，其中，

获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数包括：获取终端设备的HTML宽度，以及获取指定页面中的原图片的宽度值和字体大小值；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片包括：依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图片字体大小值的比值相等的条件，获得终端设备侧字体大小值；

设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值；

依据原图片中的指定元素在原图片中的宽度比例，获得该指定元素在终端设备上显示时的宽度值，以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显示的高度值。

本发明还公开了B7、一种网页中的图片的适配装置，其中，该装置包括：

接收单元，适于接收终端设备上的浏览器发送的获取指定网页的请求；

代码包获取单元，适于获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包；

返回单元，适于将所述代码包返回给所述终端设备上的浏览器；这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。

B8、如B7所述的装置，其中，该装置进一步包括：

代码生成单元，适于生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码；

参数获取单元，适于获取并保存各个网页中的原图的图片参数。

B9、如B8所述的装置，其中，

所述代码包获取单元，适于将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包。

B10、如B8所述的装置，其中，

所述代码包获取单元，适于将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

B11、如B7-B10中任一项所述的装置，其中，所述代码包获取单元获取的所述代码包在执行时执行如下步骤：

获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。

B12、如B11所述的装置，其中，所述代码包获取单元获取的所述代码包在执行时进一步具体执行如下步骤：

获取终端设备的HTML宽度，以及获取指定页面中的原图片的宽度值和字体大小值；

依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图片字体大小值的比值相等的条件，获得终端设备侧字体大小值；

设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值；

依据原图片中的指定元素在原图片中的宽度比例，获得该指定元素在终端设备上显示时的宽度值，以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显示的高度值。

Claims (10)

1.一种网页中的图片的适配方法，其中，该方法包括：

接收终端设备上的浏览器发送的获取指定网页的请求；

获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包；

将所述代码包返回给所述终端设备上的浏览器；这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。

2.如权利要求1所述的方法，其中，该方法进一步包括：

生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码；

获取并保存各个网页中的原图的图片参数。

3.如权利要求2所述的方法，其中，获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包包括：

将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包。

4.如权利要求2所述的方法，其中，获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包包括：

将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

5.如权利要求1-5中任一项所述的方法，其中，所述代码包在执行时执行如下步骤：

获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。

6.一种网页中的图片的适配装置，其中，该装置包括：

接收单元，适于接收终端设备上的浏览器发送的获取指定网页的请求；

代码包获取单元，适于获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包；

返回单元，适于将所述代码包返回给所述终端设备上的浏览器；这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理，并渲染加载包含经所述代码包处理后的图片的指定网页。

7.如权利要求6所述的装置，其中，该装置进一步包括：

代码生成单元，适于生成用于获取终端的显示参数，以及将网页中的原图片与终端设备的显示参数进行适配处理得到处理后的图片的处理代码，并保存该处理代码；

参数获取单元，适于获取并保存各个网页中的原图的图片参数。

8.如权利要求7所述的装置，其中，

所述代码包获取单元，适于将所述处理代码，以及所述指定网页中的原图片的图片参数打包为一个代码包。

9.如权利要求7所述的装置，其中，

所述代码包获取单元，适于将所述处理代码，以及所述指定网页所属网站的包括所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。

10.如权利要求6-9中任一项所述的装置，其中，所述代码包获取单元获取的所述代码包在执行时执行如下步骤：

获取终端设备的显示参数，以及获取指定页面中的原图片的图片参数；

依据终端设备的显示参数和指定页面中的原图片的图片参数，将指定页面中的原图片处理为与终端设备的显示参数适配的图片。