WO2013161104A1

WO2013161104A1 - 画像表示システム、画像表示方法、画像表示プログラム、及びそのプログラムを記憶するコンピュータ読取可能な記録媒体

Info

Publication number: WO2013161104A1
Application number: PCT/JP2012/078466
Authority: WO
Inventors: 淳片川; 井上　正史
Original assignee: 楽天株式会社
Priority date: 2012-04-27
Filing date: 2012-11-02
Publication date: 2013-10-31
Also published as: JP2013232067A; US9165340B2; JP5462310B2; US20140375648A1

Abstract

　画像表示システムは、算出部、特定部、生成部、及び送信部を備える。算出部は、位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する。特定部は、記憶部に記憶されている対象物の別画像のデータを参照して、算出部により算出された表示範囲で示される該別画像の部分を特定する。別画像の解像度は現画像の解像度と異なる。生成部は、特定部により特定された部分を示す次画像を別画像のデータを用いて生成する。送信部は、現画像から次画像に切り替えるために該次画像をユーザ端末に送信する。

Description

画像表示システム、画像表示方法、画像表示プログラム、及びそのプログラムを記憶するコンピュータ読取可能な記録媒体

　本発明の一形態は、表示倍率の変更に応じて画像を再描画する画像表示システム、画像表示方法、画像表示プログラム、及びそのプログラムを記憶するコンピュータ読取可能な記録媒体に関する。

　従来から、コンピュータ上に表示された画像の表示倍率をユーザ操作に応じて変更する技術が知られている。例えば、下記非特許文献１に示されるウェブサイトでは、タッチパネル上でのピンチアウト（ｐｉｎｃｈ－ｏｕｔ）又はピンチイン（ｐｉｎｃｈ－ｉｎ）などの操作により地図の拡大率又は縮小率が所定値に達すると、より詳細な地図又はより広域の地図のレイヤーに画面が切り替わる。

グーグル株式会社、「Ｇｏｏｇｌｅマップ」、[ｏｎｌｉｎｅ]、インターネット＜URL: http://maps.google.co.jp/＞

　上記ウェブサイトでは、画像に埋め込まれている緯度経度に基づいて上位レイヤーと下位レイヤーとの位置合わせを行っている。すなわち、表示倍率の変更に伴う画像切替を実現するためには、予め画像そのものに位置情報を埋め込んでおく必要がある。そこで、本発明の一側面は、位置情報を有さない画像を用いた場合でも、表示倍率を変更する前後の画像を位置合わせできるようにすることを目的とする。

　本発明の一形態に係る画像表示システムは、位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出部と、記憶部に記憶されている対象物の別画像のデータを参照して、算出部により算出された表示範囲で示される該別画像の部分を特定する特定部であって、該別画像の解像度が現画像の解像度とは異なる、該特定部と、特定部により特定された部分を示す次画像を別画像のデータを用いて生成する生成部と、現画像から次画像に切り替えるために該次画像をユーザ端末に送信する送信部とを備える。

　本発明の一形態に係る画像表示方法は、画像表示システムにより実行される画像表示方法であって、位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出ステップと、記憶部に記憶されている対象物の別画像のデータを参照して、算出ステップにおいて算出された表示範囲で示される該別画像の部分を特定する特定ステップであって、該別画像の解像度が現画像の解像度とは異なる、該特定ステップと、特定ステップにおいて特定された部分を示す次画像を別画像のデータを用いて生成する生成ステップと、現画像から次画像に切り替えるために該次画像をユーザ端末に送信する送信ステップとを含む。

　本発明の一形態に係る画像表示プログラムは、位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出部と、記憶部に記憶されている対象物の別画像のデータを参照して、算出部により算出された表示範囲で示される該別画像の部分を特定する特定部であって、該別画像の解像度が現画像の解像度とは異なる、該特定部と、特定部により特定された部分を示す次画像を別画像のデータを用いて生成する生成部と、現画像から次画像に切り替えるために該次画像をユーザ端末に送信する送信部とをコンピュータに実行させる。

　本発明の一形態に係るコンピュータ読取可能な記録媒体は、位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出部と、記憶部に記憶されている対象物の別画像のデータを参照して、算出部により算出された表示範囲で示される該別画像の部分を特定する特定部であって、該別画像の解像度が現画像の解像度とは異なる、該特定部と、特定部により特定された部分を示す次画像を別画像のデータを用いて生成する生成部と、現画像から次画像に切り替えるために該次画像をユーザ端末に送信する送信部とをコンピュータに実行させる画像表示プログラムを記憶する。

　このような形態によれば、現画像の表示倍率が所定値に変わると、その現画像で表されている対象物の変更後の表示範囲が算出され、次画像の生成に必要な別画像の部分が特定される。そして、現画像とは異なる解像度であるその別画像から次画像が生成されてユーザ端末に送られることで、現画像から次画像への切替が行われる。このように、現画像が位置情報を持っていなくても、倍率変更後の表示範囲を算出し、その表示範囲で示される別画像の部分を特定することで、現画像と次画像との位置合わせ（すなわち、表示倍率の変更前後における画像の位置合わせ）を行うことができる。

　別の形態に係る画像表示システムでは、特定部が、複数のブロックにメッシュ状に分割された別画像から、算出された表示範囲に対応する１以上のブロックを該別画像の部分として特定してもよい。このように分割された別画像を用いることで、次画像に必要な別画像の部分を容易に特定することができる。

　さらに別の形態に係る画像表示システムでは、複数のブロックが、別画像の全体を均等に分割することで形成されていてもよい。この場合には別画像を簡単に複数のブロックに分割することができるので、処理に必要な演算時間を短縮することが可能になる。

　さらに別の形態に係る画像表示システムでは、複数のブロックが、対象物に外接する矩形領域を均等に分割することで形成されていてもよい。このように対象物のみを複数のブロックに分割してそのブロックのみを用いて次画像を生成することで、画像処理の負荷を必要最小限に止めることが可能になる。

