JP2023184190A - 画像生成システム、その動作方法およびプログラム - Google Patents

Abstract

【課題】Ｗｅｂページの視認性・判読性を維持しつつ、Ｗｅｂページを閲覧できるまでの待機時間を短縮する。【解決手段】画像生成システムであって、Ｗｅｂページの構成要素から装飾情報を取得する取得手段と、前記装飾情報に基づいて、前記Ｗｅｂページを画像化する際の解像度を決定する決定手段と、前記解像度で前記Ｗｅｂページを画像化する画像生成手段とを備える。【選択図】 図７

Description

本発明は、画像生成システム、その動作方法およびプログラムに関する。

現在、Ｗｅｂブラウザ（以下、単にブラウザと称することもある）を搭載し、そのブラウザ上でＷｅｂページを閲覧可能な通信装置が普及している。ブラウザを通して外部サービスのＷｅｂページを表示することにより、通信装置が外部サービスと連携できるようになる。

ブラウザの形態として、サーバ上にＷｅｂページの描画結果を生成するブラウザエンジンを配置する形態がある。ブラウザエンジンは、Ｗｅｂページの解析処理や実行処理といった計算負荷が高い処理を担っている。ブラウザエンジンをサーバ上で実行することにより、通信装置の計算負荷が軽減される。

これは、ブラウザエンジンで描画した描画結果を画像化し、その画像を通信装置に表示することでＷｅｂページを閲覧する手法である。仮想マシンにはＰＣに必要とされる様々な機器リソースが仮想的に割り当てられることから、仮想マシン上で稼働するブラウザエンジンは、ＰＣ上で稼働する場合と同じように動作することができる。

しかし、サーバから画像を取得するための通信処理が必要であるため、通常のＷｅｂブラウザよりも描画されるまでに時間がかかり、Ｗｅｂページを閲覧できるまでの待機時間が長くなることがある。

一方、画像の解像度を下げることで通信量を削減し通信にかかる時間を短縮することができる。特許文献１は、入力された画像情報が特定の特徴を有するかに応じて圧縮処理を行うことを開示している。

特開２０１２－２２７７０６号公報

しかしながら、特許文献１の技術では、ユーザが設定した内容に従って画像を圧縮してしまうため、表示するＷｅｂページによっては文字などが潰れてしまい、ユーザが文字を読み取れなくなってしまうことがあるという課題がある。

本発明は、上記の課題に鑑みてなされたものであり、Ｗｅｂページの視認性・判読性を維持しつつ、Ｗｅｂページを閲覧できるまでの待機時間を短縮するための技術を提供することを目的とする。

上記の目的を達成する本発明に係る画像生成システムは、
Ｗｅｂページの構成要素から装飾情報を取得する取得手段と、
前記装飾情報に基づいて前記Ｗｅｂページを画像化する際の解像度を決定する決定手段と、
前記解像度で前記Ｗｅｂページを画像化する画像生成手段と、
を備えることを特徴とする。

本発明によれば、Ｗｅｂページの視認性・判読性を維持しつつ、Ｗｅｂページを閲覧できるまでの待機時間を短縮することが可能となる。

一実施形態に係るシステム構成図。 一実施形態に係る通信装置のハードウェア構成図。 一実施形態に係る通信装置のソフトウェア構成図。 一実施形態に係る仮想マシンのハードウェア構成図。 一実施形態に係る仮想マシンのソフトウェア構成図。 実施形態１に係る通信装置の処理の流れを説明するフローチャート。 実施形態１に係る画像生成システムの処理の流れを説明するフローチャート。 一実施形態に係る装飾情報から解像度を判定する処理の流れを説明するフローチャート。 一実施形態に係る装飾情報から解像度を判定する別の処理の流れを説明するフローチャート。 実施形態２に係る画像生成システムの処理の流れを説明するフローチャート。

以下、添付図面を参照して実施形態を詳しく説明する。尚、以下の実施形態は特許請求の範囲に係る発明を限定するものでない。実施形態には複数の特徴が記載されているが、これらの複数の特徴の全てが発明に必須のものとは限らず、また、複数の特徴は任意に組み合わせられてもよい。さらに、添付図面においては、同一若しくは同様の構成に同一の参照番号を付し、重複した説明は省略する。

（実施形態１）
本実施形態では、クラウドブラウザ（画像生成システム）を利用する例を説明する。クラウドブラウザとは、クラウド上にＷｅｂページの描画結果を生成するブラウザエンジンを配置する形態のことである。通信装置がクラウドブラウザに接続要求を送信し、クラウドブラウザからＷｅｂページの描画結果の画像をダウンロードして閲覧する事例を考える。本実施形態では、Ｗｅｂページを画像化する前に装飾情報を取得し、装飾情報に基づいて解像度を下げるかどうかを判定する。ここで、装飾情報とは、Ｗｅｂページの構成要素に含まれるＷｅｂページの見た目を指定するための情報であり、例えばフォントサイズ、文字間隔、行間隔などを示す情報である。装飾情報は、例えば、ＣＳＳ、ＨＴＭＬ、ＪａｖａＳｃｒｉｐｔ（登録商標）のような書式で記述される。

