CN109684568A - 图片处理方法和装置 - Google Patents

Abstract

本申请实施例提供了一种图片处理方法和装置，其中方法包括：接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；确定所述浏览器对应支持的目标图片格式；根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；将格式转换后的所述目标图片进行缓存并发送至所述浏览器。通过本实施例，能够满足不同浏览器显示图片的需求，提高用户通过浏览器浏览图片的体验。

Description

图片处理方法和装置

技术领域

本申请涉及图像处理技术领域，尤其涉及一种图片处理方法和装置。

背景技术

随着信息技术的发展，用户更多的时候通过手机或电脑获取信息。用户在获取信息时，可以在浏览器中查阅各类新闻，浏览各种图片。由于不同浏览器支持的图片格式不同，比如有些浏览器支持JPG格式，有些浏览器支持WEBP格式，因此有必要提供一种技术方案，以满足不同浏览器显示图片的需求，提高用户通过浏览器浏览图片的体验。

发明内容

本申请实施例的目的是提供一种图片处理方法和装置，以满足不同浏览器显示图片的需求，提高用户通过浏览器浏览图片的体验。

为达到上述技术目的，本申请实施例是这样实现的：

第一方面，本申请实施例提供了一种图片处理方法，包括：

接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；

确定所述浏览器对应支持的目标图片格式；

根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器。

第二方面，本申请实施例提供了一种图片处理装置，包括：

接收模块，用于接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；

确定模块，用于确定所述浏览器对应支持的目标图片格式；

转换模块，用于根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

发送模块，用于将格式转换后的所述目标图片进行缓存并发送至所述浏览器。

第三方面，本申请实施例提供了一种图片处理设备，包括：存储器、处理器和存储在所述存储器上并可在所述处理器上运行的计算机可执行指令，所述计算机可执行指令被所述处理器执行时实现如上述第一方面所述的图片处理方法的步骤。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机可执行指令，所述计算机可执行指令被处理器执行时实现如上述第一方面所述的图片处理方法的步骤。

本申请实施例中，首先接收浏览器的图片获取请求，并从图片获取请求中提取被请求的图片对应的URL，其次确定该浏览器对应支持的目标图片格式，然后根据上述URL获取目标图片，根据上述目标图片格式对目标图片进行格式转换，最后将格式转换后的目标图片发送至浏览器。通过本实施例，可以根据浏览器对应支持的目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片进行缓存并发送至浏览器，从而满足不同浏览器显示图片的需求，保证目标图片在浏览器中能够显示，提高用户通过浏览器浏览图片的体验。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1a为本申请一实施例提供的图片处理方法的应用场景示意图；

图1b为本申请另一实施例提供的图片处理方法的应用场景示意图；

图2为本申请一实施例提供的图片处理方法的流程示意图；

图3为本申请另一实施例提供的图片处理方法的流程示意图；

图4为本申请一实施例提供的图片处理装置的模块组成示意图；

图5为本申请一实施例提供的图片处理设备的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

本申请实施例的目的是提供一种图片处理方法和装置，以满足不同浏览器显示图片的需求，提高用户通过浏览器浏览图片的体验。

图1a为本申请一实施例提供的图片处理方法的应用场景示意图，如图1a所示，该场景包括移动终端100和图片服务器200，移动终端100能够与图片服务器200进行通信。图1a中，移动终端100中可以运行浏览器，图片服务器200可以执行本实施例中的图片处理方法，接收移动终端100中的浏览器的图片获取请求，根据图片获取请求，向移动终端100发送浏览器对应支持的图片格式对应的目标图片，从而满足不同浏览器显示图片的需求，提高用户通过浏览器浏览图片的体验。

图1b为本申请另一实施例提供的图片处理方法的应用场景示意图，如图1b所示，该场景包括移动终端100、图片服务器200和内容分发网络平台(Content DeliveryNetwork，CDN)300，内容分发网络平台300分别与移动终端100和图片服务器200进行通信。图1b中，移动终端100中可以运行浏览器，图片服务器200可以执行本实施例中的图片处理方法，从内容分发网络平台300处接收移动终端100中的浏览器的图片获取请求，根据图片获取请求，通过内容分发网络平台300向移动终端100发送浏览器对应支持的图片格式对应的目标图片，从而满足不同浏览器显示图片的需求，提高用户通过浏览器浏览图片的体验。

图2为本申请一实施例提供的图片处理方法的流程示意图，该图片处理方法可以应用于上述的图片服务器200，如图2所示，该流程包括以下步骤：

步骤S202，接收浏览器的图片获取请求，从图片获取请求中提取被请求的图片对应的统一资源定位符URL；

步骤S204，确定该浏览器对应支持的目标图片格式；

步骤S206，根据上述URL获取目标图片，根据上述目标图片格式对目标图片进行格式转换；

步骤S208，将格式转换后的目标图片进行缓存并发送至浏览器。

