CN102043799A - 图片放大方法 - Google Patents
图片放大方法 Download PDFInfo
- Publication number
- CN102043799A CN102043799A CN 200910197182 CN200910197182A CN102043799A CN 102043799 A CN102043799 A CN 102043799A CN 200910197182 CN200910197182 CN 200910197182 CN 200910197182 A CN200910197182 A CN 200910197182A CN 102043799 A CN102043799 A CN 102043799A
- Authority
- CN
- China
- Prior art keywords
- picture
- little
- pictures
- server
- breviary
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种图片放大方法,该方法包括以下步骤:提供客户端;提供服务器,该服务器上保存有若干大图片,每一大图片对应有缩略小图片,缩略小图片与大图片之间具有关联;客户端向服务器发出请求,并从服务器下载所有需要放大的图片的缩略小图片,该等缩略小图片以列表方式显示;用户点击缩略小图片,根据上述关联,客户端从服务器下载对应的大图片;大图片进行缩小后成为小图供用户选择放大,原图作为放大图显示。与现有技术相比,减少带宽占用,加速页面加载,提升用户体验。
Description
技术领域
本发明涉及一种图片放大方法,尤其涉及一种从服务器获取图片进行放大的方法。
背景技术
在目前的互联网应用环境下,特别是在Web应用的环境下,很多资源是从网络服务器上下载,然后在个人终端(客户端)上进行浏览的。
现行的用户比较喜欢将图片或者照片上传到网络服务器进行保存,在需要的时候,通过个人终端进行浏览或分享。而在分享照片的时候,通常会使用一种放大镜的功能,所谓放大镜,就是通过在小照片上移动一个选择框(通常较小),同时在一个放大框(通常较大)中同步显示被放大的选择框内的内容,用来查看细节。实际上,所谓放大,并没有真正放大,只是将原本的图片进行缩小(小图),原图相对来说就是大图。
现有的放大镜的方式,是在客户端请求页面时,一次性载入所有需要放大的图片。这些需要放大的图片是大图在客户端直接缩小,然后以列表的方式排列显示。当用户点击其中一张图片时,直接把该图片载入到放大镜需要的两张图中(小图和大图),以完成放大镜效果。
然而,这种方式需要一次性载入所有图片,占用很大带宽,页面加载时间需要很长,尤其是在有很多图片的情况下,严重影响用户使用。
本发明则是提供一种新的方法用来解决上述问题。
发明内容
本发明要解决的技术问题在于提供一种节省带宽、缩短页面加载时间的图片放大方法。
本发明通过这样的技术方案解决上述的技术问题:
一种图片放大方法,该方法包括以下步骤:提供客户端;提供服务器,该服务器上保存有若干大图片,每一大图片对应有缩略小图片,缩略小图片与大图片之间具有关联;客户端向服务器发出请求,并从服务器下载所有需要放大的图片的缩略小图片,该等缩略小图片以列表方式显示;用户点击缩略小图片,根据上述关联,客户端从服务器下载对应的大图片;大图片进行缩小后成为小图供用户选择放大,原图作为放大图显示。
作为一种改进,该方法进一步提供选择框,该选择框可在小图上移动。
作为一种改进,小图大于选择框,小图小于放大图。
与现有技术相比较,本发明具有以下优点:先期只下载缩略小图片,占用带宽较小,页面加载时间缩短,提升了用户体验。
附图说明
图1是本发明图片放大方法的流程图。
具体实施方式
下面结合背景技术以及附图详细说明本发明的具体实施方式。
本发明图片放大方法,主要包括以下步骤:
1、为服务器上的每张大图片制作相应的缩略小图片,该缩略小图片用于列表中显示使用,这张缩略小图片实际情况下一般很小;
2、为缩略小图片和大图片之间建立关联关系,即根据缩略小图片的名称或路径找到相应大图片;
3、用户在客户端请求时,客户端将从服务器一次性载入所需要放大的图片的相应缩略小图片,然后以列表的方式排列显示;
4、当用户点击其中缩略小图片时,根据缩略小图片的名称或路径找到相应大图片,向服务器请求该大图片,客户端从服务器下载大图片载入并完成后,把该大图片进行处理;
5、定义小图大小以及放大框的大小;
6、大图片缩小到小图大小后供选择框框选,原图则放到放大框内,以完成放大镜效果。
请参图1,过程详述如下:
用户在客户端请求服务器页面→一次性载入所有需要放大的图片的缩略图,以列表排列→用户点击缩略小图片,根据缩略小图片找到相应的大图片→向服务器请求该图片并下载→把大图片放入到放大镜需要的两张图中→初始化放大镜效果。
在本实施方式中,选择框比小图小,小图比放大框小。
利用本发明,先期只需要下载缩略小图片,节省了带宽,缩短页面加载时间,提升用户体验。
以上所述仅为本发明的较佳实施方式,本发明的保护范围并不以上述实施方式为限,但凡本领域普通技术人员根据本发明所揭示内容所作的等效修饰或变化,皆应纳入权利要求书中记载的保护范围内。
Claims (3)
1.一种图片放大方法,其特征在于,该方法包括以下步骤:
提供客户端;
提供服务器,该服务器上保存有若干大图片,每一大图片对应有缩略小图片,缩略小图片与大图片之间具有关联;
客户端向服务器发出请求,并从服务器下载所有需要放大的图片的缩略小图片,该等缩略小图片以列表方式显示;
用户点击缩略小图片,根据上述关联,客户端从服务器下载对应的大图片;
大图片进行缩小后成为小图供用户选择放大,原图作为放大图显示。
2.根据权利要求1所述的图片放大方法,其特征在于:该方法进一步提供选择框,该选择框可在小图上移动。
3.根据权利要求1所述的图片放大方法,其特征在于:小图大于选择框,小图小于放大图。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 200910197182 CN102043799A (zh) | 2009-10-14 | 2009-10-14 | 图片放大方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 200910197182 CN102043799A (zh) | 2009-10-14 | 2009-10-14 | 图片放大方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102043799A true CN102043799A (zh) | 2011-05-04 |
Family
ID=43909941
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN 200910197182 Pending CN102043799A (zh) | 2009-10-14 | 2009-10-14 | 图片放大方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102043799A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102521238A (zh) * | 2011-11-14 | 2012-06-27 | 江苏联著实业有限公司 | 一种用于数字网报的复合版面呈现*** |
CN104519144A (zh) * | 2015-01-23 | 2015-04-15 | 深圳市中兴移动通信有限公司 | 一种移动终端及其全局限制流量使用的方法和远程服务器 |
CN106021557A (zh) * | 2016-05-30 | 2016-10-12 | 努比亚技术有限公司 | 一种图片加载方法和装置 |
WO2017156986A1 (zh) * | 2016-03-14 | 2017-09-21 | 乐视控股(北京)有限公司 | 一种移动终端全图展示方法及*** |
WO2019024332A1 (zh) * | 2017-07-31 | 2019-02-07 | 平安科技(深圳)有限公司 | 图片显示方法、服务器和计算机可读存储介质 |
-
2009
- 2009-10-14 CN CN 200910197182 patent/CN102043799A/zh active Pending
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102521238A (zh) * | 2011-11-14 | 2012-06-27 | 江苏联著实业有限公司 | 一种用于数字网报的复合版面呈现*** |
CN104519144A (zh) * | 2015-01-23 | 2015-04-15 | 深圳市中兴移动通信有限公司 | 一种移动终端及其全局限制流量使用的方法和远程服务器 |
WO2017156986A1 (zh) * | 2016-03-14 | 2017-09-21 | 乐视控股(北京)有限公司 | 一种移动终端全图展示方法及*** |
CN106021557A (zh) * | 2016-05-30 | 2016-10-12 | 努比亚技术有限公司 | 一种图片加载方法和装置 |
WO2019024332A1 (zh) * | 2017-07-31 | 2019-02-07 | 平安科技(深圳)有限公司 | 图片显示方法、服务器和计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220038550A1 (en) | Method and Apparatus for Automatically Optimizing the Loading of Images in a Cloud-Based Proxy Service | |
US11573693B2 (en) | Display controlling method, terminal, information processing apparatus, and storage medium | |
CN108804483B (zh) | 单元格页面的渲染方法、服务器和计算机可读存储介质 | |
CN101789961B (zh) | 一种用于移动通讯设备终端的图片缩放***及其应用方法 | |
CN103139292B (zh) | 在http代理中处理图片的方法、代理服务器及*** | |
CN102968474B (zh) | 移动通讯设备浏览网页显示方法 | |
CN102364460B (zh) | 基于移动终端的页面自动放大方法和*** | |
CN102043799A (zh) | 图片放大方法 | |
US8972486B2 (en) | Terminal apparatus, processing system, processing method, and program | |
US7975214B2 (en) | System for capturing frames and form data | |
CN102402560A (zh) | Sns社区的个人动态消息中的图片评论的方法及*** | |
CN104616263A (zh) | 图片处理方法和图片处理装置 | |
CN102436484A (zh) | 网页图片放大处理方法及网页图片放大处理*** | |
CN103312751A (zh) | 一种基于浏览器的即时通信方法 | |
US20140095579A1 (en) | System and method for increasing web site serving performance | |
CN108629032A (zh) | 一种基于延时加载的页面快速响应方法及装置 | |
US20140245130A1 (en) | Devices, systems, and methods for communicating with an image-forming device | |
CN104156251B (zh) | 一种图片处理方法及其设备 | |
CN104899212B (zh) | 网页展示方法、服务器及*** | |
CN103856543A (zh) | 一种视频处理方法、移动终端及服务器 | |
CN111581553B (zh) | 网络图像的展示方法、***、电子设备和存储介质 | |
CN103929536A (zh) | 提高图片处理回显速度的方法及其移动终端 | |
CN105224611A (zh) | 基于浏览器的操作处理方法、装置以及浏览器 | |
US9336319B2 (en) | Data file and rule driven synchronous or asynchronous document generation | |
CN105791524B (zh) | 一种调整页面字体的方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20110504 |