The Trap of Web Design

GD 使って画像合成するのは楽しい。あんまり難しいことをやろうとせずに環境変数等を使って色を変えたり位置をずらしたりという基本的なことだけでも面白いことはいっぱいある。

そこにテキストを仕込めたらもっと可能性が広がるのだけど日本語フォントは無理なんだろうと諦めていたところスクリプト自体がユニコードであれば大丈夫だと知って試してみたら簡単だった。（※2バイトフォントを使うトキは、X-Window 利用可能環境が必要らしい）フリーの日本語の TTF フォントを持っているならそれをサーバーにいれちゃおう。単にテキストを変更するというだけなら別に画像にする必要はない。画像に任意の文字を埋め込めるトコロが重要。で、なにやろう？

例えばここのサイトのカバー画像は地味にランダムに変更するようになっている（アイテム上で投稿しているわけではないのですよ）のだけど、これは画像の数分スタイルシートでクラスつくってそのクラスを PHP でランダムにしている。そういうやりかたもアリだけど実はブラウザによってはスタイルシート読み込み時に全部のリンク画像をキャッシュしようとするのであんまり増えると最初のアクセス時には重くなる。なので、クラスはひとつで同じ背景画像でいいから画像側を変更しようということ。そこに元画像とは別に設定した文字を仕込むことも可能なので、どんなテキスト出したらいいかなぁ、と考えているわけです。