本申请实施例中，首先接收浏览器的图片获取请求，并从图片获取请求中提取被请求的图片对应的URL，其次确定该浏览器对应支持的目标图片格式，然后根据上述URL获取目标图片，根据上述目标图片格式对目标图片进行格式转换，最后将格式转换后的目标图片发送至浏览器。通过本实施例，可以根据浏览器对应支持的目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片进行缓存并发送至浏览器，从而满足不同浏览器显示图片的需求，保证目标图片在浏览器中能够显示，提高用户通过浏览器浏览图片的体验。

本实施例中，浏览器对应支持的目标图片格式即为浏览器能够显示的目标图片格式。

上述步骤S202中，图片服务器可以接收移动终端发送的浏览器的图片获取请求，比如，在上述图1a所示的场景中，移动终端中运行有浏览器，移动终端接收用户针对浏览器的输入操作(如点击操作)，向图片服务器发送浏览器的图片获取请求，该方式中，用户可以在浏览器中浏览各种图片。

上述步骤S202中，图片服务器可以接收内容分发网络平台发送的浏览器的图片获取请求，比如，在上述图1b所示的场景中，移动终端中运行有浏览器，移动终端接收用户针对浏览器的输入操作(如点击操作)，向内容分发网络平台发送浏览器的第一图片获取请求，内容分发网络平台根据第一图片获取请求，向图片服务器发送浏览器的第二图片获取请求，该方式中，用户可以在浏览器中浏览各种图片。

上述步骤S202中，图片服务器可以从图片获取请求中提取被请求的图片对应的URL(Uniform Resource Locator，统一资源定位符)。比如，图片获取请求包括请求头和多个请求字段，则图片服务器可以从多个请求字段中提取URL字段，从URL字段中提取被请求的图片对应的URL。

上述步骤S204中，图片服务器确定浏览器对应支持的目标图片格式，该步骤可以为：获取浏览器的图片格式请求头，从该图片格式请求头中提取浏览器对应支持的目标图片格式对应的图片格式标识，以确定浏览器对应支持的目标图片格式。

一个实施例中，在图1a所示的场景中，图片服务器与移动终端进行通信，图片服务器接收移动终端发送的浏览器的图片获取请求和浏览器的图片格式请求头，图片服务器从该图片获取请求中提取被请求的图片对应的URL，从该图片格式请求头中提取浏览器对应支持的目标图片格式对应的图片格式标识，图片格式标识包括但不限于jpg、webp、png等。

另一个实施例中，在图1b所示的场景中，图片服务器与内容分发网络平台进行通信，图片服务器接收内容分发网络平台发送的浏览器的图片获取请求和浏览器的图片格式请求头，图片服务器从该图片获取请求中提取被请求的图片对应的URL，从该图片格式请求头中提取浏览器对应支持的目标图片格式对应的图片格式标识，图片格式标识包括但不限于jpg、webp、png等。其中，内容分发网络平台可以缓存浏览器的图片获取请求和浏览器的图片格式请求头。

上述步骤S204中，图片服务器确定浏览器对应支持的目标图片格式，该步骤还可以为：获取浏览器的标识，根据浏览器的标识确定浏览器对应支持的目标图片格式。

一个实施例中，在图1a所示的场景中，图片服务器与移动终端进行通信，图片服务器接收移动终端发送的浏览器的标识，根据浏览器的标识确定浏览器对应支持的目标图片格式对应的图片格式标识，从而确定浏览器对应支持的目标图片格式。比如，在预先建立的浏览器标识与图片格式标识之间的对应关系中，根据获取到的浏览器的标识，确定该浏览器对应支持的目标图片格式对应的图片格式标识，从而确定浏览器对应支持的目标图片格式。图片格式标识包括但不限于jpg、webp、png等。

另一个实施例中，在图1b所示的场景中，图片服务器与内容分发网络平台进行通信，图片服务器接收内容分发网络平台发送的浏览器的标识，根据浏览器的标识确定浏览器对应支持的目标图片格式对应的图片格式标识，从而确定浏览器对应支持的目标图片格式。比如，在预先建立的浏览器标识与图片格式标识之间的对应关系中，根据获取到的浏览器的标识，确定该浏览器对应支持的目标图片格式对应的图片格式标识，从而确定浏览器对应支持的目标图片格式。图片格式标识包括但不限于jpg、webp、png等。其中，内容分发网络平台可以缓存浏览器的标识。

上述步骤S206中，根据被请求的图片对应的URL获取目标图片，根据上述目标图片格式对目标图片进行格式转换。

一个实施例中，目标图片格式的数量为多个，根据上述目标图片格式对目标图片进行格式转换，具体为：

(a1)在各个目标图片格式中，选取对应的图片数据量最少或者图片分辨率最高的目标图片格式；

(a2)将目标图片的格式转换为选取的目标图片格式。

具体地，若目标图片格式的数量为多个，则图片服务器可以在各个目标图片格式中，选取对应的图片数据量最少或者图片分辨率最高的目标图片格式，然后将目标图片的格式转换为选取的目标图片格式。

比如，目标图片格式包括webp和png。图片服务器在各个目标图片格式中确定对应的图片数据量最少的目标图片格式为webp，将目标图片的格式转换为webp格式，从而节省向浏览器传输图片所需的数据流量，提高浏览器的图片加载速度。

