スポンサードリンク
これを実際にやってみました。ただ、1つ1つタグを打つのは面倒なので、ちょっとツールを使っています。
元画像はこちらを使いました。
作り方
さんざんあちこちで出ている気がしますが、一応。
用意するもの
- 元になる画像（BMP）
- bptran
- エクセル
- BMP2CSV
- 少々のHTML知識
作業手順
実際に操作手順は、慣れると10分もかからないです。むしろこの記事を書く方がよほど手間がかかるという…。
- 元になる画像をBMP形式で準備します。このとき、サイズはなるべく小さい方がいいです。これをやる以前に500×400位の画像でやったのですが、パソコンがフリーズしました。
- BMP2CSVを起動して、「RGBをHEX形式で一つのファイルの保存する」を選択してCSVを作成。
- エクセルを起動して、吐き出されたCSVの先頭行に新たに行を挿入。挿入した行に1、2、3、…と最後の列まで入力していく。この辺はオートフィルをうまく使いましょう。それが終わったら保存。
- またエクセルを起動して、「<td bgcolor="[1]">」と記入して、元画像の横幅の数だけ作成する。例えば横幅が200なら、<td bgcolor="[200]">まで作成する。これもオートフィルを使えばOK
- HTMLテンプレートの作成。メモ帳などのテキストエディタに、先ほどのオートフィルで作成したものを貼り付け、<tr>タグで囲む。
<tr><td bgcolor="[1]"><td bgcolor="[2]">……</tr>となればOKです。それを「****.html」のようなファイル形式で保存。（****は任意） - bptranを起動して、CSV、HTMLテンプレート、出力ファイルを設定。そしてCSVファイルを読み込む。先頭行のみを選択して、選択反転をする。
- 上部にあるリピートのチェックボックスにチェックを入れて、HTMLの生成。
- 出来上がったHTMLファイルをテキストエディタで開き、<HTML>の次に<table cellspacing="0">を、</HTML>の前に</table>を入力して保存。
- 保存したファイルをブラウザで開くと絵が見えるはず。
実際に作ってみたもの
諸事情により、消すかもしれませんが、ここ。
スポンサードリンク
posted by たむ/ 2007年11月25日 02:20/edit
コメントを投稿