　さらに別の形態に係る画像表示システムでは、複数のブロックが、矩形領域を均等に分割すると共に該矩形領域の外側を分割することで形成されていてもよい。対象物の外側の領域もブロックに分割することで、矩形領域の周縁付近が拡大された場合にも、表示されるべき次画像の全体を生成することができる。すなわち、対象物の周縁付近の拡大表示にも対応することができる。

　さらに別の形態に係る画像表示システムでは、特定部が、算出部により表示範囲が算出される度に、別画像を複数のブロックにメッシュ状に分割してもよい。この場合には、ブロックに関する情報を予め別画像のデータに含めておく必要がないので、別画像のデータを簡単に準備することができる。

　さらに別の形態に係る画像表示システムでは、複数のブロックを識別するブロック情報が別画像のデータに予め含まれており、特定部がブロック情報を参照して別画像の部分を特定してもよい。この場合には、特定部は別画像を複数のブロックに分割する処理を省略できるので、次画像の生成に必要な部分をより短時間で特定することができる。

　さらに別の形態に係る画像表示システムでは、別画像のデータが、個々のブロックのデータの集合であり、生成部が特定された部分に対応するブロックを連結することで事画像を生成してもよい。この場合には、特定部は処理の度に別画像を複数のブロックに分割する処理を省略できるので、次画像の生成に必要な部分をより短時間で特定することができる。

　さらに別の形態に係る画像表示システムでは、算出部が、表示倍率の変更の中心点を特定し、該中心点と表示倍率とに基づいて表示範囲を算出してもよい。このように中心を特定することで、表示範囲を正確に算出することができる。

　さらに別の形態に係る画像表示システムでは、現画像の表示倍率が、所定値に達する前に、該所定値に対応する別の基準値に達した場合には、算出部が、該現画像の表示倍率が該所定値に達した場合の表示範囲を算出し始め、現画像の表示倍率が、別の基準値を経ることなく所定値に達した場合には、算出部が、該表示倍率が該所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出してもよい。このように、現画像の表示倍率が所定値に達する前に、当該所定値で示される表示範囲の計算を始めることで、次画像がより早くユーザ端末に送られる。その結果、よりシームレスな画像切替が可能になる。また、表示倍率が別の基準値を経ることなく所定値に変わった場合にも変更後の表示範囲が算出されるので、次画像をユーザ端末に送ることができる。

　さらに別の形態に係る画像表示システムでは、画像表示システムが、ユーザ端末と通信するサーバを備え、ユーザ端末が算出部を備え、サーバが特定部、生成部、及び送信部を備え、算出部が、表示範囲を示す範囲情報を前記サーバに送信してもよい。この場合には、サーバは表示範囲を算出する必要が無いので、サーバでの処理をその分軽減することができる。また、ユーザ端末からの要求は、現画像の表示倍率を所定値に変える操作が行われて初めてサーバへ送られるので、通信負荷をその分抑えることができる。

　さらに別の形態に係る画像表示システムでは、画像表示システムが、ユーザ端末と通信するサーバを備え、ユーザ端末が、表示倍率の変更に関するユーザ操作を示す操作情報をサーバに提供し、サーバが算出部、特定部、生成部、及び送信部を備え、算出部が、操作情報に基づいて表示範囲を算出してもよい。この場合には、ユーザ端末は表示範囲を算出する必要が無いので、ユーザ端末での処理をその分軽減することができる。

　本発明の一側面によれば、位置情報を有さない画像を用いた場合でも、表示倍率を変更する前後の画像を位置合わせすることができる。

実施形態に係る画像表示システムの全体構成を示す図である。図１に示す画像データベースに記録される画像情報の例を示す図である。実施形態における画像処理の概念を示す図である。図１に示すウェブサーバのハードウェア構成を示す図である。図１に示すウェブサーバ及びユーザ端末の機能を示すブロック図である。（ａ）は表示範囲を座標で示す例を示す図であり、（ｂ）は表示範囲をブロックで示す図である。別画像の部分を特定する一例を示す図である。別画像の部分を特定する別の例を示す図である。別画像の部分を特定する更に別の例を示す図である。別画像の部分を特定する更に別の例を示す図である。（ａ），（ｂ）はそれぞれ、別画像データを複数のブロックに予め分離して記憶する例を示す図である。図１に示す画像表示システムの動作を示すシーケンス図である。実施形態に係る画像表示プログラムの構成を示す図である。

　以下、添付図面を参照しながら本発明の実施形態を詳細に説明する。なお、図面の説明において同一又は同等の要素には同一の符号を付し、重複する説明を省略する。

　まず、図１～１０を用いて、実施形態に係る画像表示システム１の機能及び構成を説明する。画像表示システム１は、画像を含むコンテンツをユーザに提供するコンピュータシステムである。本実施形態では、画像表示システム１は画像を含むウェブページをユーザに提供するものとする。画像表示システム１は、ウェブサーバ１０、ユーザ端末２０、及び画像データベース（記憶部）３０を備えている。これらの装置はインターネットやイントラネットなどを含む通信ネットワークＮを介して互いに接続されている。ユーザはユーザ端末２０を操作してウェブサイト（ウェブサーバ１０により提供されるウェブサイト）にアクセスすることで情報を入手する。

　ウェブサーバ１０は、ユーザ端末２０からのリクエストに応じてウェブページを生成し、そのウェブページをレスポンスとしてそのユーザ端末２０に送信するコンピュータである。本実施形態では、ウェブページは拡大又は縮小の操作が可能な画像を含む。ただし、ウェブページのコンテンツ及び画像の種類は何ら限定されない。例えば、ウェブページはオンライン・ショッピング・サイト又はインターネット・オークション・サイトのページであってもよいし、地図サイトのページであってもよい。画像は商品画像であってもよいし地図画像であってもよい。