＜システム構成＞
図１は、本実施形態に係る情報処理システムの構成図である。情報処理システム１００は、通信装置１０１と、画像生成システム１０３とを含む。

ユーザは、通信装置１０１の画面を閲覧、および操作することができる。通信装置１０１は、画像生成システム１０３とネットワークを介して接続されており、接続要求、操作情報、および描画結果の取得要求を画像生成システム１０３へ送信する。本実施形態におけるネットワークは、例えば、インターネット、ＷＡＮ（Ｗｉｄｅ Ａｒｅａ Ｎｅｔｗｏｒｋ）、およびＬＡＮ（Ｌｏｃａｌ Ａｒｅａ Ｎｅｔｗｏｒｋ）、またはこれらの複合であってもよい。また、通信装置は複数存在してもよい。

Ｗｅｂサーバ１０２は、通信装置１０１及び画像生成システム１０３とネットワークを介して接続されている。Ｗｅｂサーバ１０２は、ＵＲＬ情報で指定されたＷｅｂページを保持する。画像生成システム１０３は、本実施形態では例えばクラウドブラウザである。画像生成システム１０３は、仮想マシン１０４およびストレージ１０７を備える。

仮想マシン１０４は、ブラウザエンジン１０５及び画像化モジュール１０６を備えており、画像生成システム１０３上で稼働する。仮想マシン１０４は、通信装置１０１から操作情報を受信する。また、ユーザは、閲覧しようとしているＷｅｂページのＵＲＬ情報を、通信装置１０１を介して指定（入力）し、仮想マシン１０４は、Ｗｅｂサーバ１０２から、ユーザによって指定されたＷｅｂページの情報を取得する。

ブラウザエンジン１０５は、仮想マシン１０４上で稼働し、ユーザにより指定されたＵＲＬ情報に基づいて取得されたＷｅｂページの解析及びＷｅｂページの描画結果の生成を行う。画像化モジュール１０６は、ブラウザエンジン１０５により描画された描画結果の画像化を行う。さらに、描画結果の画像をストレージ１０７へ送信する。ストレージ１０７は、画像生成システム１０３上で稼働し、画像化モジュール１０６から送信された描画結果の画像を受信して保存する。ストレージ１０７は複数存在してもよい。

＜通信装置のハードウェア構成＞
図２は、本実施形態の通信装置１０１を構成するコンピュータ装置のハードウェア構成を示す図である。通信装置１０１は、ＣＰＵ２０１、ＲＯＭ２０２、ＲＡＭ２０３、ユーザインタフェース２０４、及びネットワークインタフェース２０５を備えており、これらの構成要素がシステムバス２０６を介して接続されている。

ＣＰＵ２０１は、通信装置１０１を制御するＣｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔである。ＲＯＭ２０２は、変更を必要としないプログラムやパラメータを格納するＲｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙである。ＲＡＭ２０３は、外部装置などから供給されるプログラムやデータを一時記憶するＲａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙである。ＣＰＵ２０１は、ＲＯＭ２０２やＲＡＭ２０３に格納されたプログラムを読み出して実行することにより、通信装置１０１の各処理を実行する。

ユーザインタフェース２０４は、通信装置１０１が保持するデータや通信装置１０１に供給されたデータを表示するための表示装置に表示されるグラフィカルユーザインタフェースとすることができる。あるいは、ユーザからの操作を受けてデータを入力するマウスなどのポインティングデバイス、キーボードなどの入力デバイス等、各種のユーザインタフェースであってもよい。

ネットワークインタフェース２０５は、ネットワークに接続するためのネットワークインタフェースである。システムバス２０６は、ＣＰＵ２０１～ネットワークインタフェース２０５の各構成要素を通信可能に接続するシステムバスである。

また通信装置１０１に固定して設置されたハードディスクやメモリカード等があってもよい。あるいは通信装置１０１から着脱可能なフレキシブルディスク（ＦＤ）やＣｏｍｐａｃｔ Ｄｉｓｋ（ＣＤ）等の光ディスク、磁気や光カード、ＩＣカード、メモリカードなどを含む外部記憶装置等があってもよい。

＜通信装置のソフトウェア構成＞
図３は、本実施形態の通信装置１０１を構成するコンピュータ装置のソフトウェア構成を示す図である。通信装置１０１は、通信部３０１、記憶部３０２、操作検知部３０３及び画面生成部３０４を備える。

通信部３０１は、通信装置１０１がネットワークを介して行う通信を制御する通信部である。記憶部３０２は、描画結果の記憶を行う記憶部である。操作検知部３０３は、ユーザインタフェース２０４が操作されたときの操作の内容を検知する。画面生成部３０４は、ユーザインタフェース２０４に表示する画面の生成を行う。

＜仮想マシンのハードウェア構成＞
図４は、本実施形態の仮想マシン１０４を構成するコンピュータ装置のハードウェア構成を示す図である。仮想マシン１０４は、ＣＰＵ４０１、ＲＯＭ４０２、ＲＡＭ４０３、及びネットワークインタフェース４０４を備えており、これらの構成要素がシステムバス４０５を介して接続されている。

