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 テーブル、データベース、シャーディング、パーティショニングの知識の詳細な説明

推薦する

MySQL テーブルの垂直分割と水平分割

垂直分割垂直分割とは、データテーブルの列を分割すること、つまり、多くの列を持つテーブルを複数のテーブ...

SQL 文で OR と AND を混在させる場合のヒント

現在、このような要件があります。ログインした人がカスタマー サービス担当者である場合、注文は「このカ...

VueはExcelテーブルをインポートし、インポートに失敗したデータを自動的にダウンロードします。

次のような要件があります: インポート ボタン。ボタンをクリックして Excel テーブルをインポー...

色の16進数カラーコード表表示と16進値の比較表示で簡単に検索できます

さまざまな色の16進コード表[パート1] 赤とピンク、およびそれらの 16 進コード。 #99003...

MySQL データベースは何をしますか?

MySQL はリレーショナル データベース管理システムです。リレーショナル データベースは、すべて...

CSS を使用して親コンテナ div を img 画像で埋め、コンテナのサイズを調整する方法

ページに複数の画像を導入すると、画像のサイズがばらつくことがあります。しかし、それらを一貫したサイズ...

Ubuntu 18.0.4 MySQL 8.0.20 のインストールと設定方法のグラフィックチュートリアル

MySQL 8.0.20 のインストールおよび設定方法は、参考としてグラフィック チュートリアルにま...

MySQL インデックスに関するヒントのまとめ

目次1. インデックスの基礎知識1.1 インデックスの利点1.2 インデックスの有用性1.3 インデ...

JavaScriptのプロトタイプオブジェクトを徹底的に理解しましょう

目次1. プロトタイプとは何ですか? 1.1 関数プロトタイプオブジェクト1.2 コンストラクタを使...

非常に詳細な MySQL8.0.22 のインストールと設定のチュートリアル

みなさんこんにちは。今日は、MySQL 8.0.22 のインストールと構成について学習します。注意深...

VMware vSphere 6.5 インストール チュートリアル (画像とテキスト)

vmware vSphere 6.5 は vSphere ソフトウェアのクラシック バージョンであ...

Linuxシステムにおける重要なサブディレクトリの問題について話す

/etc/fstabパーティション/ディスクを自動的にマウントし、マウントするパーティション/デバイ...

CSS3はテキストのレリーフ効果、彫刻効果、炎のテキストを実現します

この効果を実現するには、まず CSS のプロパティを知っておく必要があります。 text-shado...

Linux入力サブシステムフレームワーク原理の分析

入力サブシステムフレームワークLinux 入力サブシステムは、上から下に向かって、入力サブシステム ...

vue.js 動的コンポーネントの詳細な説明

:動的コンポーネントv-bind:is="component name" を使用...