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 エラー: 接続数が多すぎる場合の解決策

MySQLデータベースの接続が多すぎますこのエラーは明らかに、mysql_connect の後に m...

HTML5+CSS3 ヘッダー作成例と更新

前回、私たちは 2 つのヘッダー レイアウト (フレックスボックス 1 つとフロート 1 つ) を考...

linuxdeployqt を使用して Ubuntu で Qt プログラムをパッケージ化する問題を解決する

いくつかの Qt インターフェース プログラムを作成しましたが、Qt 環境がインストールされていない...

CentOS SVN サーバーで複数のプロジェクトを管理する方法

一つの要求一般的に、企業には複数のプロジェクトがあります。SVN サーバーを設定した後は、プロジェク...

Linux で静的ルーティングを追加するための 2 つの実装方法の分析

ルートを追加するコマンド: 1.ルート追加route add -net 192.56.76.0 ne...

JSは要素のドラッグとプレースホルダー機能を実装します

このブログ投稿は、ブロガーが数日前に取り組んだプロジェクトで遭遇した困難についてです。これを学んだ後...

require loaderの実装原理の深い理解

序文Node は新しいプログラミング言語ではなく、JavaScript のランタイムに過ぎないとよく...

Centos7.2 で mysql5.7 データベースをインストールするための詳細な手順

サーバー上の mysql はバージョン 8.0.12 でインストールされており、ローカルのものはバー...

Mysql8.0はソート問題を解決するためにウィンドウ関数を使用する

MySQL ウィンドウ関数の紹介MySQL は MySQL 8.0 以降、ウィンドウ関数をサポートし...

JavaScript ジグソーパズルゲーム

この記事の例では、ジグソーパズルゲームを実装するためのJavaScriptの具体的なコードを参考まで...

webpack イメージを base64 に変換する例

url-loader をダウンロード 糸を追加 -D URLローダー モジュール: { ルール: {...

nginx をシャットダウン/再起動/起動する方法

閉鎖サービス nginx 停止systemctl 停止 nginx起動するサービス nginx 開始...

マークアップ言語 - テキストの CSS スタイルを指定する

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

JS のあらゆる場所で絶対等価演算子の使用をやめる

目次概要1. NULL値のテスト2. ユーザー入力を読み取る導入事実の根源はどこにあるのでしょうか?...