ＣＰＵ４０１は、仮想マシン１０４を制御するＣｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔである。ＲＯＭ４０２は、変更を必要としないプログラムやパラメータを格納するＲｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙである。ＲＡＭ４０３は、外部装置などから供給されるプログラムやデータを一時記憶するＲａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙである。ＣＰＵ４０１は、ＲＯＭ４０２やＲＡＭ４０３に格納されたプログラムを読み出して実行することにより、仮想マシン１０４の各処理を実行する。

ネットワークインタフェース４０４は、ネットワークに接続するためのネットワークインタフェースである。システムバス４０５は、ＣＰＵ４０１～ネットワークインタフェース４０４の各構成要素を通信可能に接続するシステムバスである。

＜仮想マシンのソフトウェア構成＞
図５は、本実施形態の仮想マシン１０４を構成するコンピュータ装置のソフトウェア構成を示す図である。仮想マシン１０４は、通信部５０１、記憶部５０２、リクエスト判定部３０３、Ｗｅｂページ解析部５０４、Ｗｅｂページ描画部５０５、画像生成部５０６、及び解像度決定部５０７を備える。

通信部５０１は、仮想マシン１０４がネットワークを介して行う通信を制御する通信部である。記憶部５０２は、ユーザ情報、デバイス情報リスト、Ｗｅｂコンテンツ、およびＷｅｂページ情報の記憶を行う記憶部である。リクエスト判定部５０３は、通信部５０１が受信したリクエストの種別を判定する。

Ｗｅｂページ解析部５０４は、ユーザにより指定されたＵＲＬ情報に基づいて、Ｗｅｂページの解析を行う。Ｗｅｂページ描画部５０５は、Ｗｅｂページ解析部５０４により解析されたＷｅｂページの描画を行う。画像生成部５０６は、Ｗｅｂページ描画部５０５により描画された画面の画像を生成する（すなわち、描画結果を画像化する）。解像度決定部５０７は、Ｗｅｂページの構成要素から取得できる装飾情報に基づいて、画像生成部５０６により生成される画像の解像度を決定する。

＜システム処理＞
ユーザは通信装置１０１を操作して、閲覧しようとするＷｅｂページのＵＲＬ情報を入力する。入力されたＵＲＬ情報は、画像生成システム１０３により受信されて取得される。画像生成システム１０３は、取得したＵＲＬ情報に基づいて、Ｗｅｂサーバ１０２へアクセスしてＷｅｂページを解析し、描画する。また、Ｗｅｂページの構成要素から装飾情報を取得し、装飾情報に基づいて、通信装置１０１で表示するためのＷｅｂページの画像の解像度を決定する。そして決定された解像度でＷｅｂページを画像化し、そのＷｅｂページの画像を通信装置１０１へ送信して表示させる。

ユーザは通信装置１０１に表示されたＷｅｂページの画像を操作（押下、スクロール、ドラッグ、スワイプ等）することができる。ユーザが操作を行うと、ユーザの操作内容を示す操作情報が画像生成システム１０３へ送信され、画像生成システム１０３において操作情報を反映したＷｅｂページを描画する。以降、操作が反映されたＷｅｂページの構成要素から同様に装飾情報を取得し、装飾情報に基づいて解像度の決定を行い、同様の処理を繰り返す。

＜通信装置の処理＞
図６は、本実施形態における通信装置１０１の処理の流れを説明するフローチャートである。Ｓ６０１において、操作検知部３０３は、ユーザインタフェース２０４上に表示されているクラウド接続ボタン（不図示）をユーザ押下したことを検知する。そして、操作検知部３０３の検知に応じて、通信部３０１が、接続要求を仮想マシン１０４へ送信する。本実施形態では、接続要求は、通信装置１０１が接続要求の送信を開始した時間を示す情報を含む。

Ｓ６０２において、通信部３０１は、仮想マシン１０４から接続完了情報を受信する。その後、ユーザは通信装置１０１を操作して、所望のＷｅｂページのＵＲＬ情報を入力し、それを画像生成システム１０３へ送信し、画像生成システム１０３により生成されたＷｅｂページの画像を通信装置１０１が受信して表示する。

Ｓ６０３において、操作検知部３０３は、ユーザ操作の有無を判定する。ユーザ操作は、例えば、マウス操作やタッチ操作を介した、押下、スクロール、ドラッグ、スワイプ等の操作である。例えば、画像生成システム１０３から受信したＷｅｂページの画像に対するユーザ操作を検知する。ユーザ操作があった場合（Ｓ６０３でＹｅｓ）、Ｓ６０４へ進む。一方、ユーザ操作がない場合（Ｓ６０３でＮｏ）、Ｓ６０５へ進む。

Ｓ６０４において、通信部３０１は、操作検知部３０３により判定されたユーザ操作の内容を示す操作情報をリクエストとして仮想マシン１０４へ送信する。Ｓ６０５において、通信部３０１は、仮想マシン１０４から情報を受信したか否かを判定する。情報を受信した場合（Ｓ６０５でＹｅｓ）、Ｓ６０６へ進む。一方、情報を受信していない場合（Ｓ６０５でＮｏ）、Ｓ６０８へ進む。

