Web ページは何ピクセルで設計すればよいでしょうか?

Web ページは何ピクセルで設計すればよいでしょうか?
多くのウェブデザイナーは、ウェブページのレイアウトを設計する際に、インターフェースウェブページの幅について混乱しています。 800*600 と 1024*768 の解像度でウェブページを何ピクセルに設計すればよいでしょうか? 幅が広すぎると、水平スクロールバーが表示されます。 以下では、ウェブページデザインの標準サイズについて説明します。 ウェブページデザインの標準サイズ:
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 を超えません。標準的な Web ページ広告サイズ仕様: 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が新しいオンライン広告サイズ標準を発表しました。この6つのフォーマットには、昨年IABが発表した160x600、300x250、180x150、728x90の4つの「ユニバーサル広告パッケージ」に加え、新たに発表された468x60と120x600(オプティマスプライム)も含まれています。

<<:  Vue 父子価値移転、兄弟価値移転、子父価値移転の詳細な説明

>>:  MySql テーブル、データベース、シャーディング、パーティショニングの知識の詳細な説明

推薦する

CentOS 6.5 インストール mysql5.7 チュートリアル

1. 新機能MySQL 5.7 はエキサイティングなマイルストーンです。デフォルトの InnoDB ...

CSS3 オーバーフロープロパティの説明

1. オーバーフローOverflow はオーバーフロー(コンテナ)です。コンテンツがコンテナを越える...

ボタンと入力タイプの違いと注意点

<button> タグ<br />定義と使用法<button> ...

Vueメソッドに基づくシンプルなタイマーの実装

Vueのシンプルなタイマーを参考にしてください。具体的な内容は以下のとおりです原理: setInte...

Docker データ管理 (データ ボリュームとデータ ボリューム コンテナー) の詳細な説明

実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共有す...

ウェブページに埋め込まれた Flash と IE、FF、Maxthon の互換性の問題

いろいろ苦労した後、インターネットで検索したり、以前の会社のプロジェクトを探したり、他の人のプロジェ...

Vue2.0+ElementUI+PageHelperで実装されたテーブルページング機能

序文最近、いくつかのフロントエンド プロジェクトに取り組んでおり、ページにいくつかのテーブルを表示す...

Linux での MySQL 8.0.25 のインストールと設定のチュートリアル

LinuxにMySQL 8.0.25をインストールするための最新のチュートリアルを参考にしてください...

MySQL で union all を使用してユニオンソートを取得する方法

プロジェクトでは、何らかの不可逆的な理由により、テーブルに保存されたデータがページの表示要件を満たす...

MySQLデータのバックアップ方法の選択と考え方

目次1. rsync、cpでファイルをコピーする2. xxxをoutfile構文に選択する3. 遅延...

血の写輪眼と輪廻眼の特殊効果コードを実現するためのHTML+CSS

結果 (完全なコードは下部にあります): 実装は難しくありませんが、繰り返しコードが多くなります。実...

フォアマン Ubuntu16 クイックインストール

クイックスタートガイドForeman インストーラーは、完全に機能する Foreman セットアップ...

フロントエンド開発一般マニュアル(ツール、Webサイト、経験などを含む)

今日は何もすることがなかったので、いくつかのツール(オンラインとクライアント)、よく使用する URL...

mybatis-plusページングパラメータが渡された後、SQLのwhere条件にはページング情報操作の制限がありません

2時間近くかけて、さまざまな方法を試しました。後で、whereでフィルタリングした後のデータ量が1ペ...

CentOS 7 はネットワークカードを変更した後、インターネットにアクセスできません

不明なドメイン名 www.baidu.com を Ping するホストのIPアドレスを変更する右クリ...