又如，目标图片格式包括webp和png。图片服务器在各个目标图片格式中确定对应的图片分辨率最高的目标图片格式为png，将目标图片的格式转换为png格式，从而向用户传输分辨率较高的图片，提高用户使用浏览器浏览图片的体验。

在上述图1a所示的场景中，图片服务器中可以设置有缓存区域，本实施例中，根据URL获取目标图片，根据目标图片格式对目标图片进行格式转换，具体为：若确定本地缓存中未缓存有与该URL相对应的目标图片格式的图片，则根据该URL从数据库中获取目标图片，根据该目标图片格式对目标图片进行格式转换。其中，若目标图片格式的数量为多个，则可以在各个目标图片格式中，选取对应的图片数据量最少的目标图片格式或者对应的图像分辨率最大的目标图片格式，将目标图片的格式转换为选取的目标图片格式。相应地，将格式转换后的目标图片进行缓存并发送至浏览器，可以为：在本地缓存中缓存格式转换后的目标图片，并将格式转换后的目标图片发送至浏览器。

具体地，该实施例中，图片服务器与移动终端通信，图片服务器接收移动终端发送的浏览器的图片格式请求头，并接收移动终端发送的浏览器的图片获取请求。通过图2中的方法，图片服务器从该图片获取请求中提取被请求的图片对应的URL，从图片格式请求头中提取浏览器对应支持的目标图片格式对应的图片格式标识，图片格式标识包括但不限于jpg、webp、png等。

然后，图片服务器判断本地缓存中是否缓存有与上述提取的URL相对应的目标图片格式的图片，若缓存有，则图片服务器从本地缓存中获取该与上述提取的URL相对应的目标图片格式的图片，将该图片发送至移动终端。若图片服务器确定本地缓存中未缓存有与该URL相对应的目标图片格式的图片，则根据该URL从数据库中获取目标图片，根据该目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片进行缓存并发送至浏览器。其中，若目标图片格式的数量为多个，则可以在各个目标图片格式中，选取对应的图片数据量最少的目标图片格式，将目标图片的格式转换为选取的目标图片格式。

为方便移动终端下次请求相同URL的相同目标图片格式的图片，图片服务器还在本地缓存中缓存格式转换后的目标图片，从而提高移动终端获取图片加载图片的效率。

在上述图1b所示的场景中，内容分发网络平台中可以设置有缓存区域，该缓存区域可以通过静态CDN加速服务实现。接收浏览器的图片获取请求，可以为：从内容分发网络平台处接收浏览器的图片获取请求，图片获取请求由内容分发网络平台在确定未缓存有与上述URL相对应的目标图片格式的图片后发送。将格式转换后的目标图片进行缓存并发送至浏览器，可以为：将格式转换后的目标图片发送至内容分发网络平台，以通过内容分发网络平台缓存格式转换后的目标图片，并通过内容分发网络平台将格式转换后的目标图片发送至浏览器。

具体地，该实施例中，图片服务器与内容分发网络平台通信，内容分发网络平台与移动终端通信。内容分发网络平台接收移动终端发送的浏览器的图片格式请求头，并接收移动终端发送的浏览器的图片获取请求。内容分发网络平台可以通过静态CDN加速服务缓存浏览器的图片格式请求头和浏览器的图片获取请求。然后，内容分发网络平台从该图片获取请求中提取被请求的图片对应的URL，从图片格式请求头中提取浏览器对应支持的目标图片格式对应的图片格式标识，图片格式标识包括但不限于jpg、webp、png等。

内容分发网络平台判断缓存中是否缓存有与上述提取的URL相对应的目标图片格式的图片，若缓存有，则内容分发网络平台从缓存中获取该与上述提取的URL相对应的目标图片格式的图片，将该图片发送至移动终端。若内容分发网络平台确定缓存中未缓存有与该URL相对应的目标图片格式的图片，则内容分发网络平台向图片服务器转发浏览器的图片获取请求和浏览器的图片格式请求头。

一个实施例中，内容分发网络平台缓存有每次接收到的图片格式请求头以及每次接收到的图片URL，内容分发网络平台还为每个缓存的图片标记相对应的URL和相对应的图片格式请求头，当接收到该URL和该图片格式请求头时，可以向浏览器返回与该URL和该图片格式请求头相对应的图片。该实施例中，内容分发网络平台判断缓存中是否缓存有与上述提取的URL相对应的、且与上述图片格式请求头相对应的图片，若缓存有，则内容分发网络平台将该图片发送至移动终端，反之，内容分发网络平台向图片服务器转发浏览器的图片获取请求和浏览器的图片格式请求头。

图片服务器通过图2中的方法，图片服务器从接收到的图片获取请求中提取被请求的图片对应的URL，从接收到的图片格式请求头中提取浏览器对应支持的目标图片格式对应的图片格式标识，图片格式标识包括但不限于jpg、webp、png等。然后，图片服务器根据该URL从数据库中获取目标图片，根据该目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片发送至内容分发网络平台。其中，若目标图片格式的数量为多个，则可以图片服务器在各个目标图片格式中，选取对应的图片数据量最少的目标图片格式或者对应的图像分辨率最大的目标图片格式，将目标图片的格式转换为选取的目标图片格式。