Ｓ６０６において、通信部３０１は、Ｓ６０５で受信した情報が、仮想マシン１０４に送信された操作情報に応じたＷｅｂページの描画結果取得に関する情報（例えば、操作情報反映通知）であるか否かの判定を行う。描画結果取得に関する情報である場合（Ｓ６０６でＹｅｓ）、Ｓ６０７へ進む。一方、描画結果取得に関する情報ではない場合（Ｓ６０６でＮｏ）、Ｓ６０８へ進む。

Ｓ６０７において、通信部３０１は、画像生成システム１０３のストレージ１０７に保存してある描画結果の画像を取得する。そして、画面生成部３０４は、取得した画像を用いて表示画面を生成する。

Ｓ６０８において、操作検知部３０３は、ユーザインタフェース２０４上の終了ボタンが押下されたか否かを検知、終了処理の判定を行う。終了ボタンが押下された場合（Ｓ６０８でＹｅｓ）、本処理を終了する。その際、終了指示をリクエストとして画像生成システム１０３へ送信する。一方、終了ボタンが押下されていない場合（Ｓ６０８でＮｏ）、Ｓ６０３に戻る。以上で図６の一連の処理が終了する。

＜画像生成システム（主に仮想マシン）の処理＞
続いて、図７は、本実施形態に係る画像生成システム１０３（主に仮想マシン１０４）が実施する処理の流れを説明するフローチャートである。

Ｓ７０１において、通信部５０１は、通信装置１０１から送信された接続要求を受信する。Ｓ７０２において、通信部５０１は、接続要求に基づいて接続が完了した場合、通信装置１０１へ接続完了情報を送信する。

その後、画像生成システム１０３は、ユーザが通信装置１０１を操作して入力した所望のＷｅｂページのＵＲＬ情報を受信し、当該ＵＲＬ情報に基づいてＷｅｂページを描画し、さらにＷｅｂページを画像化して通信装置１０１へ送信する。

Ｓ７０３において、通信部５０１は、通信装置１０１からリクエストを受信する。Ｓ７０４において、リクエスト判定部５０３は、通信部５０１により受信されたリクエストの種別を判定する。リクエストの種別が操作情報（例えば、ユーザ操作の内容を示す操作情報）である場合（Ｓ７０４で操作情報）、Ｓ７０５に進む。一方、リクエストの種別が終了指示である場合（Ｓ７０４で終了指示）、処理を終了する。

Ｓ７０５において、Ｗｅｂページ解析部５０４は、通信部５０１により受信された操作情報の反映を行う。例えば、操作情報の内容が押下だった場合、Ｗｅｂページ解析部５０４は、Ｗｅｂページに対して実際に押下処理を行う。

Ｓ７０６において、Ｗｅｂページ解析部５０４は、Ｓ７０５の反映の結果として得られたＷｅｂページの構成要素から装飾情報（例えばフォントサイズ）を取得する。Ｓ７０７において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報に基づいて解像度を決定する。解像度の決定処理の詳細は、図８、図９を参照して後述する。Ｓ７０８において、Ｗｅｂページ描画部５０５は、Ｓ７０５で操作情報を反映した後の状態の描画結果を生成する。

Ｓ７０９において、画像生成部５０６は、Ｓ７０８で生成された描画結果を、Ｓ７０７で決定された解像度の画像ファイルとして生成する（画像化）。Ｓ７１０において、通信部５０１は、画像生成システム１０３のストレージ１０７に対して、Ｓ７０９で生成された画像ファイルを送信する。その後、通信部５０１は、通信装置１０１へ、操作情報が反映されたことを示す操作情報反映通知を送信する。その後、Ｓ７０３に戻る。以上で図７の一連の処理が終了する。

＜解像度決定処理の詳細＞
ここで図８は、図７のＳ７０７の解像度決定処理の詳細を説明するフローチャートである。なお、図７のＳ７０６において、装飾情報として、ＣＳＳのｆｏｎｔ－ｓｉｚｅを利用してフォントサイズの情報を取得したものとして説明を行う。

Ｓ８０１において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（フォントサイズ）に基づいて、最小フォントサイズが１０ｐｘ以上であるか否かを判定する。最小フォントサイズが１０ｐｘ以上である場合（Ｓ８０１でＹｅｓ）、Ｓ８０２へ進む。一方、最小フォントサイズが１０ｐｘ未満である場合（Ｓ８０１でＮｏ）、Ｓ８０５へ進む。

Ｓ８０２において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（フォントサイズ）に基づいて、最小フォントサイズが２０ｐｘ以上であるか否かを判定する。最小フォントサイズが２０ｐｘ以上である場合（Ｓ８０２でＹｅｓ）、Ｓ８０３へ進む。一方、最小フォントサイズが２０ｐｘ未満である場合（Ｓ８０２でＮｏ）、Ｓ８０６へ進む。

Ｓ８０３において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（フォントサイズ）に基づいて、最小フォントサイズが５０ｐｘ以上であるか否かを判定する。最小フォントサイズが５０ｐｘ以上である場合（Ｓ８０３でＹｅｓ）、Ｓ８０４へ進む。一方、最小フォントサイズが５０ｐｘ未満である場合（Ｓ８０３でＮｏ）、Ｓ８０７へ進む。

