ウェブページの広告デザインにおけるウェブデザインの寸法とルール

ウェブページの広告デザインにおけるウェブデザインの寸法とルール

1. 800*600 未満の場合、Web ページの幅が 778 以内であれば、水平スクロール バーは表示されません。高さはレイアウトとコンテンツによって異なります。
2. 1024*768 未満の場合、Web ページの幅は 1002 以内に抑える必要があります。フル フレームで表示する場合、高さは 612 ~ 615 にする必要があります。水平スクロール バーや垂直スクロール バーは表示されません。
3. PSでWebページを作成する場合、800*600で全画面表示でき、ページ下部にスライドバーは表示されません。サイズは約740*560です。
4. PSで作成した画像は、インターネットに掲載すると色などが異なります。WEBでは256色のWEBセーフカラーしか使用されないのに対し、PSではRGBやCMYK、LABやHSBの色域が非常に広いため、当然色落ちの現象が発生します。
このページは800×600の標準解像度で作成されており、実際のサイズは778×434ピクセルです
原則として、ページの長さは 3 画面を超えず、幅は 1 画面を超えないようにしてください。各標準ページは A4 形式、つまり 8.5X11 インチです。フルサイズのバナーは 468*60 ピクセル、ハーフサイズのバナーは 234*60 ピクセル、小さなバナーは 88*31 ピクセルです。
また、120*90 と 120*60 も小さいアイコンの標準サイズです。画像を含むホームページ以外の静的ページはそれぞれ 60K バイトを超えてはならず、フルサイズのバナーは 14K を超えてはなりません。
標準的なウェブページ広告サイズ仕様<br />1. 120*120。この広告仕様は、製品やニュース写真の表示に適しています。
2. 120*60: この広告仕様は主にロゴに使用されます。
3. 120*90、主に製品のデモンストレーションや大きなロゴに使用されます。
4. 125*125:写真効果のある画像広告に適した仕様です。
5. 234*60: この仕様は、フレーム付きまたは左右に並んだホームページ上の広告リンクに適しています。
6. 392*72、主にヘッダーやフッターに使用される、より多くの画像を含む広告ストリップに使用されます。
7. 468*60、最も広く使用されている広告バナーのサイズで、ヘッダーやフッターに使用されます。
8. 88*31、主にウェブリンクや小さなウェブサイトのロゴに使用されます。
広告フォーマット ピクセルサイズ 最大サイズ 備考
ボタン 120*60 (gif を使用する必要があります) 7K
215*50 (gif使用必須) 7K
全幅760*100 25K静止画像またはモーション効果を低減
430*50 15K
スーパーバナー 760*100~760*200 計40K 静止画または動きを抑えた効果 大型広告 336*280 35K
585*120
縦型広告 130*300 25K
フルスクリーン広告 800*600 40K 静止画像、FLASH形式のテキストとグラフィックの混合、チャンネルごとに異なる 15K
ポップアップウィンドウ 400*300 (できるだけgifを使用) 40K
バナー 468*60 (できるだけgifを使用) 18K
ホバーボタン 80*80 (gif を使用する必要があります) 7K
ストリーミングメディア 300*200 (不規則な形状にすることもできますが、サイズは300*200を超えることはできません) 30K 再生時間は5秒未満 60フレーム (1秒/12フレーム)
ページ上の広告サイズ
1. ホームページの右上、サイズ120*60
2. ホームページのトップバー、サイズ468×60
3. ホームページのトップバー、サイズ760×60
4. ホームページの中央の列、サイズ580*60
5. 内側のページの上段、サイズ468*60
6. 内側のページの上段、サイズ 760*60
7. 内側のページ、左上、サイズ 150*60 または 300*300
8. ダウンロードアドレスページ、サイズ560*60または468*60
9. 内側ページの下の列、サイズ760*60
10. 左フローティング、サイズ 80*80 または 100*100
11. 右フローティング、サイズ 80*80 または 100*100。上記の説明には若干の相違がある可能性がありますので、ご相談ください。
IABとEIAAが新たなオンライン広告サイズ規格を発表<br />この6つのフォーマットの中には、昨年IABが発表した「ユニバーサル広告パッケージ」の160x600、300x250、180x150、728x90の4つのフォーマットに加え、新たに468x60と120x600(オプティマスプライム)の2つのフォーマットが発表されています。

<<:  MySQLの基本の共通機能

>>:  Vue の状態管理: Vuex の代わりに Pinia を使用する

推薦する

Nginx と GeoIP モジュールを使用して IP の地域情報を読み取る方法

LinuxにGeoIPをインストールする yum で nginx-module-geoip をインス...

アコーディオン効果を実現するJavaScript

この記事では、アコーディオン効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

Vueはページdivボックスのドラッグアンドドロップソート機能を実装します

vue は、ページ上の div ボックスのドラッグ アンド ドロップ ソート機能を実装します。 序文...

CSS スクロールバースタイル変更コード

CSS スクロールバースタイル変更コード .scroll::-webkit-scrollbar { ...

tinyMCEの使い方と体験の詳細な説明

tinyMCE の使用方法の詳細な説明初期化TinyMCE を初期化するときは、ページの HEAD ...

Windows 10 64 ビット版に MySQL 5.6.35 をインストールするためのグラフィック チュートリアル

1. MySQL Community Server 5.6.35をダウンロードするダウンロードアドレ...

html+css3で実装されたログインインターフェース

成果を達成するまずHTMLを使って基本的なフレームワークを構築します <本文> <...

MySQL テーブル全体の暗号化ソリューション keyring_file の詳細な説明

例示するMySql Community Edition は、5.7.11 以降、テーブルベースのデー...

Reactのref属性を深く理解する方法

目次概要1. Refsオブジェクトの作成1.1 React.createRef() 1.2React...

ウィンドウ表示効果を実現するJavaScript

この記事では、ウィンドウ表示効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

テキストエリアのテキスト入力領域に改行を実装する方法

textarea 入力領域でテキストを折り返す場合は、<br/> と入力すると <...

MySQLの誤操作後にbinlog2sqlを使用して素早くロールバックする方法の詳細な説明

序文日常の仕事や勉強では、データベースを操作するときに「不注意」によるミスを犯すことは避けられません...

Linux Dig コマンドの使用法

発掘紹介: Dig は、Unix ライクなコマンドライン モードで NS レコード、A レコード、M...

MySQL 5.0.96 for Windows x86 32 ビット グリーン簡易版インストール チュートリアル

MySQL 5.0 は、いくつかの「高度な機能」があるため定番となっています。これは、Windows...

winx64 での mysql5.7.19 の基本的なインストール プロセス (詳細)

1. ダウンロード参考: https://www.jb51.net/softs/451120.ht...