内容分发网络平台接收格式转换后的目标图片，并将该格式转换后的目标图片发送至浏览器。为方便移动终端下次请求相同URL的相同目标图片格式的图片，内容分发网络平台还在缓存中缓存格式转换后的目标图片，从而提高移动终端获取图片加载图片的效率。

在图1b所示的场景中，内容分发网络平台(CDN)的数量可以为多个，各内容分发网络平台分别位于不同地理区域，比如位于不同的国家或地区。内容分发网络平台中针对同一图片内容缓存有各不同图片格式的图片，以支持对应地理区域中的各类型的浏览器显示该图片内容。

具体地，在图1b所示的场景中，内容分发网络平台(CDN)的数量可以为多个，各内容分发网络平台分别位于不同地理区域，比如位于不同的国家或地区。该国家或地区的移动终端与该国家或地区的内容分发网络平台通信，从该平台获取浏览器需要显示的图片。通过上述方法实施例可知，各个内容分发网络平台中，针对同一图片内容缓存有各不同图片格式的图片，比如针对内容为“北京地区”的这一图片，各个内容分发网络平台中可以缓存多张不同图片格式的图片，从而支持对应的地理区域中的各类型的浏览器显示该图片内容。

在一个具体的实施例中，以某国家的内容分发网络平台为例，在该国家中，移动终端与该国家的内容分发网络平台通信，该国家的内容分发网络平台与上述的图片服务器通信。该国家的内容分发网络平台接收到该国家的移动终端发送的图片获取请求和图片格式请求头后，解析图片获取请求和图片格式请求头，确定待请求的URL和浏览器支持的目标图片格式。该国家的内容分发网络平台判断是否缓存有与该URL相对应的该目标图片格式的图片。若缓存有，则该国家的内容分发网络平台获取该图片并发送至移动终端，从而支持该国家中不同类型的浏览器均能够显示该图片。

上述例子中，假设该国家的浏览器请求获取的是“北京地图”这幅图片，该浏览器支持的目标图片格式包括png和webp，则该国家的内容分发网络平台可以判断是否缓存有webp格式的“北京地图”这幅图片，若缓存有，则向浏览器返回缓存的webp格式的“北京地图”这幅图片。其中，内容分发网络平台可以在目标图片格式的数量为多个时，在其中选取对应的图片数据量最少的目标格式图片，判断是否缓存有该目标格式图片的与图片URL相对应的图片，从而减少图片传输所需的数据流量，提高图片在浏览器中的加载速度。

可见，通过本实施例，利用不同地理区域中的内容分发网络平台进行图片缓存，能够达到在内容分发网络平台中针对同一图片内容缓存有各不同图片格式的图片，从而支持对应地理区域中的各类型的浏览器显示该图片内容的效果，方便不同地理区域的浏览器快速获取所需的图片。

在图1b所示的场景中，当需要更新图片时，需要先在CDN上删除缓存的图片，然后在图片服务器上更新图片，从而避免只在图片服务器上更新图片后，移动终端从CDN缓存中获取的图片依旧是未更新的图片的问题。

在一个具体的实施例中，图片服务器中存储有名称为“地图”的png格式的图片，该图片同样缓存在CDN中。设定CDN中的图片每24小时自动清除一次，每到当天的0点，CDN会自动清除缓存的图片，从而在图片服务器中再次获取图片进行缓存。

当需要更新名称为“地图”的png格式的图片内容时，需要先在CDN中删除该图片，然后将更新后的该图片存储在图片服务器中，从而使得CDN从图片服务器中获取更新后的该图片并缓存。若不在CDN中删除该图片，则从更新图片的时刻开始，到第二天的0点为止，这段时间内移动终端从CDN中获取到的图片均为未被更新的该图片，从而引起用户浏览未被更新的图片的问题。

同理，在图片服务器能够缓存图片的场景中，也即上述图1a所示的场景中，当需要更新图片时，需要先在图片服务器的缓存中删除缓存的图片，然后在图片服务器上更新图片，从而避免只在图片服务器上更新图片后，移动终端从图片服务器的缓存中获取的图片依旧是未更新的图片的问题。

在一个具体的实施例中，图片服务器中存储有名称为“地图”的png格式的图片，该图片缓存在图片服务器的缓存中。设定图片服务器的缓存中的图片每24小时自动清除一次，每到当天的0点，图片服务器的缓存会自动清除缓存的图片，从而在图片服务器中再次获取图片进行缓存。

当需要更新名称为“地图”的png格式的图片内容时，需要先在图片服务器的缓存中删除该图片，然后将更新后的该图片存储在图片服务器中，从而使得图片服务器的缓存从图片服务器中获取更新后的该图片并缓存。若不在图片服务器的缓存中删除该图片，则从更新图片的时刻开始，到第二天的0点为止，这段时间内移动终端从图片服务器的缓存中获取到的图片均为未被更新的该图片，从而引起用户浏览未被更新的图片的问题。

本申请实施例中，在上述图1b所示的场景中，内容分发网络平台可以包括多个，分别设置在不同国家或地区，从而通过这些内容分发网络平台提高不同国家或地区的移动终端获取图片的速度，提高图片的加载速度，提高用户体验。