Ｓ８０４において、解像度決定部５０７は、９０％の圧縮率を生成画像の解像度として決定する。Ｓ８０５において、解像度決定部５０７は、通常解像度を生成画像の解像度として決定する。Ｓ８０６において、解像度決定部５０７は、２０％の圧縮率を生成画像の解像度として決定する。Ｓ８０７において、解像度決定部５０７は、５０％の圧縮率を生成画像の解像度として決定する。以上で図８の一連の処理が終了する。

このように、Ｗｅｂページの構成要素に含まれる文字の最小フォントサイズが閾値未満である場合、第１の解像度を使用することを決定し、最小フォントサイズが閾値以上である場合、第１の解像度よりも低い第２の解像度を使用することを決定する。これにより、文字の判読性・視認性を維持しつつ、画像を圧縮して転送データ量を削減することが可能となる。従って、通信装置で早期の表示を実現することができる。

＜解像度決定処理の変形例＞
続いて、図９を参照して、本実施形態において、図８で説明したフォントサイズだけでなく別の装飾情報（文字間隔）をさらに利用して解像度を決定する処理の変形例を説明する。図９の例では、Ｓ７０６において、装飾情報として、ＣＳＳのｆｏｎｔ－ｓｉｚｅを利用してフォントサイズの情報を取得するとともに、ＣＳＳのｌｅｔｔｅｒ－ｓｐａｃｉｎｇを利用して文字間隔の情報を取得したものとする。文字間隔の情報は、例えばフォントサイズの何％の大きさの間隔かを示す情報である。

Ｓ９０１において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（フォントサイズ）に基づいて、最小フォントサイズが１０ｐｘ以上であるか否かを判定する。最小フォントサイズが１０ｐｘ以上である場合（Ｓ９０１でＹｅｓ）、Ｓ９０２へ進む。一方、最小フォントサイズが１０ｐｘ未満である場合（Ｓ９０１でＮｏ）、Ｓ９０７へ進む。

Ｓ９０２において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（文字間隔）に基づいて、一番狭い文字間隔が５０％以上であるか否かを判定する。一番狭い文字間隔が５０％以上である場合（Ｓ９０２でＹｅｓ）、Ｓ９０３へ進む。一方、一番狭い文字間隔が５０％未満である場合（Ｓ９０２でＮｏ）、Ｓ９０７へ進む。

Ｓ９０３において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（フォントサイズ）に基づいて、最小フォントサイズが２０ｐｘ以上であるか否かを判定する。最小フォントサイズが２０ｐｘ以上である場合（Ｓ９０３でＹｅｓ）、Ｓ９０４へ進む。一方、最小フォントサイズが２０ｐｘ未満である場合（Ｓ９０３でＮｏ）、Ｓ９０８へ進む。

Ｓ９０４において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（文字間隔）に基づいて、一番狭い文字間隔が１００％以上であるか否かを判定する。一番狭い文字間隔が１００％以上である場合（Ｓ９０４でＹｅｓ）、Ｓ９０５へ進む。一方、一番狭い文字間隔が１００％未満である場合（Ｓ９０４でＮｏ）、Ｓ９０８へ進む。

Ｓ９０５において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（フォントサイズ）に基づいて、最小フォントサイズが５０ｐｘ以上であるか否かを判定する。最小フォントサイズが５０ｐｘ以上である場合（Ｓ９０５でＹｅｓ）、Ｓ９０６へ進む。一方、最小フォントサイズが５０ｐｘ未満である場合（Ｓ９０５でＮｏ）、Ｓ９０９へ進む。

Ｓ９０６において、解像度決定部５０７は、Ｓ７０６で取得された装飾情報（文字間隔）に基づいて、一番狭い文字間隔が１５０％以上であるか否かを判定する。一番狭い文字間隔が１５０％以上である場合（Ｓ９０６でＹｅｓ）、Ｓ９１０へ進む。一方、一番狭い文字間隔が１５０％未満である場合（Ｓ９０６でＮｏ）、Ｓ９０９へ進む。

Ｓ９０７において、解像度決定部５０７は、通常解像度を生成画像の解像度として決定する。Ｓ９０８において、解像度決定部５０７は、２０％の圧縮率を生成画像の解像度として決定する。Ｓ９０９において、解像度決定部５０７は、５０％の圧縮率を生成画像の解像度として決定する。Ｓ９１０において、解像度決定部５０７は、９０％の圧縮率を生成画像の解像度として決定する。以上で図９の一連の処理が終了する。

このように、Ｗｅｂページの構成要素に含まれる文字の最小フォントサイズが閾値（例えば１０）未満である場合、或いは、最小フォントサイズが閾値（例えば１０）以上であってもＷｅｂページの構成要素に含まれる文字の最も狭い文字間隔が所定値（例えば５０）未満である場合、第１の解像度（例えば、通常解像度）を使用することを決定する。そして、最小フォントサイズが閾値以上であり且つ最も狭い文字間隔が所定値未満である場合、第１の解像度よりも低い第２の解像度（例えば圧縮率２０％、５０％、９０％等）を使用することを決定する。これにより、文字の判読性・視認性を維持しつつ、画像を圧縮して転送データ量を削減することが可能となる。従って、通信装置で早期の表示を実現することができる。