　ユーザ端末２０は、ユーザが所有するコンピュータである。ユーザ端末２０の種類は限定されず、例えば据置型又は携帯型のパーソナルコンピュータでもよいし、高機能携帯電話機（スマートフォン）や携帯電話機、携帯情報端末（ＰＤＡ）などの携帯端末でもよい。画像表示システム１内に存在するユーザ端末２０の台数も限定されない。

　画像データベース３０は、ユーザ端末２０に提供されるウェブページ上に表示される画像を記憶する装置である。具体的には、画像データベース３０は個々の画像（例えば写真やイラストなど）について複数種類の解像度の画像データを記憶する。

　一つの画像についての複数の画像データは画像情報として画像データベース３０に記憶される。図２に示すように、画像情報の各レコードは、画像を特定する画像ＩＤと、低解像度画像の画像データ（低解像度データ）と、高解像度画像の画像データ（高解像度データ）とを含んでいる。以下での説明を容易にするために、必要に応じて画像ＩＤに代えて画像名を用いる。すなわち、図２の例において、画像ＩＤ「０００１」で特定される画像を「画像Ａ」とも言い、画像ＩＤ「０００２」で特定される画像を「画像Ｂ」とも言う。なお、図２では画像データを模式的に示している。低解像度画像の解像度をＲＬとし高解像度画像の解像度をＲＨとすれば、当然ながらＲＬ＜ＲＨである。

　ある一つの画像について、低解像度データと高解像度データとはサブＩＤ（ｓｕｂ　ＩＤ）で区別される。したがって、ある一つの画像データは画像ＩＤとサブＩＤとの組合せで特定される。例えば、画像Ａの低解像度データは画像ＩＤ「０００１」とサブＩＤ「１」との組合せで一意に特定され、画像Ｂの高解像度データは画像ＩＤ「０００２」とサブＩＤ「２」との組合せで一意に特定される。もっとも、一つ一つの高解像度データ及び低解像度データを一意に特定できるのであれば、画像ＩＤ及びサブＩＤの組合せとは異なる体系の識別子を用いてもよい。

　なお、画像データベース３０及び画像情報の構成は図２の例に限定されず、これらに対して任意の正規化又は冗長化を行ってもよい。

　画像表示システム１において、ウェブサーバ１０はユーザ端末２０からのリクエストに応じて画像を含むウェブページを当該端末２０に送信し、ユーザ端末２０はその画像を表示する。ユーザは、ユーザ端末２０を操作して画像を拡大又は縮小させることができる。なお、画像を拡大又は縮小させるための操作方法は何ら限定されない。例えば、ユーザはピンチイン及びピンチアウトにより表示倍率を変えてもよいし、画面上に表示された倍率調整用のスケール又はスライダーを操作して表示倍率を変えてもよい。

　画像の拡大率又は縮小率が所定の閾値以上になると、ユーザ端末２０はウェブサーバ１０に新たな画像を要求し、ウェブサーバ１０はその要求に応じて、異なる解像度の次画像を生成してユーザ端末２０に送信する。その結果、ユーザ操作後の表示に適した解像度で、拡大又は縮小された画像が再表示される。

　このような一連の処理の概要を図３を用いて具体的に説明する。自転車（対象物）の全体像を示す初期画像Ｍａに対してユーザがピンチアウトの操作を行うことでその画像Ｍａの表示倍率が所定の閾値以上になると、ユーザ端末２０はウェブサーバ１０に拡大画像（自転車の一部分を示す画像）を要求する。ウェブサーバ１０はその要求に応じて、その初期画像とは異なる解像度の画像データ（拡大表示に適した解像度の画像データ）を画像データベース３０から読み出し、そのデータを用いて拡大画像を生成し、当該拡大画像をユーザ端末２０に送信する。これにより、ユーザ端末２０に拡大画像Ｍｂが表示される。

　その後、その拡大画像Ｍｂに対してユーザがピンチインの操作を行うことでその画像Ｍｂの表示倍率が所定の閾値未満になると、ユーザ端末２０はウェブサーバ１０に縮小画像を要求する。ウェブサーバ１０はその要求に応じて、拡大画像Ｍｂとは異なる解像度の画像データ（縮小表示に適した解像度の画像データ）を画像データベース３０から読み出し、そのデータを用いて縮小画像を生成し、当該縮小画像をユーザ端末２０に送信する。これにより、ユーザ端末２０に縮小画像Ｍｃが表示される。なお、縮小画像Ｍｃは自転車全体の画像（すなわち初期画像Ｍａと同じ）かもしれないし、自転車の一部の画像かもしれない。

　このような処理を実行するウェブサーバ１０のハードウェア構成を図４に示す。この図に示すように、ウェブサーバ１０は、オペレーティングシステムやアプリケーション・プログラムなどを実行するＣＰＵ１０１と、ＲＯＭ及びＲＡＭで構成される主記憶部１０２と、ハードディスクなどで構成される補助記憶部１０３と、ネットワークカードなどで構成される通信制御部１０４と、キーボードやマウスなどの入力装置１０５と、ディスプレイなどの出力装置１０６とを備えている。

　後述するウェブサーバ１０の各機能的構成要素は、ＣＰＵ１０１又は主記憶部１０２の上に所定のソフトウェアを読み込ませ、ＣＰＵ１０１の制御の下で通信制御部１０４や入力装置１０５、出力装置１０６などを動作させ、主記憶部１０２又は補助記憶部１０３におけるデータの読み出し及び書き込みを行うことで実現される。処理に必要なデータやデータベースは主記憶部１０２又は補助記憶部１０３内に格納される。なお、図４ではウェブサーバ１０が１台のコンピュータで構成されているように示しているが、ウェブサーバ１０の機能を複数台のコンピュータに分散させてもよい。

