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