リンク用バナー画像など

2023/04/09 更新

■リンクはお気軽に * You are welcome to link to my website! *

当サイト「にししふぁくとりー」へのリンクはお気軽にどうぞ。どのページでも、気に入って頂けたWebページに直接リンクして下さい。リンクに際して特にご連絡頂く必要はありません。（ご報告いただければ嬉しいですが。）
バナー画像が必要であれば、下記に複数用意していますのでご活用下さい。バナー画像は、直接URLを参照してあなたのWebページに表示して下さっても構いませんし、画像ファイルをコピー（ダウンロード）してあなたのWebサイト上にご掲載下さっても構いません。どちらでもご都合の良い方でどうぞ。

■バナー画像群（2023年版）

No.	形式	想定表示サイズ	原寸サイズ	ファイルサイズ	備考
Ⓐ	PNG	200×40	200×40	3.32KB (3,406バイト)
Ⓑ	PNG	200×40	400×80	7.79KB (7,984バイト)	2倍高精細
Ⓒ	PNG	200×40	200×40	4.35KB (4,456バイト)
Ⓓ	PNG	88×31	88×31	2.10KB (2,153バイト)
Ⓔ	PNG	88×31	264×93	4.75KB (4,864バイト)	3倍高精細
Ⓕ	PNG	200×40	200×40	4.87KB (4,991バイト)	和風
Ⓖ	PNG	1.91：1	382×200	5.96KB (6,110バイト)

昨今は高精細ディスプレイ（＝デバイスピクセル比が2以上なディスプレイ）を搭載したスマートフォンやタブレットのような端末も多いので、原寸サイズを2倍以上にした高精細版のバナー画像も用意しました。必要ならご活用下さい。

例えば、通常のディスプレイでは Ⓐ通常版を表示し、2倍高精細以上のディスプレイでは Ⓑ高精細版を表示させたい場合は、以下のようなHTMLを書くと良いです。

<img src="NishishiFactory2023a.png" width="200" height="40" srcset="NishishiFactory2023a.png 1x, NishishiFactory2023al.png 2x" alt="にししふぁくとりー">

上記のimg要素では、src属性のほかに、srcset属性が使われており、ブラウザによって以下のように表示画像が選択されます。

画素密度が1以上のとき： NishishiFactory2023a.png 1x を採用。
画素密度が2以上のとき： NishishiFactory2023al.png 2x を採用。
srcset属性を解釈しない場合は、src属性に指定された NishishiFactory2023a.png を表示。

このように書いておくと、高精細なディスプレイではより高解像度の画像が採用されるため、より綺麗に表示されます。このページの上表をお使いのスマートフォンでご覧になると、違いがよく分かると思います。

ただ、どちらもファイルサイズは極めて小さいので、そんな条件分けなどせず、あらゆる環境で Ⓑ高精細版を表示するよう <img src="NishishiFactory2023al.png" width="200" height="40" alt="にししふぁくとりー"> と書いておくシンプルな方法でも良さそうな気もします。┌(:3」└)┐ 個人的には、専らこの方法を使っています。（よほどファイルサイズの大きな画像の場合は条件分けしますけども。^^;）

なお、Ⓕ は、よほど和風にこだわったデザインで統一しているウェブサイトなどでお使い下さい。^^

■バナー画像群（2004年版）

やや古いバナー画像も置いておきます。こちらが良ければお使い下さい。

No.	形式	横×縦	ファイルサイズ
①	GIF	200×40	2.16KB (2,221バイト)
②	GIF	200×40	2.42KB (2,479バイト)
③	GIF	88×31	1.57KB (1,610バイト)
④	GIF	88×31	1.57KB (1,610バイト)
⑤	GIF	80×31	1.56KB (1,600バイト)
⑥	GIF	80×31	1.54KB (1,585バイト)