互联网web页面的物品图像立体高清放大展示方法

摘要

本发明涉及一种互联网web页面的物品图像立体高清放大展示方法，包括以下步骤：（1）获取需要在网页里展示的物品的各角度图像图片；（2）分别将各角度图像图片切割成若干个图像碎片，将各角度图像图片和各角度图像图片的图像碎片存储在网站服务器中；（3）根据浏览者的图像操作指令，在所述网站服务器中调取显示范围内的一个或多个图像碎片，在显示器上按在初始显示图片中原有的位置和比例关系显示出来。通过本发明，当用户需要对图片的某个部位进行放大时，系统程序只需从服务器中调取相应的图像碎片进行显示，而不需要激活完整的放大图，减少了图像加载的大小和宽带带宽的占用，使需要展示的放大图片可以快速地下载到用户的电脑并显示。

说明书

技术领域

本发明涉及一种图像处理方法，尤其涉及一种互联网web页面的物品图像立体高清放大展示方法。

背景技术

目前网上展示的物品照片大多是一幅或几幅平面照片和一个简单的放大方式，比如电子商务网站展示的商品等。一般的表现形式是通过点击一幅初始大小图，激活另一幅完整的放大图加载，加载后可以局部或全部展示。由于网速的原因，放大图在尺寸上不能太大，以免影响图像从服务器下载到用户电脑并显示到用户屏幕的速度。

另外，目前行业内对于物品立体展示的放大方法一般是：在旋转物品到一个角度后，点击放大按钮，加载一个该角度的完整的放大图，方法与上述平面图的放大方法相似，而且一般的显示办法是放大图不与初始大小图片上下覆盖重叠，对用户视觉上不能产生自然放大的感觉。

发明内容

为克服现有技术的上述缺陷，本发明的目的在于提供一种互联网web页面的物品图像立体高清放大展示方法，在普通网速条件下对物品图像的各个角度都能快速展示放大细节。

本发明采用的技术方案为：一种互联网web页面的物品图像立体高清放大展示方法，包括以下步骤：

（1）获取需要在网页里展示的物品的各角度图像图片；

（2）分别将各角度图像图片切割成若干个图像碎片，将所述各角度图像图片和各角度图像图片的图像碎片存储在网站服务器中；

（3）根据浏览者的图像操作指令，在所述网站服务器中调取显示范围内的一个或多个图像碎片，在显示器上按在初始显示图片中原有的位置关系和比例关系显示出来。

所述步骤（1）中的各角度图像图片可以包括所需要的每一个角度的不同像素的多个图像图片。

物品的每一个角度的图像图片的个数可以根据预设的图像图片相比于初始显示图片可放大的级数确定，即预设的初始显示图片的可放大的级数越多，每一个角度的图像的个数越多。

物品的每一角度的多个图像图片的像素的高低可以与相比于初始显示图片的放大倍数成正比，即图像图片相比于初始显示图片放大的倍数越高，该图像图片的像素越高。

所述步骤（2）中的所述图像图片切割成所述图像碎片的个数可以与所述图像图片的像素的高低成正比，即图像图片的像素越高，该图像图片被切割成图像碎片的个数越多。

所述各图像图片和各图像图片的图像碎片在存入所述网站服务器时，可以划分各所述图像图片和各图像图片的图像碎片相比于初始显示图片的放大级别。

所述步骤（3）中调取相应图像碎片前，可以根据图像显示窗口的大小和浏览者的放大图像操作指令先确定需要调取的所述图像碎片的所属级别，然后调取该级别下的相应的所述图像碎片。

所述步骤（3）中的在初始显示图片中原有的位置关系显示是指以上下覆盖的方式将所述图像碎片加载到初始显示图片的与所述图像碎片相对应的部位的原始位置上。

优选地，每一个图像图片切割成的若干个图像碎片的大小相同。

浏览者的图像操作指令可以包括图像的旋转、平移和图像的整体或局部的放大、缩小及全屏显示。

