(57)【要約】【課題】ＣＳＳスプライト画像を用いる場合の画像の表示時間を短縮する。【解決手段】Ｗｅｂブラウザに操作画面のＷｅｂページを提供可能な画像形成装置であって、Ｗｅｂページの表示対象となる複数の画像を記憶する記憶手段と、所定の条件に基づいて、複数の画像の中から所定数の画像を決定する決定手段と、所定数の画像をまとめて１つの画像を生成する生成手段と、１つの画像を前記Ｗｅｂブラウザに配信する配信手段と、を備える。【選択図】図３
2014052960.tif 000002
【特許請求の範囲】
【請求項１】
Ｗｅｂブラウザに操作画面のＷｅｂページを提供可能な画像形成装置であって、
前記Ｗｅｂページの表示対象となる複数の画像を記憶する記憶手段と、
所定の条件に基づいて、前記複数の画像の中から所定数の画像を決定する決定手段と、
前記所定数の画像をまとめて１つの画像を生成する生成手段と、
前記１つの画像を前記Ｗｅｂブラウザに配信する配信手段と、
を備える画像処理装置。
【請求項２】
当該画像処理装置に装着された外部装置を検出する検出手段をさらに備え、
前記決定手段は、
前記外部装置の装着により前記Ｗｅｂページに表示可能となる画像を含む前記所定数の画像を決定する請求項１記載の画像処理装置。
【請求項３】
前記検出手段は、
装着される外部装置の変更を検出し、
前記決定手段は、
前記外部装置の変更により所定数の画像を再決定し、
前記生成手段は、
再決定された所定数の画像をまとめて１つの画像を再生成する請求項２記載の画像処理装置。
【請求項４】
前記決定手段は、
前記外部装置の有無のパターンに応じて前記所定数の画像を予め決定し、
前記生成手段は、
前記パターン毎に前記１つの画像を生成する前記１つの画像を配信する請求項２記載の画像処理装置。
【請求項５】
ユーザ毎に当該画像処理装置の各機能の使用可否を示す機能制限情報を記憶する第２記憶手段と、
当該画像処理装置を使用するユーザを特定するユーザ管理手段と、をさらに備え、
前記決定手段は、
特定されたユーザ毎に、使用できる機能を前記機能制限情報に基づいて特定し、特定された機能のＷｅｂページに含まれる画像を含む前記所定数の画像を決定する請求項１記載の画像処理装置。
【請求項６】
前記決定手段は、
前記機能制限情報が変更された場合、変更後の機能制限情報に基づいて所定数の画像を再決定し、
前記生成手段は、
再決定された所定数の画像をまとめて１つの画像を再生成する請求項５記載の画像処理装置。
【請求項７】
前記決定手段は、
前記各機能の使用可否のパターンに応じて前記所定数の画像を予め決定し、
前記生成手段は、
前記パターン毎に前記１つの画像を生成する請求項５記載の画像処理装置。
【請求項８】
Ｗｅｂページ毎に、前記Ｗｅｂブラウザへの提供回数を集計する集計手段をさらに備え、
前記決定手段は、
前記提供回数が所定値以上となるＷｅｂページに含まれる画像を含む前記所定数の画像を決定する請求項１記載の画像処理装置。
【請求項９】
当該画像処理装置を使用するユーザを特定するユーザ管理手段をさらに備え、
前記集計手段は、
ユーザ毎に、前記提供回数を集計し、
前記決定手段は、
特定されたユーザ毎に、前記提供回数が所定値以上となるＷｅｂページに含まれる画像を含む前記所定数の画像を決定する請求項８記載の画像処理装置。
【請求項１０】
Ｗｅｂブラウザに操作画面のＷｅｂページを提供可能なコンピュータで実行されるプログラムであって、
記憶手段に記憶される前記Ｗｅｂページの表示対象となる複数の画像の中から、所定の条件に基づいて所定数の画像を決定する決定ステップと、
前記所定数の画像をまとめて１つの画像を生成する生成ステップと、
前記１つの画像を前記Ｗｅｂブラウザに配信する配信ステップと、
を前記コンピュータに実行させるプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画像処理装置及びプログラムに関する。
【背景技術】
【０００２】
ＰＣ（Personal Computer）上で動作するＷｅｂブラウザは、一般的に画像データをサーバから取得する。Ｗｅｂブラウザは、画像データを取得する際にｈｔｔｐリクエストを使用する。また、画像データをまとめて取得するＣＳＳ（Cascading Style Sheets）スプライトという技術が知られている。これにより、画像のロード回数が削減でき、Ｗｅｂページの画像表示を速くすることができる。
【０００３】
しかし、ＣＳＳスプライトでは、Ｗｅｂページで使用する画像全てをＣＳＳスプライト画像に含めるため、ＣＳＳスプライト画像自体のサイズが大きくなってしまう。画像サイズの増大に対し、ＣＳＳスプライト画像の矩形画像の表示面積を小さくし、ＣＳＳスプライト画像の通信速度を速くする技術がある（例えば、特許文献１参照）。
【発明の概要】
【発明が解決しようとする課題】
【０００４】
しかしながら、従来技術は、Ｗｅｂページで表示される画像を全てＣＳＳスプライト画像に含めることに変わりなく、画像を表示するまでの時間がかかるという問題点があった。
【０００５】
そこで、本発明は、ＣＳＳスプライト画像を用いる場合の画像の表示時間を短縮することができる画像処理装置及びプログラムを提供することを目的とする。
【課題を解決するための手段】
【０００６】
本発明の一態様の画像処理装置は、Ｗｅｂブラウザに操作画面のＷｅｂページを提供可能な画像形成装置であって、前記Ｗｅｂページの表示対象となる複数の画像を記憶する記憶手段と、所定の条件に基づいて、前記複数の画像の中から所定数の画像を決定する決定手段と、前記所定数の画像をまとめて１つの画像を生成する生成手段と、前記１つの画像を前記Ｗｅｂブラウザに配信する配信手段と、を備える。
【発明の効果】
【０００７】
本発明によれば、ＣＳＳスプライト画像を用いる場合の画像の表示時間を短縮することができる。
【図面の簡単な説明】
【０００８】
【図１】実施例における画像処理システムの一例を示す図。
【図２】実施例における画像処理装置のハードウェア構成の一例を示すブロック図。
【図３】実施例における画像処理装置の構成の一例を示すブロック図。
【図４】ＣＳＳスプライト画像の一例を示す図。
【図５】ＨＴＭＬファイルの一例を示す図。
【図６】Ｗｅｂページに表示されるイメージ例を示す図。
【図７】ＣＳＳスプライト画像情報１の一例を示す図。
【図８】フィニッシャー未装着時のＣＳＳスプライト画像の一例を示す図。
【図９】フィニッシャー装着済のＣＳＳスプライト画像の一例を示す図。
【図１０】機能制限情報の一例を示す図。
【図１１】ＣＳＳスプライト画像情報２の一例を示す図。
【図１２】各パターンに対する画像情報の一例を示す図。
【図１３】ＣＳＳスプライト画像情報３の一例を示す図。
【図１４】集計情報の一例を示す図。
【図１５】ＣＳＳスプライト画像の生成処理の一例を示すフローチャート。
【図１６】ＣＳＳスプライト画像の表示処理の一例を示すシーケンス図。
【発明を実施するための形態】
【０００９】
以下、本発明の実施例を図面に基づいて説明する。画像処理装置の一例として複合機（ＭＦＰ：Multifunction Peripheral）を用いて説明するが、Ｗｅｂサーバ機能を有する装置であればよい。
【００１０】
［実施例］
＜システム＞
図１は、実施例における画像処理システム１の一例を示す図である。図１に示す画像処理システム１は、画像処理装置（例えばＭＦＰ）１０、情報処理装置（ＰＣ：Personal Computer）２０等がネットワークを介して接続される。ネットワークに接続される画像処理装置や情報処理装置の数は、図１に示す例に限られない。
【００１１】
情報処理装置２０は、Ｗｅｂブラウザを搭載し、このＷｅｂブラウザを用いて、画像処理装置１０にＷｅｂページを要求するｈｔｔｐリクエストを送信する。情報処理装置２０は、Ｗｅｂページを取得するとＷｅｂブラウザを用いて表示部に表示する。
【００１２】
画像処理装置１０は、Ｗｅｂサーバとしての機能を有し、情報処理装置２０のＷｅｂブラウザからｈｔｔｐリクエストを受け付ける。画像処理装置１０は、受け付けたリクエストで指定されたＷｅｂページに必要なＨＴＭＬ（HyperText Markup Language）ファイルや画像ファイルを画像処理装置１０に配信する。画像ファイルは、例えばＣＳＳスプライト画像である。画像処理装置１０は、以下、画像処理装置１０について主に説明する。
【００１３】
＜ハードウェア＞
次に、画像処理装置１０のハードウェア構成について説明する。図２は、実施例における画像処理装置１０のハードウェア構成の一例を示すブロック図である。図２に示す例では、画像処理装置１０は、ＣＰＵ（Central Processing Unit）１０２、ＳＤＲＡＭ（Synchronous DRAM）１１１、ＳＲＡＭ（Static Random Access Memory）１１２、フラッシュメモリ（フラッシュＲＯＭ）１１０、ＩＣカードインタフェース部１３０およびＨＤＤ１０３などをＡＳＩＣ１０１に接続したコントローラボード１００と、オペレーションパネル１５０と、ファックスコントロールユニット（ＦＣＵ）１６０と、ＵＳＢ１７０と、ＩＥＥＥ1394 １８０と、ハードウェア１９０（例えばプリンタなど）とを含む。
【００１４】
オペレーションパネル１５０は、ＡＳＩＣ（Application Specific Integrated Circuit）１０１に直接接続され、ＦＣＵ１６０、ＵＳＢ１７０、ＩＥＥＥ1394 １８０およびハードウェア１９０はＰＣＩバスを介してＡＳＩＣ１０１に接続されている。
【００１５】
ＩＣカードインタフェース部１３０は、ＩＣカード１４０を挿入して、ＩＣカード１４０とデータのやりとりを行うインタフェースである。ＩＣカード１４０は、インストール記憶媒体として使用することもでき、この場合には開発された外部アプリをＩＣカード１４０に格納する。
【００１６】
ＣＰＵ１０２は、ＳＤＲＡＭ１１１などにロードされたプログラムを処理することにより、各機能を実現する。ＨＤＤ１０３には、プログラムやプログラムが利用する各種のデータ等が記憶される。ＳＤＲＡＭ１１１やＳＲＡＭ１１２には、各種の設定情報等が記憶される。
【００１７】
オペレーションパネル１５０は、ユーザからの入力の受け付けを行うためのボタン等の入力手段や、液晶パネル等の表示手段等を備えたハードウェアである。オペレーションパネル１５０は、Ｗｅｂブラウザ機能により、Ｗｅｂページを表示する。
【００１８】
＜機能＞
次に、画像処理装置１０の機能的構成について説明する。図３は、実施例における画像処理装置１０の構成の一例を示すブロック図である。図３に示す例では、情報処理装置２０は、画像処理装置１０とネットワークを介して接続されており、Ｗｅｂブラウザ２５０を搭載し、Ｗｅｂサーバ３１０に対して操作画面の表示を要求したりする。
【００１９】
図３に示すＷｅｂブラウザ２５０は、Ｗｅｂページを表示する際、ｈｔｔｐリクエストにより画像の取得を要求する。Ｗｅｂブラウザ２５０は、リクエストの応答で取得したＨＴＭＬファイルや画像ファイルによりＷｅｂページを表示する。
【００２０】
画像処理装置１０は、Ｗｅｂサーバ３１０、コピーアプリ（以下、アプリケーションを単にアプリとも称す）３２１、ＦＡＸアプリ３２２、スキャナアプリ３２３、ＲＯＭ３３１、不揮発ＲＡＭ３３２、及びＲＡＭ３３３を備える。
【００２１】
また、画像処理装置１０は、システム管理部３４１、メモリ管理部３４２、エンジン管理部３４３、ユーザ管理部３４４、送信管理部３４５、操作パネル３５０、プロッタオプション３６１、スキャナオプション３６２、及びＦＡＸボード３６３を備える。
【００２２】
オプションとは、画像処理装置１０に装着可能（あるいは取り外し可能）な外部装置である。実施例では、印刷後の仕分け・パンチ・ステープルを行う「フィニッシャー」、電話回線を通してＦＡＸ通信を行う「ＦＡＸ通信ボード」をオプションの例として挙げている。
【００２３】
Ｗｅｂサーバ（Ｗｅｂサービス提供手段）３１０は、インターネットに接続された各装置に対してＷｅｂサーバ（ｈｔｔｐサーバ）として動作し、情報処理装置２０上で動作するＷｅｂブラウザ２５０にアプリケーションの操作画面を表示する。
【００２４】
Ｗｅｂサーバ２１０は、リクエスト受付・配信手段３１１、ＨＴＭＬ生成手段３１２、決定手段３１３、画像生成手段３１４、及び集計手段３１５を有する。
【００２５】
リクエスト受付・配信手段３１１は、Ｗｅｂブラウザ２５０からのリクエストを受け付け、ＵＲＬ（Uniform Resource Locator）に応じて必要なＨＴＭＬファイルや画像ファイルをＲＡＭ３３３から取得する。
【００２６】
リクエスト受付・配信手段３１１は、リクエストの応答として、ＨＴＭＬファイルや画像ファイルをＷｅｂブラウザ２５０に配信する。
【００２７】
ＨＴＭＬ生成手段３１２は、Ｗｅｂブラウザ２５０に提供するＨＴＭＬファイルを生成する。ＨＴＭＬファイルは、図６を用いて後述する。
【００２８】
決定手段３１３は、所定の条件に基づいて、ＲＯＭ３３１に記憶されたＷｅｂページの表示対象となる複数の画像の中から所定数の画像を決定する。例えば、決定手段３１３は、画像生成手段３１４により生成されるＣＳＳスプライト画像にどの画像を含めるかを決定する。所定の条件は、幾つかの例を挙げて後述する。
【００２９】
また、決定手段３１３は、オプションが装着された場合などに、所定数の画像の再決定を行う。決定手段３１３は、再決定を行った場合には、その旨を画像生成手段３１４に通知する。
【００３０】
画像生成手段３１４は、決定手段３１３により決定された所定数の画像をまとめて、１つの画像を生成する。画像生成手段３１４は、例えば、決定手段３１３により決定された所定数の画像を合成してＣＳＳスプライト画像を生成する。
【００３１】
画像生成手段３１４は、決定手段３１３により再決定が行われた場合、再決定後の所定数の画像から１つの画像を生成する。
【００３２】
集計手段３１５は、Ｗｅｂページ毎に、Ｗｅｂブラウザ２５０への提供回数を集計する。集計手段３１５は、ユーザ毎に集計してもよい。集計手段３１５は、集計した回数を決定手段３１３に通知する。
【００３３】
コピーアプリ３２１は、画像処理装置１０に搭載されているアプリケーションであり、アプリケーションが持つ機能のジョブを実行する。
【００３４】
ＦＡＸアプリ３２２は、画像処理装置１０に搭載されるアプリケーションであり、アプリケーションが持つ機能のジョブを実行する。
【００３５】
スキャナアプリ３２３は、画像処理装置１０に搭載されているアプリケーションであり、アプリケーションが持つ機能のジョブ実行をする。
【００３６】
ＲＯＭ３３１は、ユーザによって変更されないデータを保持する。ＲＯＭ３３１は、例えば、ＣＳＳスプライト画像の元となる元データ（画像データ）、及び各ＣＳＳスプライト画像情報などを記憶する。ＲＯＭ３３１は、つまり、Ｗｅｂページの表示対象となる複数の画像を記憶する。
【００３７】
不揮発ＲＡＭ３３２は、ユーザによって変更され、電源を切ってもデータを記憶する。不揮発ＲＡＭ３３２は、例えば、後述する機能制限情報、集計情報を記憶する。
【００３８】
ＲＡＭ３３３は、ユーザによって変更され、電源を切ったときに記憶する必要がないデータを記憶する。ＲＡＭ３３３は、例えば、生成されたＣＳＳスプライト画像や、ＨＴＭＬファイルを記憶する。ＲＡＭ３３３は、装置動作中に一時的に値を保持するのにも用いられる。
【００３９】
システム管理部３４１は、システム全体の状態管理をする。メモリ管理部３４２は、メモリ管理やスキャンしたファイルデータ作成を行う。
【００４０】
エンジン管理部３４３は、原稿の読み取りと印刷の制御を行う。エンジン管理部３４３は、検出手段３７１を有する。検出手段３７１は、オプションとしての外部装置が装着されたことを検出する。検出手段３７１は、オプションの装着を検出すると、オプション装着の旨を決定手段３１３に通知する。また、検出手段３７１は、装着されるオプションの変更も検出する。
【００４１】
ユーザ管理部３４４は、ユーザ認証やスキャナ送信先の管理を行う。ユーザ管理部３４４は、画像処理装置１０を使用するユーザをユーザ認証などで特定するユーザ管理手段としても機能する。
【００４２】
送信管理部３４５は、ＦＡＸ送信やスキャン送信の管理を行う。送信管理部３４５は、検出手段３７２を有する。検出手段３７２は、オプションとしてのＦＡＸ通信ボード３６３の装着を検出する。検出手段３７２は、ＦＡＸ通信ボード３６３の装着を検出すると、オプション装着の旨を決定手段３１３に通知する。
【００４３】
操作パネル３５０は、画像処理装置１０に装着される操作パネルである。操作パネル３５０は、画面を表示するためのＬＣＤ（Liquid Crystal Display）、状態を示すためのＬＥＤ（Light Emitting Diode）およびブザー、ユーザからの入力のためのいくつかのボタン（ハードキーと呼ぶ）、を備える。
【００４４】
プロッタオプション３６１は、印刷に関するオプションである。プロッタオプション３６１は、例えば、印刷後の仕分け、パンチ、ステープルを行う「フィニッシャー」などである。
【００４５】
スキャナオプション３６２は、読み取りに関するオプションである。スキャナオプション３６２は、例えば、複数原稿を自動で給紙する「自動原稿送り装置」などである。ＦＡＸ通信ボード３６３は、電話回線を通してＦＡＸ通信を行うオプションである。
【００４６】
なお、画像処理装置１０のプロッタオプション３６１、スキャナオプション３６２及びＦＡＸ通信ボード３６３は、図２のハードウェア１９０に対応し、操作パネル３５０は、オペレーションパネル１５０に対応する。また、ＲＯＭ３３１は、例えばＨＤＤ１０３やフラッシュメモリ１１０に対応する。
【００４７】
不揮発ＲＡＭ３３２は、例えばＳＲＡＭ１１２に対応し、ＲＡＭ３３３は、例えばＳＤＲＡＭ１１１に対応する。その他の各手段、各アプリ、及び各部は、例えばＣＰＵ１０２又はＡＳＩＣ１０１などにより実現されうる。
【００４８】
＜ＣＳＳスプライト画像を用いた表示例＞
図４は、ＣＳＳスプライト画像の一例を示す図である。図４に示す例では、画像生成手段３１４は、ＲＯＭ３３１から６つのＭＦＰの画像を取得し、これらの画像を合成して１つの画像（ＣＳＳスプライト画像）を生成する。
【００４９】
図５は、ＨＴＭＬファイルの一例を示す図である。図５に示す例では、ＨＴＭＬ生成手段３１２は、スタイルシート（ＣＳＳ）定義にて、クラス名ｉｍｇ１〜ｉｍｇ６に対し、ＣＳＳスプライト画像「ｍｆｐ．ｊｐｇ」のうち指定の領域を表示するように定義している。
【００５０】
例えば、ｉｍｇ５は、「ｍｆｐ．ｊｐｇ」の幅方向に４０２ピクセル目から１３１ピクセル分表示するように定義されている。ＨＴＭＬファイルのｂｏｄｙ部にて、クラス名ｉｍｇ１〜ｉｍｇ６が指定されると、ＣＳＳスプライト画像「ｍｆｐ．ｊｐｇ」の一部が表示される。
【００５１】
図６は、Ｗｅｂページに表示されるイメージ例を示す図である。図６に示す例では、「フィニッシャーカバーが開いています」という文字列の下に、「ｉｍｇ５」を表示する。このとき、画像ファイルは「ｍｆｐ．ｊｐｇ」１つだけなので、一度「ｍｆｐ．ｊｐｇ」を情報処理装置１０がロードすれば、画像ファイルを再度ロードする必要はない。
【００５２】
＜条件に応じたＣＳＳスプライト画像の生成＞
次に、条件に応じたスプライト画像の生成について説明する。まず、オプションに関する条件に基づいてスプライト画像を生成する例について説明する。
【００５３】
（条件１）
条件１は、オプション構成に関する条件である。例えば、決定手段３１３は、所定のオプションが装着されているか否かで、ＣＳＳスプライト画像に含める画像の内容を変える。
【００５４】
図７は、ＣＳＳスプライト画像情報１の一例を示す図である。図７に示すＣＳＳスプライト画像情報１は、例えばＲＯＭ３３１に記憶される。ＣＳＳスプライト画像情報１は、例えば、ＣＳＳスプライト画像を生成するための情報、ＣＳＳスプライト画像から各画像を表示するための情報を含む。
【００５５】
図７に示すＣＳＳスプライト画像情報１は、以下の情報を含む。
（１）元画像：ＣＳＳスプライト画像を構成する元の画像のファイル名
（２）ＣＳＳスプライト画像生成条件：各元画像に対しＣＳＳスプライト画像が必要となるオプション構成条件
（３）ＣＳＳスプライト画像ファイル名
（４）ＣＳＳスプライト画像上の開始ｘ座標、開始ｙ座標、幅、高さ
（２）に関し、例えば画像「ａ０．ｊｐｇ」の生成条件は、「フィニッシャー無し」となっている。これは、「フィニッシャー無し」の時に画像「ａ０．ｊｐｇ」を含むＣＳＳスプライト画像を生成する必要があることを示す。逆に、「フィニッシャー有り」の時には、画像「ａ０．ｊｐｇ」を含むＣＳＳスプライト画像は生成されない。
【００５６】
決定手段３１３は、オプションの装着によりＷｅｂページに表示可能となる画像を含む所定数の画像を決定する。つまり、決定手段３１３は、各検出手段により検出されたオプション構成（ここではフィニッシャー無し/有り）から、図７に示す情報のうち（２）の条件に合致する元画像を決定する。
【００５７】
画像生成手段３１４は、決定手段３１３により決定された元画像に基づいて図７に示す情報のうち（３）（４）の情報に従い、ＣＳＳスプライト画像を生成する。
【００５８】
例えば、オプション構成が「フィニッシャー無し」の場合、決定手段３１３は、画像「ａ０．ｊｐｇ」「ａ１．ｊｐｇ」をＣＳＳスプライト画像に含める画像として決定する。画像「ａ０．ｊｐｇ」「ａ１．ｊｐｇ」を含むＣＳＳスプライト画像のファイル名は、ともに「ｍｆｐ１．ｊｐｇ」である。
【００５９】
よって、画像生成手段３１４は、画像「ａ０．ｊｐｇ」「ａ１．ｊｐｇ」に対するＣＳＳスプライト画像を（４）の座標・幅・高さに従って合成して、画像ファイル「ｍｆｐ１．ｊｐｇ」を生成する。
【００６０】
図８は、フィニッシャー未装着時のＣＳＳスプライト画像の一例を示す図である。図８に示すように、フィニッシャー未装着時には、図７に示す画像「ａ０．ｊｐｇ」「ａ１．ｊｐｇ」が合成された画像が生成される。
【００６１】
この結果、ＣＳＳスプライト画像ファイル「ｍｆｐ１．ｊｐｇ」として、図８に示すフィニッシャー未装着時のＣＳＳスプライト画像に示す画像が生成される。図８に示すＣＳＳスプライト画像は、図４に示すＣＳＳスプライト画像に示した画像に比べて、含む画像数が少ない。これは、フィニッシャー有り時に必要な画像が、ＣＳＳスプライト画像に含まれていないからである。これにより、ファイル容量も小さく、画像ファイルロード時間も短くなる。ＣＳＳスプライト画像の生成タイミングは、例えば、装置起動時や、定期的などである。
【００６２】
また、画像処理装置１０の起動後に、オプション構成が変更される場合もある。このとき、Ｗｅｂサーバ３１０は、生成済みのＣＳＳスプライト画像を一旦消去する。この後、検出手段により検出された変更後のオプション構成に従って、決定手段３１３は、ＣＳＳスプライト画像に含める画像を再決定する。
【００６３】
画像生成手段３１４は、決定手段３１３により再決定された画像を用いてＣＳＳスプライト画像を再生成する。
【００６４】
例えば、画像処理装置１０の起動後に、「フィニッシャー無し」から「フィニッシャー有り」に変更された場合、Ｗｅｂサーバ３１０は、変更前のＣＳＳスプライト画像「ｍｆｐ１．ｊｐｇ」をＲＡＭ３３３から消去する。
【００６５】
画像生成手段３１４は、図７に示すＣＳＳスプライト画像情報に基づいて、「フィニッシャー有り」時に必要な画像のみを含むＣＳＳスプライト画像「ｍｆｐ２．ｊｐｇ」を生成する。
【００６６】
図９は、フィニッシャー装着済のＣＳＳスプライト画像の一例を示す図である。図９に示すように、フィニッシャー装着済時には、図７に示す画像「ｂ０．ｊｐｇ」、「ｂ１．ｊｐｇ」、「ｂ３．ｊｐｇ」、「ｂ４．ｊｐｇ」が合成された画像が生成される。
【００６７】
これにより、オプション構成が途中で変更になっても、変更後のオプション構成に応じて、画像表示時間を短縮することができる。
【００６８】
また、画像処理装置１０の起動後に、オプション構成が動的に変更されることを想定して、装置起動時に検出されたオプション構成を含む各オプションのパターンに応じて、画像生成手段３１４は、ＣＳＳスプライト画像を生成してもよい。
【００６９】
例えば、装置起動時には「フィニッシャー無し」であっても、途中で「フィニッシャー有り」に変わることを想定して、決定手段３１３は、図７に示す（２）の条件が「フィニッシャー無し」「フィニッシャー有り」の両方のＣＳＳスプライト画像を決定する。
【００７０】
画像生成手段３１４は、決定手段３１３により決定された「フィニッシャー無し」「フィニッシャー有り」それぞれのＣＳＳスプライト画像を生成する。すなわち、画像生成手段３１４は、ファイル名「ｍｆｐ１．ｊｐｇ」「ｍｆｐ２．ｊｐｇ」のＣＳＳスプライト画像を生成しておく。
【００７１】
その後、オプションが「フィニッシャー有り」に変化しても、ＣＳＳスプライト画像「ｍｆｐ２．ｊｐｇ」は生成済みである。よって、オプションが変更された時にＣＳＳスプライト画像を生成するよりも、オプション構成の変更時にＣＳＳスプライト画像の再生成が実行されない分、変更後の表示データをＷｅｂブラウザ側に早く提供することができる。
【００７２】
なお、上記例では「カバーが開いている」という機器の状態をＷｅｂ上で表示する例を示したが、この他、Ｗｅｂ上での機器の設定をする画面を表示する際の画像表示でも有用である。
【００７３】
例えば、機器設定の項目として「コピー設定項目」と「ＦＡＸ設定項目」があり、「ＦＡＸ設定項目」はオプション「ＦＡＸ通信ボード」装着時のみ表示可能とする。この場合、「ＦＡＸ設定項目」のみで表示する画像は、「ＦＡＸ通信ボード」が無い時はＣＳＳスプライト画像に含む必要がない。そのため、決定手段３１３は、オプションとしての「ＦＡＸ通信ボード」の有無によって、ＣＳＳスプライト画像に「ＦＡＸ設定項目のみで表示する画像」を含むか含まないかを決定すればよい。
【００７４】
（条件２）
条件２は、ユーザ毎の機能制限に関する条件である。例えば、決定手段３１３は、画像処理装置１０を使用するユーザの機能制限によって、ＣＳＳスプライト画像に含める画像の内容を変える。
【００７５】
図１０は、機能制限情報の一例を示す図である。図１０に示す機能制限情報は、例えば、不揮発ＲＡＭ３３２に記憶される。図１０に示す例では、ユーザＡは、コピー・ＦＡＸ・スキャナとも使用可、ユーザＢは、コピー・スキャナが使用可（ＦＡＸは使用不可）、ユーザＣは、コピーのみ使用可（ＦＡＸ・スキャナは使用不可）となっている。
【００７６】
図１１は、ＣＳＳスプライト画像情報２の一例を示す図である。図１１に示すＣＳＳスプライト画像情報２は、各元画像に対し、ＣＳＳスプライト画像生成条件として、どの機能が使用可能時に使用される画像かを示す。なお、図１１に示すＣＳＳスプライト画像情報２では、図７に示す（３）（４）の情報を省略している。
【００７７】
決定手段３１３は、ユーザ管理部３４４で特定されたユーザ毎に、使用できる機能を機能制限情報に基づいて特定し、特定された機能のＷｅｂページに含まれる画像を含む所定数の画像を決定する。
【００７８】
例えば、決定手段３１３は、ユーザＡはコピー・ＦＡＸ・スキャナとも使用可能なので、ユーザＡ用として、画像「ｃ０．ｊｐｇ」、「ｃ１．ｊｐｇ」、「ｆ０．ｊｐｇ」、「ｆ１．ｊｐｇ」、「ｓ０．ｊｐｇ」、「ｓ１．ｊｐｇ」を含むように決定する。
【００７９】
決定手段３１３は、ユーザＢはコピー・スキャナが使用可能なので、ユーザＢ用として、画像「ｃ０．ｊｐｇ」、「ｃ１．ｊｐｇ」、「ｓ０．ｊｐｇ」、「ｓ１．ｊｐｇ」を含むように決定する。決定手段３１３は、同様に、ユーザＣ用として、画像「ｃ０．ｊｐｇ」、「ｃ１．ｊｐｇ」を含むように決定する。
【００８０】
画像生成手段３１４は、決定手段３１３により決定されたユーザ毎の画像をまとめて、ユーザ毎にＣＳＳスプライト画像を生成する。これにより、ユーザ毎の機能制限に対応して、画像表示時間を短縮することができる。
【００８１】
また、画像処理装置１０の起動後に、機能制限情報の使用可否情報を変更する場合もある。このとき、Ｗｅｂサーバ３１０は、生成済みのＣＳＳスプライト画像を一旦消去する。この後、変更された機能制限情報に従って、決定手段３１３は、ＣＳＳスプライト画像に含める画像を再決定する。
【００８２】
画像生成手段３１４は、決定手段３１３により再決定された画像を用いてＣＳＳスプライト画像を再生成する。
【００８３】
これにより、画像処理装置１０を使用しているユーザに対する機能制限の設定が変更しても、変更後の機能制限情報に基づいて画像表示時間を短縮することができる。
【００８４】
また、決定手段３１３は、機能制限情報の使用可否の各パターンに応じてＣＳＳスプライト画像に含める画像を予め決定してもよい。例えば、決定手段３１３は、図１１に示すＣＳＳスプライト画像情報２から、各機能の使用可否の全パターンに対してＣＳＳスプライト画像に含める画像を決定する。
【００８５】
図１２は、各パターンに対する画像情報の一例を示す図である。図１２に示す情報は、例えば不揮発ＲＡＭ３３２に記憶される。図１２に示す情報は、図１１に示すＣＳＳスプライト画像情報２から各機能の使用可／不可のパターンを整理した情報である。
【００８６】
決定手段３１３は、図１２に示す情報を参照し、パターン毎に、ＣＳＳスプライト画像に含める画像を予め（例えば装置起動時）決定しておく。画像生成手段３１４は、決定手段３１３により決定された各パターンの画像を用いてＣＳＳスプライト画像を生成する。
【００８７】
これにより、ユーザがどのような機能制限設定になっていても、その機能制限設定に対応するＣＳＳスプライト画像が用意されているので、起動中にユーザの機能制限設定が変更されても、ＣＳＳスプライト画像を再生成する必要がない。
【００８８】
（条件３）
条件３は、Ｗｅｂページ毎のＷｅｂブラウザへの提供回数に関する条件である。例えば、決定手段３１３は、Ｗｅｂページの表示回数によって、ＣＳＳスプライト画像に含める画像の内容を変える。提供回数は、表示回数などでもよい。
【００８９】
図１３は、ＣＳＳスプライト画像情報３の一例を示す図である。図１３に示すＣＳＳスプライト画像情報３は、例えばＲＯＭ３３１に記憶される。図１３に示すＣＳＳスプライト画像情報３は、各画像に対し、どのＷｅｂページで使用しているかを示す。なお、図１３に示すＣＳＳスプライト画像情報３では、図７に示す（３）（４）の情報を省略している。
【００９０】
集計手段３１５は、ユーザ毎に、Ｗｅｂブラウザ２５０に表示した、又は提供したページの回数を集計する。決定手段３１３は、特定のタイミング（装置起動時や、１週間毎など）で、その集計結果を元に、表示回数又は提供回数が所定値以上となる画面で使用する画像をユーザ毎に決定する。
【００９１】
画像生成手段３１４は、決定手段３１３により決定された画像を用いてＣＳＳスプライト画像をユーザ毎に生成する。
【００９２】
図１４は、集計情報の一例を示す図である。図１４に示す集計情報は、例えば不揮発ＲＡＭ３３２に記憶される。図１４に示す集計情報は、ユーザ毎の、各ページの表示回数を示す。
【００９３】
図１４に示す例では、決定手段３１３は、ユーザＡはページ１、２の頻度が所定値以上であるので、ページ１、２で使用される画像「ｉ１．ｊｐｇ」、「ｉ２．ｊｐｇ」、「ｉ３．ｊｐｇ」、「ｉ４．ｊｐｇ」を、ＣＳＳスプライト画像用の画像に決定する。
【００９４】
また、決定手段３１３は、ユーザＢはページ１の頻度が所定値以上であるので、ページ１で使用される画像「ｉ１．ｊｐｇ」、「ｉ２．ｊｐｇ」、「ｉ３．ｊｐｇ」を、ＣＳＳスプライト画像用の画像に決定する。
【００９５】
また、決定手段３１３は、ユーザＣはページ３の頻度が所定値以上であるので、ページ３で使用される画像「ｉ５．ｊｐｇ」、「ｉ６．ｊｐｇ」を、ＣＳＳスプライト画像用の画像に決定する。決定手段３１３は、頻度の判定について、回数が適度な閾値（例えば１００）以上であるか否かで判断すればよい。
【００９６】
なお、集計手段３１５は、ユーザ毎に集計しない場合は、ページ表示回数を装置全体で集計する。決定手段３１３は、その集計結果から各ユーザ共通のＣＳＳスプライト画像用の画像を決定する、画像生成手段３１４は、各ユーザ共通のＣＳＳスプライト画像を生成すればよい。
【００９７】
これにより、表示頻度又は提供頻度が所定値以上のページは、そのページで使用される画像がＣＳＳスプライト画像に含まれるので、画像のロードが速くなる。また、ＣＳＳスプライト画像は、表示頻度又は提供が所定値未満のページでしか使用されない画像は含まないので、ＣＳＳスプライト画像の容量も抑えることができる。
【００９８】
＜動作＞
次に、実施例の画像処理装置１０の動作について説明する。図１５は、ＣＳＳスプライト画像の生成処理の一例を示すフローチャートである。図１５に示すステップＳ１０１で、Ｗｅｂサーバ３１０は、ＣＳＳスプライト画像の生成タイミングであるか否かを判定する。例えば、Ｗｅｂサーバ３１０は、装置起動時か否かを判定する。また、Ｗｅｂサーバ３１０は、オプションの変更や、機能制限情報の変更や、一週間毎などの所定間隔を生成タイミングとしてもよい。
【００９９】
生成タイミングであれば（ステップＳ１０１−ＹＥＳ）ステップＳ１０２に進み、生成タイミングでなければ（ステップＳ１０１−ＮＯ）ステップＳ１０１に戻る。
【０１００】
ステップＳ１０２で、決定手段３１３は、Ｗｅｂページで表示対象とする画像の中から、所定の条件を満たす画像を選択し、決定する。
【０１０１】
ステップＳ１０３で、画像生成手段３１４は、決定手段３１３により決定された画像を用いてＣＳＳスプライト画像を生成する。画像生成手段３１４は、決定手段３１３により決定された画像のグループが複数ある場合は、複数のＣＳＳスプライト画像を生成してもよい。
【０１０２】
これにより、Ｗｅｂページで使用される全ての画像をＣＳＳスプライト画像に含めないので、ＣＳＳスプライト画像を用いる場合の画像の表示時間を短縮することができる。
【０１０３】
図１６は、ＣＳＳスプライト画像の表示処理の一例を示すシーケンス図である。図１６は、Ｗｅｂブラウザ２５０は、画像処理装置１０のＷｅｂサーバ３１０に対し、ｈｔｔｐリクエストで、操作画面のＷｅｂページの取得を要求する。例えば、取得対象のＵＲＬを示す情報が、ｈｔｔｐリクエストに含まれる。
【０１０４】
ステップＳ２０２で、Ｗｅｂサーバ３１０（リクエスト受付・配信手段３１１）は、ｈｔｔｐリクエストで指定されたページの取得要求を受け付ける。Ｗｅｂサーバ３１０は、要求されたＷｅｂページのＵＲＬで使用する画像のＣＳＳスプライト画像のファイルと、ＨＴＭＬファイルとをＲＡＭ３３３から取得する。Ｗｅｂサーバ３１０（リクエスト受付・配信手段３１１）は、取得したＨＴＭＬファイル、ＣＳＳスプライト画像ファイルをＷｅｂブラウザ２５に配信する。
【０１０５】
ステップＳ２０３で、Ｗｅｂブラウザ２５０は、取得したＣＳＳスプライト画像ファイルとＨＴＭＬファイルとを用いてＷｅｂページを表示するよう制御する。
【０１０６】
以上、実施例によれば、ＣＳＳスプライト画像のサイズを従来よりも小さくすることができるので、ＣＳＳスプライト画像を用いる場合の画像の表示時間を短縮することができる。
【０１０７】
なお、Ｗｅｂブラウザは、情報処理装置２０のＷｅｂブラウザ２５０を用いて説明したが、画像処理装置１０内のＷｅｂブラウザでもよい。
【０１０８】
なお、実施例の画像処理装置で実行されるプログラムは、インストール可能な形式又は実行可能な形式のファイルでＣＤ−ＲＯＭ、フレキシブルディスク（ＦＤ）、ＣＤ−Ｒ、ＤＶＤ（Digital Versatile Disk）等のコンピュータで読み取り可能な記録媒体に記録されて提供される。
【０１０９】
また、実施例の画像処理装置で実行されるプログラムを、インターネット等のネットワークに接続されたコンピュータ上に格納し、ネットワーク経由でダウンロードさせることにより提供するように構成してもよい。また、実施例の画像処理装置や各情報処理装置で実行されるプログラムをインターネット等のネットワーク経由で提供または配布するように構成してもよい。
【０１１０】
また、実施例の画像処理装置で実行されるプログラムを、ＲＯＭ等に予め組み込んで提供するように構成してもよい。
【０１１１】
実施例の画像処理装置で実行されるプログラムは、前述した各部や各手段を含むモジュール構成となっている。実際のハードウェアとしては、ＣＰＵがＲＯＭやＨＤＤからプログラムを読み出して実行することにより上記各部や各手段のうち１又は複数の各部や各手段がＲＡＭ上にロードされ、１又は複数の各部や各手段がＲＡＭ上に生成されるようになっている。
【０１１２】
なお、上記の画像処理装置及びプログラムは、上記実施例そのままに限定されるものではなく、実施段階ではその要旨を逸脱しない範囲で構成要素を変形して具体化することができる。また、上記実施例に開示されている複数の構成要素の適宜な組み合わせにより、種々の発明を形成することができる。
【符号の説明】
【０１１３】
１  画像処理システム
１０  画像処理装置
２０  情報処理装置
１０１  ＡＳＩＣ
１０２  ＣＰＵ
１０３  ＨＤＤ
１１０  フラッシュメモリ
１１１  ＳＤＲＡＭ
１１２  ＳＲＡＭ
１５０  オペレーションパネル
３１０  Ｗｅｂサーバ
３１１  リクエスト受付・配信手段
３１２  ＨＴＭＬ生成手段
３１３  決定手段
３１４  画像生成手段
３１５  集計手段
３７１、３７２  検出手段
【先行技術文献】
【特許文献】
【０１１４】
【特許文献１】特開２０１０−２７７５０１号公報
【図１】
2014052960.tif 000003
【図２】
2014052960.tif 000004
【図３】
2014052960.tif 000005
【図４】
2014052960.tif 000006
【図５】
2014052960.tif 000007
【図６】
2014052960.tif 000008
【図７】
2014052960.tif 000009
【図８】
2014052960.tif 000010
【図９】
2014052960.tif 000011
【図１０】
2014052960.tif 000012
【図１１】
2014052960.tif 000013
【図１２】
2014052960.tif 000014
【図１３】
2014052960.tif 000015
【図１４】
2014052960.tif 000016
【図１５】
2014052960.tif 000017
【図１６】
2014052960.tif 000018