综上，通过本申请实施例，不同浏览器在请求同一URL的图片时，若浏览器的图片格式请求头不同，则能够向浏览器发送不同格式的该图片，从而使同一图片在不同浏览器中的格式不同。

通过本申请实施例，能够根据浏览器对应支持的目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片发送至浏览器，从而满足不同浏览器显示图片的需求，保证目标图片在浏览器中对应支持，提高用户通过浏览器浏览图片的体验。并且，在图片为网页中的图片时，开发人员在编写网页前，无需针对不同浏览器准备多种格式的图片，降低了开发成本。

针对上述图1b所示的场景，本实施例中提供了一个具体的实现过程以实现上述的图片处理方法。

图3为本申请另一实施例提供的图片处理方法的流程示意图，如图3所示，该流程包括以下步骤：

步骤S302，搭建图片服务器。

该步骤中，搭建图片服务器，该图片服务器能对图片的格式进行转换处理。该图片服务器的主要功能是处理浏览器的图片获取请求和浏览器的图片格式请求头，通过获取浏览器的图片格式请求头中支持的目标图片格式的图片格式标识，对图片获取请求对应的目标图片的格式进行不同的转换，最后发送给浏览器。其中，若目标图片格式的数量为多个，则图片服务器可以在各个目标图片格式中，选取对应的图片数据量最少的目标图片格式，将目标图片的格式转换为选取的目标图片格式。

步骤S304，为图片服务器添加静态CDN加速服务。

由于在大部分浏览器网页中都会有大量的图片资源，另外图片服务器对图片进行转换处理需要时间，当多个移动终端均发出大量图片获取请求时，很容易造成图片服务器崩溃，因此，为图片服务器添加静态CDN加速是非常有必要的，加上静态CDN加速之后，当移动终端请求过一次图片后，CDN会将此图片缓存，下次再次请求时，就无需去请求图片服务器，从而使得图片服务器就只负责对图片进行格式转换，避免图片服务器崩溃的情况。

步骤S306，在CDN加速服务的缓存Key中添加自定义请求头，该自定义请求头用于缓存浏览器的图片格式请求头。

为图片服务器添加上静态CDN加速服务后，虽然可以起到缓存图片的作用，然而由于CDN默认缓存的指标是URL地址，因此当不同浏览器请求同一图片URL时，返回的图片内容相同，也即，当前后两次URL地址相同时，CDN就会从缓存里读取图片而不会去图片服务器请求图片，这样会造成获取的图片格式不一定是浏览器支持的格式的问题。由此，在CDN缓存中添加自定义请求头，该自定义请求头用于缓存浏览器的图片格式请求头，以此当不同浏览器请求同一图片URL时，携带的图片格式请求头不同，CDN就会请求图片服务器，然后将此图片格式请求头与图片URL同时缓存，之后浏览器再请求此图片时，只有在图片URL与图片格式请求头全部相同时，CDN才会从缓存中读取图片内容，否则就会回源到图片服务器，从而向不同浏览器返回该浏览器支持的格式的图片。

一个实施例中，内容分发网络平台缓存有每次接收到的图片格式请求头以及每次接收到的图片URL，内容分发网络平台还为每个缓存的图片标记相对应的URL和相对应的图片格式请求头，当接收到该URL和该图片格式请求头时，可以向浏览器返回与该URL和该图片格式请求头相对应的图片。该实施例中，内容分发网络平台判断缓存中是否缓存有与上述提取的URL相对应的、且与上述图片格式请求头相对应的图片，若缓存有，则内容分发网络平台将该图片发送至移动终端，反之，内容分发网络平台向图片服务器转发浏览器的图片获取请求和浏览器的图片格式请求头。

其中，图片服务器对目标图片进行格式转换时，若目标图片格式的数量为多个，则图片服务器可以在各个目标图片格式中，选取对应的图片数据量最少的目标图片格式，将目标图片的格式转换为选取的目标图片格式。

步骤S308，将图片资源上传至图片服务器。

将图片资源上传至图片服务器，从而通过图片服务器向浏览器返回所需图片。

在一个具体的实施例中，使用nodeJS开发图片服务器，并将其部署在Centos 7 Linux系统上。为图片服务器配置域名并添加Amazon Web Service静态CDN加速服务。在Amazon Web Service静态CDN加速服务的设置项中添加Accept请求头为缓存指标。将一张名为1.png图片上传至图片服务器目录。"http://thumbor.apusapps.com/imageView2/millionaire/images/1.png"，此地址就是上传至图片服务器之后的访问地址，当在Google Chrome 68.0.3440.106版本浏览器中请求此图片时，图片服务器收到的Accept请求头的值为text/html,application/xhtml+xml,application/xml；q＝0.9,image/webp,image/ apng,*/*；q＝0.8，表示此浏览器支持webp图片格式，此时图片服务器会将图片格式转换为webp格式返回给浏览器，使用该浏览器再次请求此图片时，这时请求头中X-Cache的值为Hit from cloudfront，表示CDN已经缓存了该图片而没有从图片服务器读取；当在Safari 11.1.2(13605.3.8)版本浏览器请求此图片地址时图片服务器收到的Accept请求头的值为text/html,application/xhtml+xml,application/xml；q＝0.9,*/*；q＝0.8，表示此浏览器不支持webp格式图片，此时图片服务器就会把原图直接返回，使用该浏览器再次请求此图片时，这时请求头中X-Cache的值为Hit from cloudfront，表示CDN已经缓存了该图片而没有从图片服务器读取。