　ユーザ端末２０はウェブサーバ１０と同様のハードウェア構成を備えているので、ユーザ端末２０のハードウェア構成の図示は省略する。ただし、ユーザ端末２０では入力装置及び出力装置がタッチパネルにより実現されるなどのように、具体的な部品はユーザ端末２０とウェブサーバ１０とで異なり得る。ユーザ端末２０においてもウェブサーバ１０と同様に、後述する機能的構成要素がハードウェアを用いて実現される。

　図５に示すように、ウェブサーバ１０は機能的構成要素としてページ提供部１１、要求受信部１２、特定部１３、生成部１４、及び画像送信部１５を備えている。ユーザ端末２０は機能的構成要素としてページ表示部２１、操作監視部２２、算出部２３、要求送信部２４、画像受信部２５、及び画像切替部２６を備えている。

　まずユーザ端末２０の各機能を説明する。ページ表示部２１は、画像を含むウェブページをウェブサーバ１０から取得し、そのウェブページを画面上に表示する機能要素である。ユーザが所定のウェブサイトを指定する操作を行うと、ページ表示部２１はそのサイトのＵＲＬ（Uniform Resource Locator）を含むページ要求をウェブサーバ１０に送信する。その後、ページ表示部２１は、ウェブサーバ１０がそのＨＴＴＰ（Hypertext Transfer Protocol）リクエストに応じて送ってきたウェブページを受信し、当該ページを画面上に表示する。またページ表示部２１はそのウェブページに埋め込まれる画像データもウェブサーバ１０から受信して表示する。この画像データには、画像を特定するための画像ＩＤ及びサブＩＤが埋め込まれている。その結果、画像を含むウェブページがユーザ端末２０の画面上に表示される。本実施形態では、ウェブページが最初に表示された時点では、低解像度の画像がそのページ上に表示されるものとする。

　操作監視部２２は、現在表示されているウェブページ内の画像（現画像）に対する操作を監視する機能要素である。特に、操作監視部２２は現画像の表示倍率を連続的に変える操作の開始から終了までの間、該操作を示す操作情報を所定の時間間隔で取得する。ピンチイン又はピンチアウトを捕捉する場合には、操作監視部２２はタッチパネル上での二本の指の接触の位置や、二つの接触位置の間の距離の変化などを取得して、その取得結果を操作情報として算出部２３に出力する。マウスなどのポインティング・デバイスによる倍率調整用のスケール又はスライダーの操作を捕捉する場合には、操作監視部２２はそのインタフェースの変化量と、表示領域内における画像の中心点とを操作情報として算出部２３に出力する。なお、操作の捕捉方法はこれらに限定されない。

　算出部２３は、現画像の表示倍率を所定値に変える操作に応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する機能要素である。まず、算出部２３は操作情報に基づいて現画像の表示倍率を取得または算出する。算出部２３は、ユーザ端末２０に最初から組み込まれているＡＰＩ（Application Programming Interface）又はウェブページに組み込まれているスクリプトにより直接的に表示倍率を取得してもよい。あるいは、算出部２３はピンチイン又はピンチアウトにおける二つの接触位置の間の距離と、画面全体又は画像表示領域のサイズとの比を計算することで表示倍率を求めてもよい。あるいは、算出部２３はスケール又はスライダーの変化量から表示倍率を求めてもよい。

　続いて、算出部２３は得られた表示倍率が所定の閾値に達したか否かを判定する。この閾値は任意に定めてよい。例えば、初期表示時の倍率を１．０としてその表示倍率を絶対値で管理するのであれば、閾値は１．５（倍）でもよいし２．０（倍）でもよいし、他の値でもよい。あるいは、初期表示時及び切替直後の倍率を１．０としてその表示倍率を相対値で管理するのであれば、拡張処理時の閾値を１．５（倍）や２．０（倍）などに設定し、縮小処理時の閾値を０．５（倍）や０．７（倍）などに設定してもよい。

　得られた表示倍率が閾値に達していない場合には、算出部２３はその時点で処理を終了し、この場合には、解像度の変更が行われることなく、現画像がそのままユーザ操作に応じて拡大又は表示される。

　一方、得られた表示倍率が閾値に達した場合には、算出部２３は現画像で表されている対象物の倍率変更後の表示範囲を算出する。算出部２３は、ユーザが操作を継続している間において現在時点での表示範囲を求めてもよいし、ユーザが操作を終了した時点での表示範囲を求めてもよい。

　算出部２３は、ピンチイン又はピンチアウトにおける二つの接触開始位置の中点を表示範囲の中心とし、二つの現在接触位置又は接触終了位置の距離と、画面全体又は画像表示領域のサイズとの比に基づいて表示範囲の境界を算出してもよい。あるいは、算出部２３は、表示領域内における画像の中心点をそのまま表示範囲の中心とし、スケール又はスライダーの変化量又は変化後の値に基づいて表示範囲の境界を算出してもよい。このように中心を特定することで、表示範囲を正確に算出することができる。もっとも、表示範囲の算出方法はこれらに限定されない。算出部２３は算出した表示範囲を示す範囲情報を要求送信部２４に出力する。

　範囲情報の表現形式は限定されない。例えば図６（ａ）に示すように、算出部２３は倍率変更後の表示範囲Ｈの確定に必要な複数の座標（図６（ａ）では座標Ｃ１～Ｃ４）を範囲情報として出力してもよい。あるいは図６（ｂ）に示すように、算出部２３は現画像をメッシュ状に分割した上で、表示範囲Ｈを構成するブロックのアドレス（ブロック情報）の集合（図６（ｂ）の例では２５個の識別子から成る集合）を範囲情報として出力してもよい。いずれにしても、現画像そのものには何らの位置情報も含まれていないので、算出部２３は表示範囲Ｈを計算で得る必要がある。

　要求送信部２４は、解像度が現画像とは異なる次画像をウェブサーバ１０に要求する機能要素である。要求送信部２４は、表示範囲を示す範囲情報と、操作された画像の画像ＩＤ及びサブＩＤと、拡大操作か縮小操作かを示す操作種類情報とを含む次画像要求をウェブサーバ１０に送信する。

