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

推薦する

ウェブ開発者はIE7とIE8の共存を懸念している

今日、IE8 をインストールしました。ダウンロードするために Microsoft の Web サイト...

React コンポーネントのコンストラクタとスーパーの知識ポイントのまとめ

1. Reactでクラス宣言する際のヒント 上記のように、Child クラスは class キーワー...

CSS3でハートを描く

成果を達成する要件/機能: CSS + HTML を使用してハートを描く方法。分析:正方形と 2 つ...

MySQL インデックス最適化の説明

日常業務では、実行に時間のかかる SQL ステートメントを記録するために、スロー クエリを実行するこ...

メモリ構成が過剰でMySQLが起動できない問題の解決方法

問題の説明MySQL の起動時にエラーが報告されます。エラー ログを確認してください。 [エラー] ...

Webpack5-react スキャフォールディングをゼロから構築するための実装手順 (ソースコード付き)

目次ウェブパック5公式スタート建築ガイド構築を開始する依存する準備が完了したら、プロジェクトの構築を...

クラウドサーバーを購入し、Alibaba Cloud に Pagoda Panel をインストールする手順

アリババクラウドがサーバーを購入クラウドサーバーを購入し、サーバーバージョンとしてcentos 7....

ウェブページ内の 2 つのボックス モデル (W3C ボックス モデル、IE ボックス モデル)

Web ページ ボックス モデルには 2 種類あります。 1: 標準 W3C ボックス モデル。2:...

Vue 条件付きレンダリング v-if と v-show

目次1. 動詞-if 2. <template> で v-if を使用する3. キーを使...

Linux mysql-5.6 でルート パスワードをリセットする方法

1. MySQL サービスが起動しているかどうかを確認します。起動している場合は、MySQL サービ...

MySQLキーワードDistinctの詳細な紹介

MySQLキーワードDistinctの使い方の紹介DDL SQLを準備します: テーブルテストを作成...

Linux でタイムアウト付きの接続関数を試す

前回の記事では、Windows でタイムアウトを試してみました。この記事では、Linux で試してみ...

CocosCreator MVCアーキテクチャの詳細な説明

概要この記事では、ゲームクライアントでよく使用される MVC アーキテクチャについて紹介します。ゲー...

Win10でのMySQL5.7.17無料インストール版の基本設定チュートリアルについて(画像とテキスト付き)

データベース アプリケーションは、アプリケーション システムに不可欠な部分です。リレーショナル デー...

MySQLでルートユーザーのパスワードを変更する方法

方法1: SET PASSWORDコマンドを使用する mysql> username@loca...