在网络浏览器显示器上以小于原始图像的分辨率渲染图像的制作方法

文档序号:6380891阅读:136来源:国知局
专利名称:在网络浏览器显示器上以小于原始图像的分辨率渲染图像的制作方法
技术领域
本中请总体涉及以由网络设计者指定为小于原始图像分辨率的分辨率对图像进行渲染,而无需访问计算机(accessing computer)起初存储全分辨率原始图像,以节省空间。
背景技术
当访问计算机试图对由所选网络页面指定的图像进行渲染时,存储计算机检索完整图像,对其解码,并将其存储。如在本文中所理解的,可能发生这种情况,该图像被指定为以小于原始完整图像的分辨率的分辨率被呈现。在这种情况下,访问计算机缩小已被存储在其存储器中的原始图像的比例并呈现被缩小的版本。但如在本文中所理解的,这就意味着在访问计算机中已消耗了比指定分辨率所必要的存储空间大的存储空间。

发明内容
因此,一种访问计算机包括显示器、输入设备以及控制该显示器并从该输入设备接收信号的处理器。设置有网络接口,处理器通过网络接口与存储有图像的全分辨率版本的互联网服务器通信。计算机可读存储介质可由处理器访问并承载有可由该处理器运行的网络浏览器,以对来自输入设备的信号作出响应,从而通过以下操作对在网络页面上被识别的图像进行渲染:响应于所述信号,根掘由网络页面指定的图像标识来检索该图像的全分辨率版本,但不存储该图像的全分辨率版本。转而,该图像的全分辨率版本根据由网络页面指定的图像尺寸被解压缩为该图像的较小分辨率版本,并且该图像的较小分辨率版本在显示器上被渲染。只有该图像的较小分辨率版本而不是该图像的全分辨率版本被存储在访问计算机中。在示例实施例中,全分辨率版本可以为1920乘以1080像素,较小分辨率版本可以为720乘以480像素。访问计算机检索图像信息以便对该图像的较小分辨率版本进行渲染,在一个实例中,图像信息的格式为:imgwidth = " [int]" height=" [int]" url="[image name]" >,其中“ int”为相应的整数。在另一个实例中,图像信息的格式为:Image img = new Image O ;img.width = [int] ;img.height = [int] ;img.url =" imagename",其中“int”为相应的整数。在某些实施例中,在该图像的较小分辨率版本被存储在本地时,访问计算机响应于用户对图像的选择,来判断在网络页面上被指定的经用户选择的该图像的信息是否指示相同尺寸且是否标识了与本地存储的该图像的较小分辨率版本相同的图像。响应于在网络页面上被指定的经用户选择的该图像的信息指示了相同尺寸且标识了与本地存储的该图像的较小分辨率版本相同的图像的判定,访问计算机将该本地存储的图像呈现在显示器上。然而,响应于在网络页面上被指定的经用户选择的该图像的信息指示了与本地存储的该图像的较小分辨率版本不同的尺寸且标识了与本地存储的该图像的较小分辨率版本相同的图像的判定,访问计算机从服务器检索该图像的全分辨率版本,不存储该全分辨率版本,根据该图像的该信息将全分辨率版本解压缩为该图像的新的较小版本,对所述新的较小版本进行渲染,并存储所述新的较小版本来代替先前存储在本地的该图像的较小分辨率版本。在另一方面,一种方法包括访问由网络页面指定为以比存储在服务器上的图像的完整版本的分辨率小的分辨率进行渲染的该图像。所述方法包括下载该图像的完整版本,但不将服务器的该完整版本存储在存储在计算机存储器或计算机盘介质中。完整图像被处理以便根据由网络页面指定的分辨率对该图像的较小分辨率版本进行渲染。所述方法还包括呈现该图像的较小分辨率版本,以及存储该图像的较小分辨率版本而不存储该图像的完整版本。在另一方面,一种计算机系统包括:存储有图像的全分辨率版本的服务器计算机,以及在显示器上对网络页面进行渲染的访问计算机。所述网络页面包含图像信息,该图像信息包括该全分辨率版本的标识以及比全分辨率小的希望进行渲染的分辨率。访问计算机响应于用户对图像的选择从服务器检索该图像的全分辨率版本,而不存储全分辨率版本。转而,访问计算机根据该图像信息对全分辨率版本进行处理以便渲染较小分辨率版本并且只存储较小分辨率版本。