　画像受信部２５は、次画像要求に応じてウェブサーバ１０から送られてきた次画像を受信する機能要素である。画像受信部２５はその次画像を画像切替部２６に出力する。

　画像切替部２６は、画面上に表示されている現画像を次画像に切り替える機能要素である。具体的には、画像切替部２６は現画像の表示領域に次画像のデータを設定することで、その現画像を次画像で上書きする。

　次にウェブサーバ１０の各機能を説明する。ページ提供部１１は、ウェブページを生成してユーザ端末２０に提供する機能要素である。ユーザ端末２０からページ要求を受信すると、ページ提供部１１はその要求で示されるＵＲＬのウェブページを生成し、そのページのデータをその端末２０に送信する。更に、ページ提供部１１は、そのウェブページ内に記述されている画像のＵＲＬで示される低解像度データを画像データベース３０から読み出し、その画像データを初期画像としてユーザ端末２０に送信する。この画像データには、画像を特定するための画像ＩＤ及びサブＩＤが埋め込まれる。しかし、この画像データには何らの位置情報（例えば画像そのもの又は対象物の位置を示す位置情報）も埋め込まれない。

　要求受信部１２は、ユーザ端末２０から次画像要求を受信する機能要素である。要求受信部１２はその要求を特定部１３に出力する。

　特定部１３は、画像データベース３０に記憶されている対象物の別画像のデータ（別画像データ）を参照して、次画像要求の表示範囲で示される該別画像の部分を特定する機能要素である。ここで、別画像データとは、ユーザ端末２０上に表示されている現画像とは解像度が異なる画像のデータである。

　特定部１３は次画像要求で示される画像ＩＤ及びサブＩＤに基づいて現画像の画像データを特定し、この特定結果と、次画像要求で示される操作種類情報とに基づいて、次画像として用いる画像データを画像データベース３０から読み出す。例えば、サブＩＤが「１」であり操作種類情報が「拡大」を示していれば、特定部１３は、同じ画像ＩＤを有し且つサブＩＤが「２」である高解像度データを読み出す。サブＩＤが「２」であり操作種類情報が「縮小」を示していれば、特定部１３は、同じ画像ＩＤを有し且つサブＩＤが「１」である低解像度データを読み出す。

　続いて、特定部１３は読み出した画像データで示される別画像と、次画像要求の範囲情報で示される表示範囲とを比較することで、当該表示範囲で示される別画像の部分を特定する。特定部１３は様々な手法を用いて、次に表示する範囲を特定することができる。

　同一の画像ＩＤで示される低解像度画像および高解像度画像が互いに相似であるならば、特定部１３はこれら二つの画像間の縮尺に基づいて、範囲情報の表示範囲で示される別画像の部分を特定する。例えば図７に示すように、特定部１３は低解像度画像（現画像）ＭＬの表示範囲Ｈに対応する高解像度画像（別画像）ＭＨの部分Ｊを座標により特定してもよい。あるいは図８に示すように、特定部１３は別画像を均等割するメッシュを用いて、表示範囲Ｈに対応する１以上のブロックＢの集合を別画像ＭＨの部分Ｊとして特定してもよい。この場合には別画像を簡単に複数のブロックに分割することができるので、処理に必要な演算時間を短縮することが可能になる。範囲情報がブロックのアドレス（ブロック情報）の集合であり、且つ二つの画像においてメッシュも相似であるならば、特定部１３は範囲情報で示されるアドレスをそのまま用いて別画像ＭＨの部分Ｊを特定できる。

　同一の画像ＩＤで示される低解像度画像および高解像度画像が互いに相似で無い場合、すなわち、フレームにおける対象物の表示位置又は大きさがそれらの画像間で異なる場合には、特定部１３は図９又は１０に示すように別画像の部分を特定してもよい。すなわち、特定部１３は対象物（自転車）に外接する矩形領域Ｋを別画像ＭＨに設定した上で、その領域Ｋ内をメッシュ状に均等割するとともに、当該領域Ｋの外側も分割する。矩形領域Ｋの外側は、図９に示すように、当該領域Ｋ内の区切り線を外側に延長することで分割されてもよいし、図１０に示すように、メッシュ状に均等に分割されてもよい。その上で、特定部１３は表示範囲Ｈに対応する１以上のブロックＢの集合を別画像ＭＨの部分Ｊとして特定してもよい。矩形領域Ｋの外側も分割することで、矩形領域Ｋの周縁付近が拡大された場合にも、表示されるべき次画像の全体を生成することができる。すなわち、対象物の周縁付近の拡大表示にも対応することができる。図１０の例では、図９の例よりも、必要なブロックを更に節約することができる。

　次画像が矩形領域Ｋ内のブロックのみで生成できるのであれば、すなわち、矩形領域Ｋの外側が不要であれば、特定部１３は当該矩形領域Ｋ内のみをメッシュ状に均等割してもよい。このように対象物のみを複数のブロックに分割してそのブロックのみを用いて次画像を生成することで、画像処理の負荷を必要最小限に止めることが可能になる。

　なお、別画像をメッシュ状に分割する処理は、別画像の部分を特定する度に特定部１３によりリアルタイムに実行されてもよいし、バッチ処理などにより予め行われていてもよい。特定部１３がリアルタイムに別画像を分割する場合には、ブロック情報を予め画像データに含めておく必要がないので、別画像のデータを簡単に準備することができる。一方、ブロック情報を予め別画像データに埋め込んでおけば、特定部１３はブロック分割を省略できるので、次画像の生成に必要な部分をより短時間で特定することができる。いずれにしても、メッシュ状に分割された別画像を用いることで、次画像に必要な別画像の部分を容易に特定することができる。