综上，通过本申请实施例，不同浏览器在请求同一URL的图片时，若浏览器的图片格式请求头不同，则能够向浏览器发送不同格式的该图片，从而使同一图片在不同浏览器中的格式不同。

通过本实施例，能够在各个目标图片格式中，确定对应的图片数据量最少的目标图片格式，将目标图片的格式转换为确定的该目标图片格式，从而很大程度上提高网页的图片加载速度，节省图片传输资源。例如当浏览器支持webp格式图片时，服务器会自动地将图片转换为webp格式，这样可以很大程度上提高网页的图片加载速度，节省图片传输资源。

通过本申请实施例，能够根据浏览器对应支持的目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片发送至浏览器，从而满足不同浏览器显示图片的需求，保证目标图片在浏览器中对应支持，提高用户通过浏览器浏览图片的体验。并且，在图片为网页中的图片时，开发人员在编写网页前，无需针对不同浏览器准备多种格式的图片，降低了开发成本。

本申请实施例还提供了一种图片处理装置，用于实现上述的图片处理方法，图4为本申请一实施例提供的图片处理装置的模块组成示意图，如图4所示，该装置包括：

接收模块41，用于接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；

确定模块42，用于确定所述浏览器对应支持的目标图片格式；

转换模块43，用于根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

发送模块44，用于将格式转换后的所述目标图片进行缓存并发送至所述浏览器。

可选地，所述确定模块42具体用于：

获取所述浏览器的图片格式请求头，从所述图片格式请求头中提取所述浏览器对应支持的目标图片格式对应的图片格式标识，以确定所述浏览器对应支持的目标图片格式。

可选地，所述确定模块42具体用于：

获取所述浏览器的标识，根据所述浏览器的标识确定所述浏览器对应支持的目标图片格式。

可选地，所述目标图片格式的数量为多个；所述转换模块43具体用于：

在各个所述目标图片格式中，选取对应的图片数据量最少或者图片分辨率最高的目标图片格式；

将所述目标图片的格式转换为选取的所述目标图片格式。

可选地，所述接收模块41具体用于：

从内容分发网络平台处接收浏览器的图片获取请求，所述图片获取请求由所述内容分发网络平台在确定未缓存有与所述URL相对应的所述目标图片格式的图片后发送；

所述发送模块44具体用于：

将格式转换后的所述目标图片发送至所述内容分发网络平台，以通过所述内容分发网络平台缓存格式转换后的所述目标图片，并通过所述内容分发网络平台将格式转换后的所述目标图片发送至所述浏览器。

可选地，该装置中，所述内容分发网络平台的数量为多个，各所述内容分发网络平台分别位于不同地理区域；所述内容分发网络平台中针对同一图片内容缓存有各不同图片格式的图片，以支持对应地理区域中的各类型的浏览器显示所述图片内容。

可选地，所述转换模块43具体用于：

若确定本地缓存中未缓存有与所述URL相对应的所述目标图片格式的图片，则根据所述URL从数据库中获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

所述发送模块具体用于：

在本地缓存中缓存格式转换后的所述目标图片，并将格式转换后的所述目标图片发送至所述浏览器。

本申请实施例中，首先接收浏览器的图片获取请求，并从图片获取请求中提取被请求的图片对应的URL，其次确定该浏览器对应支持的目标图片格式，然后根据上述URL获取目标图片，根据上述目标图片格式对目标图片进行格式转换，最后将格式转换后的目标图片发送至浏览器。通过本实施例，可以根据浏览器对应支持的目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片发送至浏览器，从而满足不同浏览器显示图片的需求，保证目标图片在浏览器中能够显示，提高用户通过浏览器浏览图片的体验。

本申请实施例提供的图片处理装置能够实现前述图片处理方法实施例中的各个过程，并达到相同的功能和效果，这里不再重复。

进一步地，本申请实施例还提供了一种图片处理设备，图5为本申请一实施例提供的图片处理设备的结构示意图，如图5所示，该设备包括：存储器601、处理器602、总线603和通信接口604。存储器601、处理器602和通信接口604通过总线603进行通信，通信接口604可以包括输入输出接口，输入输出接口包括但不限于键盘、鼠标、显示器、麦克风、扩音器等。

图5中，所述存储器601上存储有可在所述处理器602上运行的计算机可执行指令，所述计算机可执行指令被所述处理器602执行时实现以下流程：

接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；

确定所述浏览器对应支持的目标图片格式；

根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器。

可选地，所述计算机可执行指令被所述处理器执行时，确定所述浏览器对应支持的目标图片格式，包括：

