風俗デザインプロジェクト-広告代理店の制作紹介

デリヘル風俗広告,シティヘブン,サイト制作

【最新版】Webサイトの横幅まとめ

サイト制作時、Webサイトの横幅は何ピクセルにしていますか?

昨今はレスポンシブが多いものの、ベースとなるサイズを決めるのは難しいですよね。

FDPがサイトデザインをさせて頂く場合は、ケースバイケースですが結構悩まされます。

お客様が求めてるサイトに似通ったサイトを多数閲覧し、そこからwidthを導き出すっていうのも一つの手ですよね。

大手企業サイトの横幅を調査したサイト様を以前は参考の一つにしていたのですが、一年もたつとかなり変更があったりして……。

なので今回FDP、調べました。

いつもよそ様のサイトを参考にしておりますが、今回はFDPが労を取ります!狐好きの私が労を取ります!

ぜひサイト制作時の参考にしてください。

下記がデスクトップ向けページの横幅をまとめた一覧表です
最小で10px毎に振り分けていますが、規格外のHPは()内に正確なサイズを記載しております。
※参考 ULTRAZONE様 http://ultra.zone/website_width#ctgy=all

webサイトwidth一覧

IT/通信/Web メーカー メディア/出版 小売 外食 運輸 サービス
900px
以下
Google

(672px)

FC2

(900px)

デンソー

(770px)

未来工業

(770px)

餃子の王将

(840px)

マクドナルド

(840px)

JR東海

(789px)

JT

(890px)

ベネッセ

(900px)

910px 三井不動産
920px キヤノン
930px JICA

(939px)

940px NTTドコモ
ぐるなび
So-net
三菱重工
東芝
小学館
ソニー・ミュージック
佐川急便 Data 伊藤忠商事
りそな銀行
第一生命
野村證券
東京海上日動
田辺三菱製薬
外務省
950px BIGLOBE
ぐるなび
ソニー
三菱電機

(954px)

博報堂
スポニチ
ニトリ 日本航空
ヤマト運輸
東京ガス
オリエンタルランド
ユニバーサルスタジオジャパン
三菱東京UFJ銀行
明治安田生命
ツムラ
エーザイ
960px NTTデータ
さくらインターネット
はてな
@nifty
OKI
明治
サントリー
シャープ
NEC
富士フイルム
出光興産
日立製作所

(965px)

KADOKAWA
リクルート
集英社
吉本興業
日経スポーツ
フジテレビ
Impress Watch

(969px)

そごう
イオン
ユニクロ
すき家
サイゼリア
ケンタッキー
吉野家
日本郵政
小田急電鉄
H.I.S
河合塾
丸紅
大塚商会
みずほ銀行
大和証券
日本生命
オリックス
第一三共
消費者庁
JAXA
理化学研究所
東京大学
970px BIGLOBE
Yahoo! JAPAN
クックパッド
ニコニコ動画

(975px)

サンスポ セブンイレブン JTB 中外製薬

(976px)

980px GREE
野村総研
NTT
au
ZOZOTOWN
食べログ
サイバーエージェント
富士通
新日鉄住金
本田技研
朝日新聞
日経BP
日本経済新聞
紀伊國屋書店 モスバーガー
オリジン弁当
モンテローザ
ピザーラ

(988px)

東急電鉄 コナミスポーツクラブ 住友商事
ファイザー
武田薬品工業
内閣府
財務省
裁判所
990px JFE

(995px)

ITmedia
講談社
NHK

(995px)

ニッセン

(992px)

高島屋

(995px)

すかいらーく ジョンソン・エント・ジョンソン
警視庁
1000px DeNA
日経BP
goo

(1004px)

カプコン 日本テレビ ローソン
三越
伊勢丹
サーティーワン 日本郵船 ホテルニューオータニ
代々木ゼミナール
東宝

(1008px)

豊田通商
三井住友銀行

(1008px)

1010px livedoor
NAVERまとめ
mixi
Facebook

(1012px)

読売新聞
1020px Facebook
Excite
マガジンハウス 無印良品

(1024px)

小林製薬

(1028px)

1030px 価格.com

(1035px)

1040px しまむら

(1041px)

1050px All About

(1058px)

東京メトロ
1060px IKEA
1080px 朝日新聞 全日空
1100px ツイキャス
1180px Bing JVCケンウッド スシロー
1200px Twitter パイオニア
パナソニック
日産自動車

(1208px)

ゴールドマン・サックス
1240px 東京電力
1280px トヨタ自動車
1340px 楽天市場
1400px IBM

(1420px)

電通

(1400px/1200px)

1500px YouTube

(1520px/1058px)

任天堂

(1522px)

マイクロソフト

(1568px)

1600px MSN 資生堂

(1638px)

100% ヨドバシカメラ TOHOシネマズ
DMM.com
三菱商事
三井物産
国土交通省
900px以下
  • Google

    (672px)

  • FC2

    (900px)

  • デンソー

    (770px)

  • 未来工業

    (770px)

  • 餃子の王将

    (840px)

  • マクドナルド

    (840px)

  • JR東海

    (789px)

  • JT

    (890px)

  • ベネッセ

    (900px)