　メッシュを用いる場合には、画像データベース３０内の画像データは、１枚の画像の全体を示す一つのデータではなく、図１１に示すように、個々のブロックの画像Ｂを示す画像データの集合であってもよい。図１１（ａ）は図８における高解像度画像ＭＨに対応し、図１１（ｂ）は図９における高解像度画像ＭＨに対応している。なお、低解像度画像も、図１１に示すように複数の画像データの集合で画像データベース３０に記憶されてもよい。このように画像が分割されて記憶される場合には、特定部１３は分割処理を省略できるので、次画像の生成に必要な部分をより短時間で特定することができる。

　特定部１３は表示範囲に対応する別画像の部分を特定すると、当該部分を示すデータを、別画像を示すデータと共に生成部１４に出力する。なお、上記図７～１０では拡大画像の部分を特定する例を示しているが、特定部１３は縮小画像の部分を特定する場合も同様の処理を実行する。

　生成部１４は、特定部１３により特定された部分を示す次画像を別画像データを用いて生成する機能要素である。別画像データが１枚の画像の全体を示しているのであれば、生成部１４はその画像の一部を切り出すことで次画像を生成するか、または当該画像の全体をそのまま次画像として設定する。別画像データが個々のブロックの画像を示す画像データの集合であれば、生成部１４は一又は複数のブロックを連結することで次画像を生成する。この次画像そのものには何らの位置情報も埋め込まれない。すなわち、次画像は、画像又は対象物の位置を示す情報を含まず、別画像データのどの範囲又はどのブロックを用いたかを示す情報も含まない。生成部１４は生成した次画像を画像送信部１５に出力する。

　画像送信部１５は、次画像をユーザ端末２０に送信する機能要素である。この送信により、ユーザ端末２０上に表示されている画像が当該次画像に切り替わる。

　次に、図１２を用いて、画像表示システム１の動作を説明するとともに本実施形態に係る画像表示方法について説明する。

　ウェブページの表示の際には、ユーザ端末２０のページ表示部２１がページ要求を送信し（ステップＳ１１）、ウェブサーバ１０のページ提供部１１がその要求に応じてウェブページを生成し、ページデータをユーザ端末２０に送信する（ステップＳ１２）。また、ページ提供部１１はページ内に表示される画像データを画像データベース３０から読み出してユーザ端末２０に送信する（ステップＳ１２）。ユーザ端末２０ではページ表示部２１がそのページデータ及び画像データを用いてウェブページを表示する（ステップＳ１３）。

　その後、ユーザ端末２０では操作監視部２２が現画像に対するユーザ操作、より具体的には、現画像を拡大又は縮小する操作を監視する（ステップＳ１４）。そして、この監視に基づく操作情報に基づいて、算出部２３が、表示倍率が所定の閾値以上（未満）になったか否かを判定する（ステップＳ１５）。表示倍率がその閾値に達しない場合には、操作監視部２２が引き続き表示倍率の変化を監視し続ける（ステップＳ１５；ＮＯ）。一方、その倍率がその閾値以上（未満）になった場合には（ステップＳ１５；ＹＥＳ）、算出部２３は現画像の対象物の倍率変更後の表示範囲を算出し（ステップＳ１６、算出ステップ）、要求送信部がその算出結果である範囲情報を含む次画像要求をウェブサーバ１０に送信する（ステップＳ１７）。

　ウェブサーバ１０では要求送信部２４がその要求を受信し、特定部１３が算出された表示範囲で示される別画像の部分を特定する（ステップＳ１８、特定ステップ）。上述したように、特定部１３は様々な方法を用いてこの特定処理を実行することができる。続いて、生成部１４が特定された部分を示す次画像を別画像の画像データ（現画像とは解像度が異なる画像データ）を用いて生成し（ステップＳ１９、生成ステップ）、画像送信部１５がその次画像をユーザ端末２０に送信する（ステップＳ２０、送信ステップ）。ユーザ端末２０では画像受信部２５がその次画像を受信し、画像切替部２６が表示中の現画像を次画像に切り替える（ステップＳ２１）。これにより、それまで表示されていた画像とは解像度が異なる画像がウェブページ内の画像表示領域に表示される。

　なお、ステップＳ１４～Ｓ２１の一連の処理は、ステップＳ１３の後に繰り返し実行され得る。

　次に、図１３を用いて、画像表示システム１を実現するための画像表示プログラムＰを説明する。画像表示プログラムＰは、コンピュータをウェブサーバ１０として機能させるためのサーバ・プログラムＰ１と、コンピュータをユーザ端末２０として機能させるためのサーバ・プログラムＰ２とを備えている。

　サーバ・プログラムＰ１は、メインモジュールＰ１０、ページ提供モジュールＰ１１、要求受信モジュールＰ１２、特定モジュールＰ１３、生成モジュールＰ１４、及び画像送信モジュールＰ１５を備えている。

　メインモジュールＰ１０は、ウェブサーバ１０での画像提供機能を統括的に制御する部分である。ページ提供モジュールＰ１１、要求受信モジュールＰ１２、特定モジュールＰ１３、生成モジュールＰ１４、及び画像送信モジュールＰ１５を実行することにより実現される機能はそれぞれ、上記のページ提供部１１、要求受信部１２、特定部１３、生成部１４、及び画像送信部１５の機能と同様である。

　クライアント・プログラムＰ２は、メインモジュールＰ２０、ページ表示モジュールＰ２１、操作監視モジュールＰ２２、算出モジュールＰ２３、要求送信モジュールＰ２４、画像受信モジュールＰ２５、及び画像切替モジュールＰ２６を備えている。

　メインモジュールＰ２０は、ユーザ端末２０での画像表示機能を統括的に制御する部分である。ページ表示モジュールＰ２１、操作監視モジュールＰ２２、算出モジュールＰ２３、要求送信モジュールＰ２４、画像受信モジュールＰ２５、及び画像切替モジュールＰ２６を実行することにより実現される機能はそれぞれ、上記のページ表示部２１、操作監視部２２、算出部２３、要求送信部２４、画像受信部２５、及び画像切替部２６の機能と同様である。