获取所述浏览器的图片格式请求头，从所述图片格式请求头中提取所述浏览器对应支持的目标图片格式对应的图片格式标识，以确定所述浏览器对应支持的目标图片格式。

可选地，所述计算机可执行指令被所述处理器执行时，确定所述浏览器对应支持的目标图片格式，包括：

获取所述浏览器的标识，根据所述浏览器的标识确定所述浏览器对应支持的目标图片格式。

可选地，所述计算机可执行指令被所述处理器执行时，所述目标图片格式的数量为多个；根据所述目标图片格式对所述目标图片进行格式转换，包括：

在各个所述目标图片格式中，选取对应的图片数据量最少或者图片分辨率最高的目标图片格式；

将所述目标图片的格式转换为选取的所述目标图片格式。

可选地，所述计算机可执行指令被所述处理器执行时，接收浏览器的图片获取请求，包括：

从内容分发网络平台处接收浏览器的图片获取请求，所述图片获取请求由所述内容分发网络平台在确定未缓存有与所述URL相对应的所述目标图片格式的图片后发送；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器，包括：

将格式转换后的所述目标图片发送至所述内容分发网络平台，以通过所述内容分发网络平台缓存格式转换后的所述目标图片，并通过所述内容分发网络平台将格式转换后的所述目标图片发送至所述浏览器。

可选地，所述内容分发网络平台的数量为多个，各所述内容分发网络平台分别位于不同地理区域；所述内容分发网络平台中针对同一图片内容缓存有各不同图片格式的图片，以支持对应地理区域中的各类型的浏览器显示所述图片内容。

可选地，所述计算机可执行指令被所述处理器执行时，根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换，包括：

若确定本地缓存中未缓存有与所述URL相对应的所述目标图片格式的图片，则根据所述URL从数据库中获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器，包括：

在本地缓存中缓存格式转换后的所述目标图片，并将格式转换后的所述目标图片发送至所述浏览器。

本申请实施例中，首先接收浏览器的图片获取请求，并从图片获取请求中提取被请求的图片对应的URL，其次确定该浏览器对应支持的目标图片格式，然后根据上述URL获取目标图片，根据上述目标图片格式对目标图片进行格式转换，最后将格式转换后的目标图片发送至浏览器。通过本实施例，可以根据浏览器对应支持的目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片发送至浏览器，从而满足不同浏览器显示图片的需求，保证目标图片在浏览器中能够显示，提高用户通过浏览器浏览图片的体验。

本申请实施例提供的图片处理设备能够实现前述图片处理方法实施例中的各个过程，并达到相同的功能和效果，这里不再重复。

进一步地，本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机可执行指令，所述计算机可执行指令被处理器执行时实现以下流程：

接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；

确定所述浏览器对应支持的目标图片格式；

根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器。

可选地，所述计算机可执行指令被处理器执行时，确定所述浏览器对应支持的目标图片格式，包括：

获取所述浏览器的图片格式请求头，从所述图片格式请求头中提取所述浏览器对应支持的目标图片格式对应的图片格式标识，以确定所述浏览器对应支持的目标图片格式。

可选地，所述计算机可执行指令被处理器执行时，确定所述浏览器对应支持的目标图片格式，包括：

获取所述浏览器的标识，根据所述浏览器的标识确定所述浏览器对应支持的目标图片格式。

可选地，所述计算机可执行指令被处理器执行时，所述目标图片格式的数量为多个；根据所述目标图片格式对所述目标图片进行格式转换，包括：

在各个所述目标图片格式中，选取对应的图片数据量最少或者图片分辨率最高的目标图片格式；

将所述目标图片的格式转换为选取的所述目标图片格式。

可选地，所述计算机可执行指令被处理器执行时，接收浏览器的图片获取请求，包括：

从内容分发网络平台处接收浏览器的图片获取请求，所述图片获取请求由所述内容分发网络平台在确定未缓存有与所述URL相对应的所述目标图片格式的图片后发送；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器，包括：

将格式转换后的所述目标图片发送至所述内容分发网络平台，以通过所述内容分发网络平台缓存格式转换后的所述目标图片，并通过所述内容分发网络平台将格式转换后的所述目标图片发送至所述浏览器。

可选地，所述内容分发网络平台的数量为多个，各所述内容分发网络平台分别位于不同地理区域；所述内容分发网络平台中针对同一图片内容缓存有各不同图片格式的图片，以支持对应地理区域中的各类型的浏览器显示所述图片内容。

可选地，所述计算机可执行指令被处理器执行时，根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换，包括：

若确定本地缓存中未缓存有与所述URL相对应的所述目标图片格式的图片，则根据所述URL从数据库中获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器，包括：

在本地缓存中缓存格式转换后的所述目标图片，并将格式转换后的所述目标图片发送至所述浏览器。

本申请实施例中，首先接收浏览器的图片获取请求，并从图片获取请求中提取被请求的图片对应的URL，其次确定该浏览器对应支持的目标图片格式，然后根据上述URL获取目标图片，根据上述目标图片格式对目标图片进行格式转换，最后将格式转换后的目标图片发送至浏览器。通过本实施例，可以根据浏览器对应支持的目标图片格式对目标图片进行格式转换，并将格式转换后的目标图片发送至浏览器，从而满足不同浏览器显示图片的需求，保证目标图片在浏览器中能够显示，提高用户通过浏览器浏览图片的体验。

