題字に透過PNGを使う

TOGAQ

トガキュー(トップ画像共有プロジェクト)の補足エントリーです。ただトップ画像をホームページに貼るだけでは「どこのサイト?」ということになります。トップ画像をバックグラウンドに貼り込み、自分のサイトロゴ(題字)を置けばよいのです。いくつかアドバイス。

通常は透過GIFを使うのですが、背景画像とうまくなじませるためには透過PNGがお薦めです。アルファチャンネルを使用したPNGを使うことで題字と画像がうまくレイヤーで重ねられたような効果が出ます。しかし、 Windows IE は透過PNGを表示することはできません。 AlphaImageLoader を使う方法を Afternoon Cafe 氏が教えてくれました(Afternoon Cafe: ieでPNGを表示させる)。これでばっちりです。

N@Blog の題字

ランダムに選択されるトップ画像は黒っぽい画像、白っぽい画像が混在しており、背景として使うには工夫が必要です。上の画像が N@Blog のロゴです。白い題字をうまく表示させるために黒地の上に文字を重ねています。透過PNGだと半透明レイヤーが使えるのでこういうことができるのです。

参考になりましたか?

TOGAQ
この記事をシェアしてくれると、とても嬉しい😆
Follow Me !
波形研究所 所長

WAVEFORM LAB(ウェーブフォーム・ラボ) は音楽制作、デジタルライフ、イノベーションをテーマとするサイトです。

1997年、伝説の PDA、Apple Newton にフォーカスした Newton@-AtMark- を開設、Newton や Steve Jobs が復帰した激動期の Apple Computer のニュースを伝えるサイトとして 200万アクセスを達成。2001年からサイトをブログ化、2019年よりサイト名を WAVEFORM LAB に改称、気になるネタ&ちょっとつっこんだ解説をモットーにサイトを提供しています。

Follow Me !
WAVEFORM LAB

コメント

タイトルとURLをコピーしました