本发明的有益效果：由于将需要展示的物品的各角度图像图片切割成图像碎片，当用户在网页上需要对图像图片的某个部位进行放大显示时，系统程序只需从服务器中调取相应的部位的图像碎片或相邻几个图像碎片进行显示，而不需要激活初始显示图片的完整的放大图，减少了图像加载的大小，减少了宽带带宽的占用，使需要展示的局部放大图片可以快速地从服务器上下载到用户的电脑并显示在用户屏幕上，使对初始显示图片的高清放大不受网速的限制。

将调用的图像碎片显示以上下覆盖的方式加载到初始显示图片的相应部位的原始位置上，可以使用户在视觉上产生自然放大的感觉，便于观看、对比和操作。

本发明有助于产品图像的全方位立体展示，主要适用于电子商务、文物和工艺品的展示以及文化创意和广告的立体效果展示等。

附图说明

图1是本发明的流程图。

具体实施方式

参见图1，本发明提供了一种互联网web页面的物品图像立体高清放大展示方法，可以在普通网速条件下对物品图像的各个角度都能快速展示放大细节，其放大倍数理论上可以无限大，主要包括以下步骤：

（1）获取需要在网页里展示的物品的各角度图像图片；

（2）分别将各角度图像图片切割成若干个图像碎片，将所述各角度图像图片和各角度图像图片的图像碎片存储在网站服务器中；

（3）根据浏览者的图像操作指令，在所述网站服务器中调取显示范围内的一个或多个图像碎片，在显示器上按在初始显示图片中原有的位置关系和比例关系显示出来。

物品的各角度图像图片可以采用任意适宜的图像拍摄设备或拍摄软件获取，可以通过软件批处理的方式对各图像图片进行按要求切割，包括裁剪、抠图和修理等步骤，优选地，将各角度图像图片和各角度图像图片的图像碎片制作成展示文件包存储在网站服务器中，便于调取，为节省图片处理时间，可以在网站服务器中设置展示模板，各角度图像图片切割好后，将各角度图像图片和各角度图像图片的图像碎片添加到展示模板中即可。用户需要观看物品高清图像时，只需在网络终端通过http网页访问链接地址，图像即可展示在网络终端的显示器上，一般地，网络终端的系统只要能够支持flash或html5的浏览器，就都能够采用上述方法展示物品图像。

所述步骤（3）中的在初始显示图片中原有的位置关系显示是指以上下覆盖的方式将所述图像碎片加载到初始显示图片的与所述图像碎片相对应的部位的原始位置上，这样可以使用户在视觉上产生自然放大的感觉，便于观看、对比和操作。

所述步骤（1）中的各角度图像图片可以包括所需要的每一个角度的不同像素的多个图像图片，以使物品可以全方位立体展示和放大，每一个角度的不同像素的多个图像图片可以采用软件批处理的方式对初始显示图片进行像素的放大和缩小获得。

物品的每一个角度的图像图片的个数可以根据预设的图像图片相比于初始显示图片可放大的级数确定，即预设的初始显示图片的可放大的级数越多，每一个角度的图像的个数越多，每一个图片对应于该角度下的初始显示图片的一个放大级数。

物品的每一角度的多个图像图片的像素的高低可以与相比于初始显示图片的放大倍数成正比，即图像图片相比于初始显示图片预设的放大的倍数越高，该图像图片的像素也越高，以使放大显示的相应的图像碎片更加清晰。

所述步骤（2）中的所述图像图片切割成所述图像碎片的个数可以与所述图像图片的像素的高低成正比，也相当于与该图像图片相比于初始显示图片的放大倍数成正比，即图像图片的像素越高，该图像图片被切割成图像碎片的个数越多，图像碎片的几何大小越小，该图像碎片在显示器上的大小已定的显示窗口显示时，相比于初始显示图片的相应部位的放大倍数越大。