以上説明したように、本実施形態では、装飾情報に基づいて、表示すべき画像の解像度を決定する。これにより、装飾情報の一例であるフォントサイズが大きい場合には、解像度を下げて画像容量を削減し、通信に要する時間を削減することができる。また、装飾情報の一例であるフォントサイズが小さい場合には、通常の解像度で画像を生成することで、文字の潰れなどが起こらずに視認性・判読性を維持することが可能となる。

従って、例えばクラウドブラウザと通信装置との通信量を低減しつつ、ユーザの視認性・判読性が維持されたＷｅｂページを表示することが可能となる。

（実施形態２）
本実施形態では、クラウドブラウザで描画する描画範囲内の装飾情報のみを参照する例を説明する。本実施形態におけるシステム構成図、通信装置１０１のハードウェア構成およびソフトウェア構成はそれぞれ図１乃至図３と同じであるため、説明を省略する。また、本実施形態における仮想マシン１０４のハードウェア構成は図４と同じであり、仮想マシン１０４のソフトウェア構成は図５と同じであるため、説明を省略する。また、本実施形態における通信装置１０１の処理の流れは図６と同じである。

＜画像生成システム（主に仮想マシン）の処理＞
図１０は、本実施形態の画像生成システム１０３（主に仮想マシン１０４）の処理の流れを説明するフローチャートである。実施形態１と同じ処理については同じ参照番号を付しており、説明を省略する。本実施形態では、Ｓ７０５の処理の後、Ｓ１００１へ進む。

Ｓ１００１において、Ｗｅｂページ解析部５０４は、ブラウザエンジン１０５で描画する描画範囲の情報を取得する。描画範囲は、ＪａｖａＳｃｒｉｐｔ（登録商標）を利用することで取得できる。

Ｓ１００２において、Ｗｅｂページ解析部５０４は、Ｓ７０５における操作情報の反映の結果として得られるＷｅｂページの構成要素から、Ｓ１００１で取得した描画範囲に含まれる装飾情報を取得する。

以降、Ｓ７０７において、解像度決定部５０７が、Ｓ１００２で取得した装飾情報に基づいて解像度を決定する。Ｓ７０７の詳細な処理は、実施形態１で図８、図９を参照して説明した処理と同様である。

以上説明したように、本実施形態では、Ｗｅｂページの構成要素のうち、実際に描画する範囲に限定した装飾情報に基づいて解像度を決定することができる。これにより、Ｗｅｂページ全体の装飾情報を考慮した場合に閾値以下の値があり解像度を下げることができないような場合でも、描画範囲内の装飾情報に閾値以下の値がなければ、解像度を下げる処理を実行することができる。

[変形例]
なお、実施形態１、２では、フォントサイズと文字間隔を装飾情報として参照する例を説明したがとしたが、これに限定されない。例えば、装飾情報として、背景色、拡大率、グラデーション、背景と文字の色、行間隔、ボーダーの種類、文字数などを使用してもよい。

装飾情報が背景色である場合、ＣＳＳのｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒを利用することができる。例えば、背景色が単色である場合に、背景色が複数色である場合よりも解像度を下げるように制御する。装飾情報が拡大率である場合、Ｈｔｍｌの拡大ボタン押したかで判定することができる。例えば、拡大率が所定値以上である場合、所定値未満である場合よりも解像度を下げるように制御する。

装飾情報がグラデーションである場合、ＣＳＳのｌｉｎｅａｒ－ｇｒａｄｉｅｎｔ、ｒａｄｉａｌ－ｇｒａｄｉｅｎｔ、あるいはｃｏｎｉｃ－ｇｒａｄｉｅｎｔを利用することができる。例えば、同系色のグラデーションである場合、解像度を下げるように制御する。装飾情報が背景と文字の色である場合、ＣＳＳのｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ＆＆ｃｏｌｏｒを利用することができる。例えば、背景と文字が反対色である場合には解像度を下げるように制御する。

装飾情報として背景と文字の明暗度の差である場合、ＣＳＳのｂｒｉｇｈｔｎｅｓｓ・ｂｒｉｇｈｔｎｅｓｓを利用することができる。例えば、背景と文字との明暗度の差が大きい場合（例えば明暗度の差が閾値以上である場合）、解像度を下げるように制御する。装飾情報が行間隔である場合、ＣＳＳのｌｉｎｅ－ｈｅｉｇｈｔを利用することができる。例えば、行間隔が広い場合に解像度を下げるように制御する。具体的には、行間隔が広いほど解像度を下げるように制御してもよい。あるいは、行間隔が所定値以上である場合に、所定値未満である場合と比べて解像度を下げるように制御してもよい。

装飾情報がボーダーの種類である場合、ＣＳＳのｂｏｒｄｅｒを利用することができる。例えば、ボーダーが太い場合に解像度を下げるように制御する。装飾情報が文字数である場合、ＪａｖａＳｃｒｉｐｔ（登録商標）の＄（〇〇）．ｔｅｘｔ（）．ｌｅｎｇｔｈを利用することができる。例えば、文字数が少ない場合（例えば文字数が所定数未満である場合）に解像度を下げるように制御する。