其中，所述的计算机可读存储介质包括只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等。

本申请实施例提供的存储介质能够实现前述图片处理方法实施例中的各个过程，并达到相同的功能和效果，这里不再重复。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (14)

1.一种图片处理方法，其特征在于，包括：

接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；

确定所述浏览器对应支持的目标图片格式；

根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器。

2.根据权利要求1所述的方法，其特征在于，确定所述浏览器对应支持的目标图片格式，包括：

获取所述浏览器的图片格式请求头，从所述图片格式请求头中提取所述浏览器对应支持的目标图片格式对应的图片格式标识，以确定所述浏览器对应支持的目标图片格式。

3.根据权利要求1所述的方法，其特征在于，确定所述浏览器对应支持的目标图片格式，包括：

获取所述浏览器的标识，根据所述浏览器的标识确定所述浏览器对应支持的目标图片格式。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述目标图片格式的数量为多个；根据所述目标图片格式对所述目标图片进行格式转换，包括：

在各个所述目标图片格式中，选取对应的图片数据量最少或者图片分辨率最高的目标图片格式；

将所述目标图片的格式转换为选取的所述目标图片格式。

5.根据权利要求1-3任一项所述的方法，其特征在于，

接收浏览器的图片获取请求，包括：

从内容分发网络平台处接收浏览器的图片获取请求，所述图片获取请求由所述内容分发网络平台在确定未缓存有与所述URL相对应的所述目标图片格式的图片后发送；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器，包括：

将格式转换后的所述目标图片发送至所述内容分发网络平台，以通过所述内容分发网络平台缓存格式转换后的所述目标图片，并通过所述内容分发网络平台将格式转换后的所述目标图片发送至所述浏览器。

6.根据权利要求5所述的方法，其特征在于，

所述内容分发网络平台的数量为多个，各所述内容分发网络平台分别位于不同地理区域；所述内容分发网络平台中针对同一图片内容缓存有各不同图片格式的图片，以支持对应地理区域中的各类型的浏览器显示所述图片内容。

7.根据权利要求1-3任一项所述的方法，其特征在于，

根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换，包括：

若确定本地缓存中未缓存有与所述URL相对应的所述目标图片格式的图片，则根据所述URL从数据库中获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

将格式转换后的所述目标图片进行缓存并发送至所述浏览器，包括：

在本地缓存中缓存格式转换后的所述目标图片，并将格式转换后的所述目标图片发送至所述浏览器。

8.一种图片处理装置，其特征在于，包括：

接收模块，用于接收浏览器的图片获取请求，从所述图片获取请求中提取被请求的图片对应的统一资源定位符URL；

确定模块，用于确定所述浏览器对应支持的目标图片格式；

转换模块，用于根据所述URL获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

发送模块，用于将格式转换后的所述目标图片进行缓存并发送至所述浏览器。

9.根据权利要求8所述的装置，其特征在于，所述确定模块具体用于：

获取所述浏览器的图片格式请求头，从所述图片格式请求头中提取所述浏览器对应支持的目标图片格式对应的图片格式标识，以确定所述浏览器对应支持的目标图片格式。

10.根据权利要求8所述的装置，其特征在于，所述确定模块具体用于：

获取所述浏览器的标识，根据所述浏览器的标识确定所述浏览器对应支持的目标图片格式。

11.根据权利要求8-10任一项所述的装置，其特征在于，所述目标图片格式的数量为多个；所述转换模块具体用于：

在各个所述目标图片格式中，选取对应的图片数据量最少或者图片分辨率最高的目标图片格式；

将所述目标图片的格式转换为选取的所述目标图片格式。

12.根据权利要求8-10任一项所述的装置，其特征在于，

所述接收模块具体用于：

从内容分发网络平台处接收浏览器的图片获取请求，所述图片获取请求由所述内容分发网络平台在确定未缓存有与所述URL相对应的所述目标图片格式的图片后发送；

所述发送模块具体用于：

将格式转换后的所述目标图片发送至所述内容分发网络平台，以通过所述内容分发网络平台缓存格式转换后的所述目标图片，并通过所述内容分发网络平台将格式转换后的所述目标图片发送至所述浏览器。

13.根据权利要求12所述的装置，其特征在于，

所述内容分发网络平台的数量为多个，各所述内容分发网络平台分别位于不同地理区域；所述内容分发网络平台中针对同一图片内容缓存有各不同图片格式的图片，以支持对应地理区域中的各类型的浏览器显示所述图片内容。

14.根据权利要求8-10任一项所述的装置，其特征在于，

所述转换模块具体用于：

若确定本地缓存中未缓存有与所述URL相对应的所述目标图片格式的图片，则根据所述URL从数据库中获取目标图片，根据所述目标图片格式对所述目标图片进行格式转换；

所述发送模块具体用于：

在本地缓存中缓存格式转换后的所述目标图片，并将格式转换后的所述目标图片发送至所述浏览器。