　サーバ・プログラムＰ１及びクライアント・プログラムＰ２はそれぞれ、例えば、ＣＤ－ＲＯＭやＤＶＤ－ＲＯＭ、半導体メモリ等の有形の記録媒体に固定的に記録された上で提供される。また、各プログラムＰ１，Ｐ２は、搬送波に重畳されたデータ信号として通信ネットワークを介して提供されてもよい。

　以上説明したように、本実施形態によれば、現画像の表示倍率が所定値に変わると、その現画像で表されている対象物の変更後の表示範囲が算出され、次画像の生成に必要な別画像の部分が特定される。そして、現画像とは異なる解像度であるその別画像から次画像が生成されてユーザ端末２０に送られることで、現画像から次画像への切替が行われる。このように、現画像が位置情報を持っていなくても、倍率変更後の表示範囲を算出し、その表示範囲で示される別画像の部分を特定することで、現画像と次画像との位置合わせ（すなわち、表示倍率の変更前後における画像の位置合わせ）を行うことができる。

　画像は連続的に又は段階的に拡大又は縮小するので、本実施形態は、解像度の低いサムネイル画像から高解像度の詳細画像への切替と異なる。また、ユーザ端末２０上に表示される現画像及び次画像は画像及び対象物（被写体）の位置情報を有しておらず、したがって、本実施形態は、画像に埋め込まれた位置情報に基づいて処理を行う上記非特許文献１の技術とも異なる。

　上記実施形態では、表示範囲がユーザ端末２０で算出されるので、ウェブサーバ１０ではその演算を行う必要が無く、ウェブサーバ１０での処理をその分軽減することができる。また、ユーザ端末２０からの次画像要求は、現画像の表示倍率を所定値に変える操作が行われて初めてウェブサーバ１０へ送られるので、通信負荷をその分抑えることができる。

　以上、本発明をその実施形態に基づいて詳細に説明した。しかし、本発明は上記実施形態に限定されるものではない。本発明は、その要旨を逸脱しない範囲で様々な変形が可能である。

　算出部２３は、解像度切替を要する閾値に表示倍率が達する前のタイミングで、当該閾値の倍率で示される表示範囲を算出して範囲情報を要求送信部２４に出力してもよい。この場合には、算出部２３は解像度切替用の閾値（切替閾値）とは異なる、計算開始用の閾値（計算開始閾値）を用いる。例えば表示倍率を相対値で管理するとして、画像拡大時の切替閾値（所定値）が１．５（倍）であれば、計算開始閾値（基準値）を１．３（倍）と設定し、画像縮小時の切替閾値（所定値）が０．５（倍）であれば、計算開始閾値（基準値）を０．７（倍）と設定してもよい。算出部２３は、得られた表示倍率が計算開始閾値に達した場合に限って、切替閾値の倍率で示される表示範囲を算出し、この範囲を示す範囲情報を要求送信部２４に出力する。

　この場合には、画像を拡大又は縮小するユーザ操作がそのまま継続することを前提として、画像の解像度の切替が必要なタイミングよりも前に、ユーザ端末２０の要求送信部２４が次画像要求をウェブサーバ１０に送信する。したがって、ウェブサーバ１０での処理がその分早く始まり、ユーザ端末２０は次画像を早く取得できる。その結果、現画像から次画像への切替をよりシームレスに実行することができる。

　切替閾値及び計算開始閾値を用いる上記の変形例において、表示倍率が計算開始閾値を経ることなく切替閾値に変わった場合には、算出部２３は上記実施形態と同様に、表示倍率が該切替閾値に変わったことに応じて表示範囲を算出してもよい。例えば、表示倍率を連続的に変更可能なユーザ・インタフェース（例えば、タッチパネルやスライダーなど）と、表示倍率を直接入力することが可能なユーザ・インタフェース（例えばテキストボックス）との双方が提供されている場合には、算出部２３は各インタフェースに対応するタイミングで表示範囲を算出する。したがって、例えば、切替閾値と同じ値がテキストボックスに入力されたことで表示倍率が計算開始閾値を経ることなく当該切替閾値に変わった場合にも、変更後の表示範囲を求めて次画像をユーザ端末２０に送ることができる。

　上記実施形態では、一つの対象物に関する画像として低解像度画像と高解像画像という二つの画像が用意されていたが、一つの対象物に対して、解像度が互いに異なる三つ以上の画像が用意されていてもよい。この場合には、解像度を切り替える閾値の個数は一対象物当たりの画像数に応じて定まる。例えば、一つの対象物に対して、解像度がそれぞれＲｅ，Ｒｆ，Ｒｇ（ただし、Ｒｅ＜Ｒｆ＜Ｒｇ）である三つの画像Ｅ，Ｆ，Ｇが用意されている場合には、画像Ｅと画像Ｆとの間の切替に関する閾値と、画像Ｆと画像Ｇとの間の切替に関する閾値とが用意される。

　表示範囲を算出する処理はユーザ端末２０ではなくウェブサーバ１０で実行されてもよい。すなわち、ユーザ端末２０ではなくウェブサーバ１０が算出部を備えてもよい。この場合には、要求送信部２４は操作監視部２２から入力された操作情報をウェブサーバ１０に送信する。ウェブサーバ１０では、要求受信部１２がその操作情報を受信し、算出部がその情報に基づいて上記実施形態と同様の処理を実行し、特定部１３がその後の処理を実行する。この場合には、ユーザ端末２０は表示範囲を算出する必要が無いので、ユーザ端末２０での処理をその分軽減することができる。

　上記実施形態ではウェブサーバ１０を含む画像表示システム１に本発明を適用したが、本発明の適用は、画像を含むウェブページを提供する場面に限定されない。ユーザ操作に基づいて画像の表示倍率を変更することが可能な任意の画像処理において本発明を適用することができる。