また、上述の各実施形態では、解像度決定処理の際に、フォントサイズ、文字間隔、および描画結果の解像度の例として具体的な数値を記載したが、これに限定するものではない。例えばユーザが決定した数値や、動的に決定される数値を閾値として利用し、解像度の決定に用いてもよい。

また、上述の各実施形態では、Ｓ６０５で受信した情報が描画結果取得に関する情報である場合、Ｓ６０７で描画結果を取得するように説明したが、これに限定するものではなく、通信装置１０１は一定時間が経過する度に、Ｓ６０７の処理を行ってもよい。これにより、ブラウザ上のアニメーション処理等、通信装置１０１の操作を必要とせずに描画結果が変化するＷｅｂコンテンツの場合においても、通信装置１０１はＷｅｂページの描画結果の画像を取得できる。

また、上述の各実施形態では、クラウドブラウザを例に説明を行ったが、クラウドブラウザに限定されない。画像生成システムは、例えばローカル環境に置かれたサーバやエッジサーバ等において動作してもよいし、通信装置内に置かれてもよい。

また、画像生成システム１０３の構成（あるいは仮想マシン１０４の構成）は、図１に示した構成例に限定されない。画像システム１０３が含む構成要素の一部が画像システム１０３の外部に存在していてもよいし、画像システム１０３がさらに他の構成要素を含んでもよい。同様に、仮想マシン１０４が含む構成要素の一部が仮想マシン１０４の外部に存在していてもよいし、仮想マシン１０４がさらに他の構成要素を含んでもよい。上述の実施形態で説明した処理を実行する主体が同一の装置内に存在していてもよいし、一部が他の装置内に存在していてもよい。

本明細書の開示は、以下の画像生成システム及びその動作方法を含む。

（項目１）
画像生成システムであって、
Ｗｅｂページの構成要素から装飾情報を取得する取得手段と、
前記装飾情報に基づいて前記Ｗｅｂページを画像化する際の解像度を決定する決定手段と、
前記解像度で前記Ｗｅｂページを画像化する画像生成手段と、
を備えることを特徴とする画像生成システム。

（項目２）
前記Ｗｅｂページの画像を通信装置へ送信する送信手段をさらに備えることを特徴とする項目１に記載の画像生成システム。

（項目３）
前記装飾情報は、フォントサイズを含み、
前記決定手段は、前記Ｗｅｂページの構成要素に含まれる文字のフォントサイズに基づいて前記解像度を決定することを特徴とする項目１に記載の画像生成システム。

（項目４）
前記決定手段は、
前記Ｗｅｂページの構成要素に含まれる文字の最小フォントサイズが閾値未満である場合、第１の解像度を使用することを決定し、
前記最小フォントサイズが前記閾値以上である場合、前記第１の解像度よりも低い第２の解像度を使用することを決定する
ことを特徴とする項目２に記載の画像生成システム。

（項目５）
前記装飾情報は、フォントサイズ及び文字間隔を含み、
前記決定手段は、前記Ｗｅｂページの構成要素に含まれる文字のフォントサイズ及び文字間隔に基づいて前記解像度を決定することを特徴とする項目１に記載の画像生成システム。

（項目６）
前記決定手段は、
前記Ｗｅｂページの構成要素に含まれる文字の最小フォントサイズが閾値未満である場合、或いは、前記最小フォントサイズが前記閾値以上であっても前記Ｗｅｂページの構成要素に含まれる文字の最も狭い文字間隔が所定値未満である場合、第１の解像度を使用することを決定し、
前記最小フォントサイズが前記閾値以上であり且つ前記最も狭い文字間隔が前記所定値未満である場合、前記第１の解像度よりも低い第２の解像度を使用することを決定する
ことを特徴とする項目５に記載の画像生成システム。

（項目７）
前記画像生成システムは通信装置と通信可能であり、
前記通信装置を介してユーザにより指定されたＵＲＬ情報に基づいて前記通信装置で表示するためのＷｅｂページを描画する描画手段をさらに備え、
前記取得手段は、前記Ｗｅｂページの構成要素から、前記描画手段による描画範囲に含まれる装飾情報を取得し、
前記決定手段は、前記描画範囲に含まれる装飾情報に基づいて前記解像度を決定する
ことを特徴とする項目１乃至６の何れか１項目に記載の画像生成システム。

（項目８）
前記装飾情報は、背景色、フォントサイズ、拡大率、グラデーション、文字間隔、行間隔、ボーダーの種類、及び文字数のうちの少なくとも１つを含むことを特徴とする項目１乃至７の何れか１項目に記載の画像生成システム。

（項目９）
前記画像生成システムは通信装置と通信可能であり、
前記通信装置を介してユーザにより指定されたＵＲＬ情報に基づいて前記通信装置で表示するためのＷｅｂページを描画する描画手段と、
前記通信装置に表示された前記Ｗｅｂページの画像に対するユーザの操作を示す操作情報を受信する受信手段と、をさらに備え、
前記描画手段は、前記操作情報に基づいて前記ユーザの操作を反映させたＷｅｂページを描画し、
前記取得手段は、前記ユーザの操作が反映された前記Ｗｅｂページの構成要素から前記装飾情報を取得することを特徴とする項目１乃至６の何れか１項目に記載の画像生成システム。