所述各图像图片和各图像图片的图像碎片在存入所述网站服务器时，可以划分各所述图像图片和各图像图片的图像碎片相比于初始显示图片的放大级别，这样所述步骤（3）中调取相应图像碎片前，可以根据图像显示窗口的大小和浏览者的放大图像操作指令先确定需要调取的所述图像碎片的所属级别，然后调取该级别下的相应的所述图像碎片。

优选地，每一个图像图片切割成的若干个图像碎片的大小相同，以使在分别调用同一个图像图片的多个图像碎片时，多个图像碎片相比于初始显示图片的放大倍数相同。

浏览者的图像操作指令至少可以包括图像的旋转、平移和图像的整体或局部的放大、缩小及全屏显示。

由于浏览者想观看的放大图片在图像显示窗口上经常是显示出初始显示图片其中的一部分，因此并非是图像图片的所有的图像碎片都落在图像显示窗口的显示范围内。在显示范围内，有些图像碎片全部显示出来，有些图像碎片只显示出一部分，这些只显示一部分的图像碎片也需要从网站服务器中调取，而那些根本不需要显示的图像碎片就不用调取了，由此减少了所调取的数据量。另外，还可以将已经从网站服务器上调取的图像碎片数据存储在本地，以便以后需要时直接从本地读取，以进一步减少网络通信量。

本发明的工作原理为：采用适宜的图像拍摄设备或拍摄软件获取需要在网页里展示的物品的各角度图像图片，通过软件批处理的方式根据预设的相比于初始显示图片的放大级数对各角度图像图片进行像素的放大和缩小，以获得每一个角度的不同的像素的多个图像图片，并根据预设的各图像图片相比于初始显示图片的放大倍数对各图像图片进行切割，每一个图像图片切割成若干个图像碎片。将各图像图片和切割成的图像碎片制成展示文件包存储在网站服务器中，并划分各图像图片及其切割成的图像碎片相对于初始显示图片的放大级别。用户在网络终端通过网页访问链接地址，flash或html5在网络终端的显示器上显示初始显示图片，可以点击旋转按钮调节初始显示图片的角度，点击放大按钮或通过鼠标滑轮激活放大功能，确定放大级别后从网站服务器中调取相应级别的与放大部位相对应的图像碎片，通过flash或html5加载到初始显示图片的相应几何位置显示。

实施例：

对酒瓶每隔15°拍摄一幅图像，总共24幅，每幅图像为2000×2000像素；

对每幅图像进行处理，获得可在网页快速显示的图像，作为初始显示图片，如将每幅图像处理成400×400像素；

预设各角度的初始显示图片可进行二级放大；

制作一级放大图像碎片：将原拍摄的各图像图片缩小为1000×1000像素，然后将每个图像图片切割成4×4=16个图像碎片，各图像碎片的大小相同，每个图像碎片为250×250像素；

制作二级放大图像碎片：将原拍摄的2000×2000像素的各图像图片切割成8×8=64个图像碎片，每个图像碎片为150×150像素；

各图像图片和其切割成的图像碎片制作成展示文件包存储在网站服务器中；

根据用户的图像操作指令（可以包括图像的旋转、平移和图像的整体或局部的放大、缩小及全屏显示），从网站服务器中调取相应的图像图片或图像碎片（根据需要放大的局部部位，也可以调用相邻的几个图像碎片），加载到显示窗口上初始显示图片的相应几何位置显示。

通过本发明，当用户在网页上需要对图像图片的某个部位进行放大显示时，系统程序只需从服务器中调取相应的部位的一个或多个图像碎片进行显示，而不需要激活初始显示图片的完整的放大图，减少了图像加载的大小，减少了宽带带宽的占用，使需要展示的局部放大图片可以快速地从服务器上下载到用户的电脑并显示在用户屏幕上，使对初始显示图片的高清放大不受网速的限制。

本发明有助于产品图像的全方位立体展示，主要适用于电子商务、文物和工艺品的展示以及文化创意和广告的立体效果展示等。