920px 三井不動産
930px
  • キヤノン
  • JICA

    (939px)

940px
  • NTTドコモ
  • ぐるなび
  • So-net
  • 三菱重工
  • 東芝
  • 小学館
  • ソニー・ミュージック
  • 佐川急便
  • 伊藤忠商事
  • りそな銀行
  • 第一生命
  • 野村證券
  • 東京海上日動
  • 田辺三菱製薬
  • 外務省
950px
  • BIGLOBE
  • ぐるなび
  • ソニー
  • 三菱電機

    (954px)

  • 博報堂
  • スポニチ
  • ニトリ
  • 日本航空
  • ヤマト運輸
  • 東京ガス
  • オリエンタルランド
  • ユニバーサルスタジオジャパン
  • 三菱東京UFJ銀行
  • 明治安田生命
  • ツムラ
  • エーザイ
960px
  • NTTデータ
  • さくらインターネット
  • はてな
  • @nifty
  • OKI
  • 明治
  • サントリー
  • シャープ
  • NEC
  • 富士フイルム
  • 出光興産
  • KADOKAWA
  • リクルート
  • 集英社
  • 吉本興業
  • 日経スポーツ
  • フジテレビ
  • そごう
  • イオン
  • ユニクロ
  • すき家
  • サイゼリア
  • ケンタッキー
  • 吉野家
  • 日本郵政
  • 小田急電鉄
  • H.I.S
  • 河合塾
  • 丸紅
  • 大塚商会
  • みずほ銀行
  • 大和証券
  • 日本生命
  • オリックス
  • 第一三共
  • 消費者庁
  • JAXA
  • 理化学研究所
  • 東京大学
  • 日立製作所

    (965px)

  • Impress Watch

    (969px)

970px
  • BIGLOBE
  • Yahoo! JAPAN
  • クックパッド
  • サンスポ
  • セブンイレブン
  • JTB
  • ニコニコ動画

    (975px)

  • 中外製薬

    (976px)

980px
  • GREE
  • 野村総研
  • NTT
  • au
  • ZOZOTOWN
  • 食べログ
  • サイバーエージェント
  • 富士通
  • 新日鉄住金
  • 本田技研
  • 朝日新聞
  • 日経BP
  • 日本経済新聞
  • 紀伊國屋書店
  • モスバーガー
  • オリジン弁当
  • モンテローザ
  • 東急電鉄
  • コナミスポーツクラブ
  • 住友商事
  • ファイザー
  • 武田薬品工業
  • 内閣府
  • 財務省
  • 裁判所
  • ピザーラ

    (988px)

990px
  • ITmedia
  • 講談社
  • すかいらーく
  • ジョンソン・エント・ジョンソン
  • 警視庁
  • ニッセン

    (992px)

  • 高島屋

    (995px)

  • JFE

    (995px)

  • NHK

    (995px)

1000px
  • DeNA
  • 日経BP
  • カプコン
  • 日本テレビ
  • ローソン
  • 三越
  • 伊勢丹
  • サーティーワン
  • 日本郵船
  • ホテルニューオータニ
  • 代々木ゼミナール
  • 豊田通商
  • goo

    (1004px)

  • 三井住友銀行

    (1008px)

  • 東宝

    (1008px)

1010px
  • livedoor
  • NAVERまとめ
  • mixi
  • 読売新聞
  • Facebook

    (1012px)

1020px
  • Facebook
  • Excite
  • マガジンハウス
  • 無印良品

    (1024px)

  • 小林製薬

    (1028px)

1030px 価格.com

(1035px)

1040px しまむら

(1041px)

1050px
  • 東京メトロ
  • All About

    (1058px)

1060px IKEA
1080px
  • 朝日新聞
  • 全日空
1100px ツイキャス
1180px
  • Bing
  • JVCケンウッド
  • スシロー
1200px
  • Twitter
  • パイオニア
  • パナソニック
  • ゴールドマン・サックス
  • 日産自動車

    (1208px)

1240px 東京電力
1280px トヨタ自動車
1340px 楽天市場
1400px
  • IBM

    (1420px)

  • 電通

    (1400px/1200px)

1500px
  • YouTube

    (1520px/1058px)

  • 任天堂

    (1522px)

  • マイクロソフト

    (1568px)

1600px
  • MSN
  • 資生堂

    (1638px)

100%
  • ヨドバシカメラ
  • TOHOシネマズ
  • DMM.com
  • 三菱商事
  • 三井物産
  • 国土交通省

こうして表にして見ると、解りやすくていいですね!
webサイトを作る際に迷っていた横幅も、これを見れば大体絞れるのではないでしょうか。
いくつもの企業のwebサイトは幅によりかなり印象が違いますね。
実際webページを作る際は、デザインを落としこむときにしっくり来るサイズがいいとは思いますが、迷った際は、こちらの記事を参考にしてみてください。