本研究では、デザインカンプと呼ばれる webページの見本画像とそれを切り出して作った web 画像素材から、web画像素材の位置を特定し HTMLに記述することでブラウザ上でデザインカンプと同じレイアウトを表示する手法を提案する。まず、テンプレートマッチングによって web画像素材の左上の座標を特定する。そして、特定された web 画像素材の絶対座標を HTML に記述し、デザインカンプで特定した位置と同じ場所にブラウザ上で表示できるようにする。この処理を読み込んだ web画像素材全てに対して行うことによって、全 web 画像素材の位置を特定し、その情報を含めた HTML ファイルを出力する。本手法により、デザインカンプ通りに画像を表示することが可能となる。