　１…画像表示システム、１０…ウェブサーバ、１１…ページ提供部、１２…要求受信部、１３…特定部、１４…生成部、１５…画像送信部、２０…ユーザ端末、２１…ページ表示部、２２…操作監視部、２３…算出部、２４…要求送信部、２５…画像受信部、２６…画像切替部、３０…画像データベース、Ｐ…画像表示プログラム、Ｐ１…サーバ・プログラム、Ｐ１０…メインモジュール、Ｐ１１…ページ提供モジュール、Ｐ１２…要求受信モジュール、Ｐ１３…特定モジュール、Ｐ１４…生成モジュール、Ｐ１５…画像送信モジュール、Ｐ２…クライアント・プログラム、Ｐ２０…メインモジュール、Ｐ２１…ページ表示モジュール、Ｐ２２…操作監視モジュール、Ｐ２３…算出モジュール、Ｐ２４…要求送信モジュール、Ｐ２５…画像受信モジュール、Ｐ２６…画像切替モジュール。

Claims

　位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出部と、
　記憶部に記憶されている前記対象物の別画像のデータを参照して、前記算出部により算出された表示範囲で示される該別画像の部分を特定する特定部であって、該別画像の解像度が前記現画像の解像度とは異なる、該特定部と、
　前記特定部により特定された部分を示す次画像を前記別画像のデータを用いて生成する生成部と、
　前記現画像から前記次画像に切り替えるために該次画像を前記ユーザ端末に送信する送信部と
を備える画像表示システム。
　前記特定部が、複数のブロックにメッシュ状に分割された前記別画像から、前記算出された表示範囲に対応する１以上のブロックを該別画像の部分として特定する、
請求項１に記載の画像表示システム。
　前記複数のブロックが、前記別画像の全体を均等に分割することで形成されている、
請求項２に記載の画像表示システム。
　前記複数のブロックが、前記対象物に外接する矩形領域を均等に分割することで形成されている、
請求項２に記載の画像表示システム。
　前記複数のブロックが、前記矩形領域を均等に分割すると共に該矩形領域の外側を分割することで形成されている、
請求項４に記載の画像表示システム。
　前記特定部が、前記算出部により前記表示範囲が算出される度に、前記別画像を前記複数のブロックにメッシュ状に分割する、
請求項２～５のいずれか一項に記載の画像表示システム。
　前記複数のブロックを識別するブロック情報が前記別画像のデータに予め含まれており、
　前記特定部が前記ブロック情報を参照して前記別画像の部分を特定する、
請求項２～５のいずれか一項に記載の画像表示システム。
　前記別画像のデータが、個々の前記ブロックのデータの集合であり、
　前記生成部が前記特定された部分に対応する前記ブロックを連結することで前記次画像を生成する、
請求項７に記載の画像表示システム。
　前記算出部が、前記表示倍率の変更の中心点を特定し、該中心点と表示倍率とに基づいて前記表示範囲を算出する、
請求項１～８のいずれか一項に記載の画像表示システム。
　前記現画像の表示倍率が、前記所定値に達する前に、該所定値に対応する別の基準値に達した場合には、前記算出部が、該現画像の表示倍率が該所定値に達した場合の表示範囲を算出し始め、
　前記現画像の表示倍率が、前記別の基準値を経ることなく前記所定値に達した場合には、前記算出部が、該表示倍率が該所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する、
請求項１～９のいずれか一項に記載の画像表示システム。
　前記画像表示システムが、前記ユーザ端末と通信するサーバを備え、
　前記ユーザ端末が前記算出部を備え、
　前記サーバが前記特定部、前記生成部、及び前記送信部を備え、
　前記算出部が、前記表示範囲を示す範囲情報を前記サーバに送信する、
請求項１～１０のいずれか一項に記載の画像表示システム。
　前記画像表示システムが、前記ユーザ端末と通信するサーバを備え、
　前記ユーザ端末が、表示倍率の変更に関するユーザ操作を示す操作情報を前記サーバに提供し、
　前記サーバが前記算出部、前記特定部、前記生成部、及び前記送信部を備え、
　前記算出部が、前記操作情報に基づいて前記表示範囲を算出する、
請求項１～１０のいずれか一項に記載の画像表示システム。
　画像表示システムにより実行される画像表示方法であって、
　位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出ステップと、
　記憶部に記憶されている前記対象物の別画像のデータを参照して、前記算出ステップにおいて算出された表示範囲で示される該別画像の部分を特定する特定ステップであって、該別画像の解像度が前記現画像の解像度とは異なる、該特定ステップと、
　前記特定ステップにおいて特定された部分を示す次画像を前記別画像のデータを用いて生成する生成ステップと、
　前記現画像から前記次画像に切り替えるために該次画像を前記ユーザ端末に送信する送信ステップと
を含む画像表示方法。
　位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出部と、
　記憶部に記憶されている前記対象物の別画像のデータを参照して、前記算出部により算出された表示範囲で示される該別画像の部分を特定する特定部であって、該別画像の解像度が前記現画像の解像度とは異なる、該特定部と、
　前記特定部により特定された部分を示す次画像を前記別画像のデータを用いて生成する生成部と、
　前記現画像から前記次画像に切り替えるために該次画像を前記ユーザ端末に送信する送信部と
をコンピュータに実行させる画像表示プログラム。
　位置情報を含まない現画像の表示倍率がユーザ端末上で所定値に変わったことに応じて、該現画像で表されている対象物の倍率変更後の表示範囲を算出する算出部と、
　記憶部に記憶されている前記対象物の別画像のデータを参照して、前記算出部により算出された表示範囲で示される該別画像の部分を特定する特定部であって、該別画像の解像度が前記現画像の解像度とは異なる、該特定部と、
　前記特定部により特定された部分を示す次画像を前記別画像のデータを用いて生成する生成部と、
　前記現画像から前記次画像に切り替えるために該次画像を前記ユーザ端末に送信する送信部と
をコンピュータに実行させる画像表示プログラムを記憶するコンピュータ読取可能な記録媒体。