参照附图本发明的结构和操作这两方面的详情可以得到最佳理解,附图中的类似参考编号指代类似部件,其中:图1为根掘本发明原理的非限制性示例系统的框图;图2为示例网络设计者计算机逻辑的流程图;并且图3和图4为不例访问计算机逻辑的流程图。
具体实施例方式首先参照图1中所示的非限制性示例实施例,系统10包括访问计算机12,该访问计算机12除其他组件之外,还具有访问计算机可读存储介质16(例如同态存储器)的处理器14。盘存储器18也可以被处理器14访问。处理器14可以执行被存储在存储器16、18之一上的网络浏览器以便在显示器22 (例如标准清晰度计算机监视器、触摸屏显示器、平板标准清晰度或高清晰度显示器或其他视频显示器)上对来自互联网20的图像进行渲染。可以基于通过一个或多个输入设备24(例如鼠标或其他点击设备、小键盘、键盘、语音识别软件等)输入的对所呈现网络页面的选择来下载图像。处理器14利用网络接口 28,例如有线或无线调制调解器,与一个或多个服务器26通信。每个服务器26通常包括访问一个或多个计算机可读存储介质32的一个或多个服务器处理器30。源自服务器26的网络页面可以由网络设计者计算机34根掘来自一个或多个输入设备40的设计用户输入信号进行配置,该网络设计者计算机包括访问一个或多个计算机可读存储介质38的一个或多个处理器36。访问计算机12和网络设计者计算机34可以是但不限于工作站计算机、台式计算机、膝上型计算机、笔记本式计算机、个人数字助理(PDA)、无线电话。现在参照图2,从方框42开始,网络设计者计算机34的用户通常通过指定图像标识来指定该用户希望在由服务器26服务的网络页面上进行渲染的所需图像。图像标识可以包括有关该图像的存储位置的信息。在方框44中,用户还可以指定当网络页面被显示在访问计算机12上时用户想让该图像在网络页面上被渲染的分辨率(相当于屏幕尺寸)。如在本文中所理解的,设计者所引用的图像可以以需要相对大的存储空间的相对高的分辨率被存储在服务器26中,然而在访问计算机12中对该图像的较小版本进行渲染。例如,假设网络页面引用存储在服务器26中的具有1920x1080的相对大的分辨率/尺寸的PNG图像,该PNG图像在被解码时可以消耗高达八兆字节。进一步假设网络页面设计者希望访问计算机12仅以较小的分辨率,例如720x480来呈现图像。在方框42和44中,使用网络设计者计算机34的网络页面设计者可以通过以如下超文本链接标记语言(HTML)指定图像对象来完成上述操作:img width = " 720" height = " 480" url=" image, png" >或者,上述图像可以用如下Javascript被指定:Image img = new Image O ;img.width = 720 ;img.height = 480 ;img.url="image, png"图3示出了由访问计算机12响应于用户选择下载在图2中指定的图像来执行的后继逻辑。这样的用户选择通常是通过如下方式进行的:用户查看在运行浏览器的处理器14的控制下的显示器22上的网络页面,并使用适当的输入设备24来选择到该图像的链接。从方框46开始,用户对图像的选择被接收。移至方框48,根据在方框42中指定的通常伴随着所选链接或以其他方式被嵌入到网络页面中的图像标识,来取回图像。同样,在方框44中被网络设计者输入的图像渲染分辨率也被接收。在某些实施例中,该渲染分辨率被嵌入到链接中或在网络页面的其他地方。继续到方框50,图像被访问,但从服务器26下载的完整图像(在上述假设条件下为1920x1080图像)不被存储在访问计算机12中。取而代之的是,该图像当被下载时被解压缩为在图2的方框44中指定的分辨率且被解压缩为较小版本的图像(在上述假设条件下为720x480版本的图像)并在显示器22上被渲染。然后,较小版本的图像在方框52中被存储在访问计算机12上;从服务器26下载的完整的原始版本根据图3中所示的逻辑从不被存储在图1中所示的存储介质16、18中,并且最多可能仅偶然地暂时地被存储在处理器14的临时存储寄存器中,仅仅直至解压缩完成时的时间为止。图4示出了可以由访问计算机12运行的其他逻辑。假设在图像要在访问计算机的显示器上被渲染时,网络设计者随后将所需的图像尺寸例如从720x480改为960x540 (在Javascript 中),如下:Image img = new Image O ;img.width = 720 ;img.height = 480 ;img.url = " image, png";context, drawlmage (img);img.width = 960 ;img.height = 540 ;context, drawlmage (img).
在这些条件下,在方框54中,在原始定义的720x480 (较小)图像被存储在本地的情况下,访问计算机12接收用户对图像的选择。移至判定棱形56,访问计算机判断根掘依照新的用户选择取回的上述图像信息的所指定的图像尺寸是否指示了从存储在本地访问计算机12的存储装置中的图像改变后的尺寸, 若否,该逻辑在方框58中通过在显示器22上呈现该本地存储的图像而结束。另一方面,如果自先前图像存储之后尺寸已改变,则逻辑就从判定棱形56移至判定棱形60以判断新的图像尺寸是否大于原始图像的尺寸。如果大于,则逻辑就移至方框62以便仅按原始尺寸而不按在新取回的图像信息中指定的尺寸来呈现图像。另一方面,如果新的图像尺寸不大于原始图像的尺寸,则逻辑就从判定棱形60移至方框64以便按在新取回的图像信息中指定的尺寸来呈现图像。此外,在方框64中,新的(在上述假设条件下为稍大的)版本的图像被存储,而较旧的(在上述假设条件下为稍小的)图像从存储器中被移除。尽管在本文中示出并详细说明了具体的“在网络浏览器显示器上以小于原始图像的分辨率渲染图像而起初并不存储原始图像从而节省空间”,但应理解,本发明所涵盖的主题仅受权利要求的限制。
权利要求
1.一种访问计算机,包括: 处理器,该处理器控制显示器并从输入设备接收信号; 网络接口,所述处理器通过所述网络接口与存储了图像的全分辨率版本的互联网服务器通信;以及 计算机可读存储介质,所述计算机可读存储介质可由所述处理器访问并承载有可由所述处理器运行的网络浏览器,以对来自所述输入设备的信号作出响应,从而通过以下操作对在网络页面上被标识的图像进行渲染: 响应于所述信号,根据由所述网络页面指定的图像标识来检索该图像的所述全分辨率版本; 根掘由所述网络页面指定的图像尺寸将该图像的所述全分辨率版本解压缩为该图像的较小分辨率版本; 在所述显示器上对该图像的所述较小分辨率版本进行渲染;以及 只存储该图像的所述较小分辨率版本而不存储该图像的所述全分辨率版本。
2.根掘权利要求1所述的访问计算机,其中,在该图像的所述较小分辨率版本被存储在本地时,所述访问计算机响应于用户对图像的选择来判断在网络页面上被指定的经用户选择的该图像的信息是否指示相同尺寸并且是否标识了与存储在本地的该图像的较小分辨率版本相同的图像,并且响应于判断出在所述网络页面上被指定的经用户选择的所述图像的信息指示了相同尺寸并且标识了与存储在本地的该图像的较小分辨率版本相同的图像,将存储在本地的图像呈现在所述显示器上。
3.根掘权利要求2所述的访问计算机,其中响应于判断出在所述网络页面上被指定的经用户选择的该图像的信息指示了与存储在本地的该图像的较小分辨率版本不同的尺寸并且标识了与存储在本地的该图像的较小分辨率版本相同的图像,从所述服务器检索该图像的所述全分辨率版本,不存储所述全分辨率版本,根据所述图像的信息将所述全分辨率版本解压缩为该图像的新的较小版本,对所述新的较小版本进行渲染,并存储所述新的较小版本来代替先前存储在本地的该图像的较小分辨率版本。
4.一种方法,包括: 访问由网络页面指定为将以比存储在服务器上的完整版本的图像的分辨率小的分辨率进行渲染的该图像; 下载该图像的完整版本; 根据由所述网络页面指定的分辨率来处理所述完整图像以便对该图像的较小分辨率版本进行渲染; 呈现该图像的所述较小分辨率版本;以及 存储该图像的所述较小分辨率版本而不存储该图像的完整版本。
5.根据权利要求4所述的方法,包括检索图像信息以便对该图像的所述较小分辨率版本进行渲染,所述图像信息的格式为:img width = " [int] " height=" [int] " url="[image name]" >,其中“int”为相应的整数。
6.根掘权利要求4所述的方法,包括检索图像信息以便对该图像的所述较小分辨率版本进行渲染,所述图像信息的格式为:Image img = newlmage O ;img.width = [int] ;img.height = [int] ;img.url =" image name ",其中 “int” 为相应的整数。
7.根据权利要求4所述的方法,包括将该图像的所述较小分辨率版本本地地存储到访问计算机中,所述访问计算机响应于用户对图像的选择来判断在网络页面上被指定的经用户选择的图像的信息是否指示相同尺寸并且是否标识与存储在本地的该图像的较小分辨率版本相同的图像,并且响应于判断出在所述网络页面上被指定的经用户选择的图像的信息指示相同尺寸并且标识了与存储在本地的该图像的较小分辨率版本相同的图像,将存储在本地的图像呈现在所述显示器上。
8.根据权利要求7所述的方法,其中,响应于判断出在所述网络页面上被指定的经用户选择的图像的信息指示与存储在本地的该图像的较小分辨率版本不同的尺寸且标识了与存储在本地的该图像的较小分辨率版本相同的图像,从所述服务器检索该图像的全分辨率版本,不存储所述全分辨率版本,根据所述图像的信息将所述全分辨率版本解压缩为该图像的新的较小版本,对所述新的较小版本进行渲染,并存储所述新的较小版本来代替先前存储在本地的该图像的所述较小分辨率版本。
9.一种计算机系统,包括: 服务器计算机,该服务器计算机存储图像的全分辨率版本; 访问计算机,该访问计算机在显示器上对网络页面进行渲染,所述网络页面包含图像信息,所述图像信息包括所述全分辨率版本的标识以及小于所述全分辨率的希望进行渲染的分辨率; 所述访问计算机响应于用户对所述图像的选择,从所述服务器检索该图像的所述全分辨率版本,并且根掘所述图像信息处理所述全分辨率版本以便渲染较小分辨率版本,并且只呈现和存储所述较小分辨率版本。
10.根据权利要求1、4或9所述的系统,其中所述全分辨率版本为1920乘以1080像素。
11.根据权利要求1、4或9所述的系统,其中所述较小分辨率版本为720乘以480像素。
12.根掘权利要求1或9所述的系统,其中所述访问计算机检索图像信息以便对所述较小分辨率版本进行渲染,所述图像信息的格式为:imgwidth = " [int] " height="[int] " url=" [image name]" >,其中 “ int” 为相应的整数。
13.根据权利要求1或9所述的系统,其中所述访问计算机检索图像信息以便对所述较小分辨率版本进行渲染,所述图像信息的格式为:Image img = new Image O ;img.width=[int] ;img.height = [int] ;img.url =" image name ",其中 “ int” 为相应的整数。
14.根据权利要求9所述的系统,其中,在所述较小分辨率版本被存储在本地时,所述访问计算机响应于用户对图像的选择来判断在网络页面上被指定的经用户选择的该图像的信息是否指示了相同尺寸且是否标识了与所述较小分辨率版本相同的图像,并且响应于判断出在所述网络页面上被指定的经用户选择的该图像的信息指示了相同尺寸且标识了与所述较小分辨率版本相同的图像,则将所述本地存储的图像呈现在所述显示器上,并且响应于判断出在所述网络页面上被指定的经用户选择的该图像的信息指示了与所述较小分辨率版本不同的尺寸且标识了与该图像的所述较小分辨率版本相同的图像,则从所述服务器检索该图像的所述全分辨率版本,不存储所述全分辨率版本,根掘该图像的该信息将所述全分辨率版本解压缩为该图像的新的较小版本,对所述新的较小版本进行渲染,并存储所述新的较小版本来代 替先前存储在本地的该图像的所述较小分辨率版本。
全文摘要
本发明涉及在网络浏览器显示器上以小于原始图像的分辨率渲染图像。一种访问由网络页面指定为以比从服务器下载的完整图像的分辨率小的分辨率进行渲染的图像的访问计算机不存储该完整图像。取而代之的是,该访问计算机立即将完整图像解压缩为所指定的较小分辨率,对其进行渲染,然后存储该图像的较小版本。
文档编号G06F17/30GK103218383SQ201210444508
公开日2013年7月24日 申请日期2012年11月8日 优先权日2011年11月16日
发明者杰弗瑞·莫圭兰斯基 申请人:索尼公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1