IMG_2652-アヤメ

1000*200

0980*160

2010/06/10

※

P1080470-アヤメ

1020*220

1000*200

1000*180

1000*160

2008/06/08

※

P1040152.JPG-シバザクラ

1600*1200

1600*800

1600*400

1000*250

1000*200

2008/03/29

※

はじめに

バナーイメージのサイズバリエーション

• バナーのサイズはどんなもんですか。グーグルの広告バナーは最大が(728*90)です。ページ幅が1080のときは980,1000,1020辺りはレベルみたいだ。説明文がある場合は折り返し点のスペースの処理が気になるはずだ。説明文が無い場合はページ全体のレイアウトとのバランスだけを気にすれば良い。高さは160,180,200,220辺りだろう。220だと間延びした印象。説明文を入れて空間を埋める必要がある。

• ページの横幅は標準で1080（サイド180*3＝540、メイン540、またはサイド270+360、メイン450）、小さくて980（サイド180*3＝540、メイン440）、大きくて1180（サイド180*3＝540、メイン640、またはサイド270+360、メイン550）。バナー幅は、980,1080,1180を基本に；　40引くと、940,1040,1140.。20引くと、960,1060,1160。80引くと、900,1000,1100.

1. 標準展開;　960,1000,1040,1080。
2. 特に、1000.

• 高さは１５％として、150、156、162。20％として、200、208、216。25％として、250、260、270。

1. 標準展開；　160,200,240,280。
2. 特に、200.

• 結局、全てに対して[1000*200] を用意する。後はバリエーションで振る。

※

1. 0960*160--0960*200--0960*240--0960*280
2. 1000*160--1000*200--1000*240--1000*280
3. 1040*160--1040*200--1040*240--1040*280
4. 1080*160--1080*200--1080*240--1080*280
5. ----------------------------------------1200*300

＜サイズを色々用意する理由＞

• サイトのページ設計でページ幅を任意に選ぶことが出来るので、結果的に色々なサイズが必要になる。加えて、センタｋするスタイルシート（テンプレート）によって設定しているマージ幅の設定が変わるのでその場合もそれぞれに適したサイズが必要になる。
• 結局、ページごとに必要サイズを確認して張り付けるようにしなければならない。
• 後で加工しやすいように最大幅[1200*300]のものを用意しておくこと。

※

• お気に入りの画像からバナー加工用に[1200*300]でカットしたものを用意する。
• サンプルとして登録しておく。
• 利用するページサイト毎に必要に応じて加工する。

※

＜使い方の注意＞

• オリジナル画像を表示させてからそのＵＲＬを貼り付けて利用する。サムネールの縮尺表示s999の箇所をs1600にすればオリジナル表示になる。s1600がサイトの制約なんでしょう。最初からオリジナルサイズで掲載したものはそのままＵＲＬを利用すればよい。

※

• イメージファイルのネーミング：
  絵柄名（カタカナ）-イメージファイル名（デジカメ標準名）-横サイズ（4桁）-縦サイズ（3桁）
  並び順を途中で変更しました。旧ファイル名は順次修正していくこと。
• タグ：
  絵柄名（カタカナ）、横サイズ（4桁）*縦サイズ（3桁）
• エントリータイトル：
  絵柄名（カタカナ）-イメージファイル名（デジカメ標準名）

※
※

• タグの日付はバナーの作成日でなくオリジナル写真の撮影日にすること。

※