（項目１０）
画像生成システムの動作方法であって、
Ｗｅｂページの構成要素から装飾情報を取得する取得工程と、
前記装飾情報に基づいて前記Ｗｅｂページを画像化する際の解像度を決定する決定工程と、
前記解像度で前記Ｗｅｂページを画像化する画像生成工程と、
を有することを特徴とする画像生成システムの動作方法。

（項目１１）
コンピュータを項目１乃至９の何れか１項目に記載の画像生成システムの各手段として機能させるためのプログラム。

（その他の実施形態）
本発明は、上述の実施形態の１以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピュータにおける１つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、１以上の機能を実現する回路（例えば、ＡＳＩＣ）によっても実現可能である。

発明は上記実施形態に制限されるものではなく、発明の精神及び範囲から離脱することなく、様々な変更及び変形が可能である。従って、発明の範囲を公にするために請求項を添付する。

１０１：通信装置、１０２：Ｗｅｂサーバ、１０３：画像生成システム、１０４：仮想マシン、５０１：通信部、５０２：記憶部、５０３：リクエスト判定部、５０４：Ｗｅｂページ解析部、５０５：Ｗｅｂページ描画部、５０６：画像生成部、５０７：解像度決定部

Claims (11)

1. 画像生成システムであって、
   Ｗｅｂページの構成要素から装飾情報を取得する取得手段と、
   前記装飾情報に基づいて、前記Ｗｅｂページを画像化する際の解像度を決定する決定手段と、
   前記解像度で前記Ｗｅｂページを画像化する画像生成手段と、
   を備えることを特徴とする画像生成システム。
2. 前記Ｗｅｂページの画像を通信装置へ送信する送信手段をさらに備えることを特徴とする請求項１に記載の画像生成システム。
3. 前記装飾情報は、フォントサイズを含み、
   前記決定手段は、前記Ｗｅｂページの構成要素に含まれる文字のフォントサイズに基づいて前記解像度を決定することを特徴とする請求項１に記載の画像生成システム。
4. 前記決定手段は、
   前記Ｗｅｂページの構成要素に含まれる文字の最小フォントサイズが閾値未満である場合、第１の解像度を使用することを決定し、
   前記最小フォントサイズが前記閾値以上である場合、前記第１の解像度よりも低い第２の解像度を使用することを決定する
   ことを特徴とする請求項２に記載の画像生成システム。
5. 前記装飾情報は、フォントサイズ及び文字間隔を含み、
   前記決定手段は、前記Ｗｅｂページの構成要素に含まれる文字のフォントサイズ及び文字間隔に基づいて前記解像度を決定することを特徴とする請求項１に記載の画像生成システム。
6. 前記決定手段は、
   前記Ｗｅｂページの構成要素に含まれる文字の最小フォントサイズが閾値未満である場合、或いは、前記最小フォントサイズが前記閾値以上であっても前記Ｗｅｂページの構成要素に含まれる文字の最も狭い文字間隔が所定値未満である場合、第１の解像度を使用することを決定し、
   前記最小フォントサイズが前記閾値以上であり且つ前記最も狭い文字間隔が前記所定値未満である場合、前記第１の解像度よりも低い第２の解像度を使用することを決定する
   ことを特徴とする請求項４に記載の画像生成システム。
7. 前記画像生成システムは通信装置と通信可能であり、
   前記通信装置を介してユーザにより指定されたＵＲＬ情報に基づいて前記通信装置で表示するためのＷｅｂページを描画する描画手段をさらに備え、
   前記取得手段は、前記Ｗｅｂページの構成要素から、前記描画手段による描画範囲に含まれる装飾情報を取得し、
   前記決定手段は、前記描画範囲に含まれる装飾情報に基づいて前記解像度を決定する
   ことを特徴とする請求項１に記載の画像生成システム。
8. 前記装飾情報は、背景色、フォントサイズ、拡大率、グラデーション、文字間隔、行間隔、ボーダーの種類、及び文字数のうちの少なくとも１つを含むことを特徴とする請求項１に記載の画像生成システム。
9. 前記画像生成システムは通信装置と通信可能であり、
   前記通信装置を介してユーザにより指定されたＵＲＬ情報に基づいて前記通信装置で表示するためのＷｅｂページを描画する描画手段と、
   前記通信装置に表示された前記Ｗｅｂページの画像に対するユーザの操作を示す操作情報を受信する受信手段と、をさらに備え、
   前記描画手段は、前記操作情報に基づいて前記ユーザの操作を反映させたＷｅｂページを描画し、
   前記取得手段は、前記ユーザの操作が反映された前記Ｗｅｂページの構成要素から前記装飾情報を取得することを特徴とする請求項１乃至６の何れか１項に記載の画像生成システム。
10. 画像生成システムの動作方法であって、
    Ｗｅｂページの構成要素から装飾情報を取得する取得工程と、
    前記装飾情報に基づいて前記Ｗｅｂページを画像化する際の解像度を決定する決定工程と、
    前記解像度で前記Ｗｅｂページを画像化する画像生成工程と、
    を有することを特徴とする画像生成システムの動作方法。
11. コンピュータを請求項１に記載の画像生成システムの各手段として機能させるためのプログラム。

Images