• ベストアンサー

携帯サイトの横幅について。

携帯サイトを作成する際の横幅で悩んでいます。 自分が使用しているFOMAの最近の機種は240px表示が主流ですが、AU、Softbankの最近の機種は何px表示が主流なのでしょうか? 今まで、あまり他機種ユーザーの事を考えずに、TOPに横幅240pxのタイトル画像等を置いていたのですが、「もしかしたら他機種ユーザーの方にはキチンと見えていないのでは?」と思い、デザインをし直そうと考えているところです。 お解りになる方がいらっしゃったら、教えていただければと思います。

  • HTML
  • 回答数1
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

横は240であつかっちゃっていいと思いますよ。 それより、携帯サイトに見た目のエンタメを求める人って少ないですから 『壁紙などのコンテンツにかからない場合は、なるべく画像をつかわない』 って方針で作ったほうがいろいろ便利です。 現在の主流はQVGA(320×240ピクセル)です。 FLASHゲームや壁紙の業界標準は240×240です。 壁紙は320×240と240×240の2種類を用意する場合もありますが、 それよりもの下位機種対応をしているのは「ウチは全キャリア対応が売りだ!※」と意気込むところくらいですね。 240以下のキャリアをお使いのお客さんも 「みれないことに慣れている」 んです。 ※こういうところは、ソリューション導入や、作業者増強などで対応せざるをえないのですが、大型エッチサイトでもないかぎり採算オーバーすることがほとんどです。 ご参考までに。

opop5656
質問者

お礼

お礼が遅くなってしまい、申し訳ありません。 そうですね。 携帯サイトの大半はFOMAの横幅240を目安に作られているようなので、dingo_bazz様の仰るとおり、240以下のキャリアの方は見れない事に慣れているのかも。 240を目安にして作っていこうと思います。 有難うございました!!

関連するQ&A

  • ホームページの横幅が広くて、印刷すると切れてしまう。

    会社のホームページを作っていて、横幅の設定について質問させて下さい。 横幅720pxで作成していたのですが、印刷する時に切れないように横幅を短くして欲しいと言われました。windowsのIEから印刷しようとすると、右側が切れてしまいます。印刷の設定を変えればよいのですが、その設定をしていない(分からない)人も多いようです。 大企業のHPを見てみると横幅700~780pxが多いので、これが主流だと思っていたのですが、やはり右側が切れずに印刷できるように横幅短め(600px以下?)で、ホームページを作成した方がよいでしょうか? 私としては印刷幅に合わせると横幅がかなり狭くなるように思うので、モニタ表示を優先して作成したいのですが・・・ みなさんはどうしていますか?ご意見伺えたらと思います。

  • ブログをカスタマイズしていますが、横幅(width)はどのくらいに設定したほうがいいのか?

    タイトルの通りなのですが、ちょっと補足。 今主流のディスプレイは17インチのSXGAだと思います。19インチもあるがここではwebデザインの質問なので解像度は同じ19インチ置いておく。 20インチ以上のUXGAはSXGAと比べグットすくないでしょう。 それよりも、15インチのXGAをどう考慮するかが問題です。 いま横幅が950~1000pxでカスタマイズしています。 ずばり言うならXGAユーザーを切り捨ててもいいのでしょうか? 悩むところです。 アドバイスお願いします。

    • 締切済み
    • CSS
  • 横幅が2880pxを超えるデザインについて

    http://www.studio-coast.com/ のようなコンテンツの一部がブラウザに表示され、ユーザーが自分でマウス操作することで表示されていない部分を表示できるようなものをつくりたいと思ってます。 自分のデザイン構想だと横幅が5120px必要なのですが、FLASHのステージのサイズは横が最大2880pxまでと制限されているようです(FLASH MX 2004を使用しています) そこで ・全てのデザイン構想を1/2スケールに作成してステージへ納めてswfを作成 ・htmlファイル上でswfの表示サイズを引き伸ばしてブラウザに表示 と考えているのですが、これにより画像や文字などの崩れやブラウザによってSWF自体が正常に表示できないなどの問題は起きますでしょうか。 また他に、このような2880pxを超えるようなFLASHデザインでよい手法があれば教えてください。 よろしくお願いします。

  • 携帯サイトの画像にテキストを入れる場合

    お世話になります。 携帯サイトを作成しています。PC版はよく作るのですが、携帯サイトはあまり詳しくなく困っていることがあります。 横幅を100%に設定した場合のメニューなどのタイトルによく使われる画像についてなんですが、機種によってそこに入れた文字が綺麗に表示されないものがあります。 アンチエイリアスをかけてもかけなくてもそうなってしまう機種があるのですが、縦横○○pxでフォントサイズ○pxならば全て大丈夫みたいなのがあれば教えてください。 最初は横幅200pxほどでセンター表示も考えたのですが、100%にした時に綺麗に見える方法があればそちらを使用したいと思っています。 詳しい方宜しくお願します。

  • 携帯画面の横幅ピッタリの画像って?

    携帯電話のサイトを作っているのですが、参考にいろいろと携帯サイトを見てまわっていると、たまにタイトル画像が携帯画面の横幅いっぱいのものを使っているサイトがあります。 私の携帯は240x320pixelなのでこのサイトの画像は横幅が240pixelなのだと思うのですが、携帯画面の大きさは携帯機種によっていろいろあると思います。 そうした場合に、どうやってタイトル画像を横幅をピッタリ合わせているのでしょうか? もしかして携帯機種を判別して横幅が違う画像を用意しているのでしょうか? また、試しに横幅240pixelの画像を作って自分の携帯で表示させてみたら微妙に横幅が縮小されてしまいました。どうやら240pixelいっぱいには表示できないようです。これはなぜでしょうか?

  • HTMLでウエブサイトの横幅について

    ウェブデザインに詳しい方、アドバイスお願いします。 HTMLでウェブサイトの横幅について教えてください 何年か前に短期のウェブデザイン講習に通い、基本的なことを教わりました。 その際、ウェブサイトを作るときの基本的な考え方として、いろんなモニターサイズで見ている人がいるので、横幅は800pxで作るのがいいと教えられました。 質問1 たとえば現在、いろんなウェブサイトを見ていると、横幅が800pxで作られているとは思えないサイトの方が多いように見えます。、現在のウェブデザインの最前線の現場では、横幅についてはどのように考えられているのでしょうか。教えてください。 質問2 たまにですが、とてもまともな企業のウェブサイトが、左に寄って表示されているケースを何件か見かけました。講習では、モニターの左右のセンターに表示されるようにコードを書くように指導されましたが、まともな企業のウェブサイトが左寄りに表示されているのを見ると、何か世間の事情が変わり始めたのかと不思議に思ってしまいます。どういうことなのか、教えてください。 よろしくお願いします

  • 携帯サイトでコンボボックスの横幅指定

    htmlで携帯サイトを構築中です。 コンボボックスを表示するとその横幅がリストの文字列の長さにより変化します。 1画面中の複数のコンボボックスの横幅を固定したいのですが、携帯サイトでも可能でしょうか? PCサイトなら <select style="width=30%"> で可能なのですが、携帯サイトではこの設定は認識されませんでした。 cssを使う・使わないどちらでも構いませんので教えて下さい。 携帯キャリアはdocomo、au、softbankには対応したいです。

  • 携帯サイトの画像サイズ

    携帯サイトを初めて作成することになりました。 画像を掲載したいのですが、現在の標準としては、 横幅最大何ピクセルぐらいにしておけばよいのでしょう? ネットでいろいろ調べてみたところ、 「横幅96ピクセルくらいまで」と書いてあったものを 見つけましたが、かなり古い情報らしく、 96ピクセルだと、私の携帯(SoftBank 905SH)では ずいぶん小さく表示されています。 かなり古い機種はちょっと無視するとして、 だいたい現在の標準は横幅どのぐらいを目安にすればよいのでしょう? どなたか教えてください。

  • 携帯サイトの画像横幅サイズについて

    QVGAの携帯サイト作成時の質問です。 最近の携帯だとスクロールが出るため、W240pixelの画像を使用すると横につぶされてしまいます。機種によって見え方が違っており、細かく見ないとつぶれたように見えない機種もありました。(文字や人の顔写真でないと見分けがつかないと思います) 他のサイトを見る限り、横幅いっぱいのサイズで作成しているようですが、実際のところどうなのでしょうか? 回避策があれば教えてください。よろしくお願い致します。

  • 携帯で携帯サイトを閲覧すると、なぜかPCサイトが表示されます。

    携帯で携帯サイトを閲覧すると、なぜかPCサイトが表示されます。 お世話なります。素人ですので説明にいたらない点が多々あると思いますが、どうか宜しくお願いします。 タイトルが分かりずらくてすみません。どういったことかといいますと、携帯から直接アドレスをひくと自分の携帯サイトが表示されるのに、auのEZwebのau oneトップから自分の携帯サイトを検索し表示させますと、なぜか、自分のPCサイトに飛んでしまいます。 なぜでしょうか? 以下の記述のindex.phpで同じドメインで携帯へ飛ばしています。 <?php /////////////////////////////////////////▼初期処理▼ //http://から始まるURLを指定 $docomo = "http://www.abc.com/m/index.html"; //ドコモの場合 $au = "http://www.abc.com/m/index.html"; //auの場合 $softbank = "http://www.abc.com/m/index.html"; //ソフトバンクの場合 $msie = "http://www.abc.com/index.html"; //IEの場合 $Netscape = "http://www.abc.com/index.html"; //Netscapeの場合 $opera = "http://www.abc.com/index.html"; //Operaの場合 $firefox = "http://www.abc.com/index.html"; //Firefoxの場合 $pc = "http://www.abc.com/index.html"; //上記機種以外 /////////////////////////////////////////▲初期処理終端▲ /////////////////////////////////////////▼携帯判別▼ if(isset($_SERVER['HTTP_USER_AGENT'])){ $user_agent = $_SERVER['HTTP_USER_AGENT']; if(eregi("DoCoMo",$user_agent)){header("Location: $docomo");} elseif(eregi("UP\.Browser",$user_agent)){header("Location: $au");} elseif(eregi("J-PHONE",$user_agent)){header("Location: $softbank");} elseif(eregi("Vodafone",$user_agent)){header("Location: $softbank");} elseif(eregi("SoftBank",$user_agent)){header("Location: $softbank");} elseif(eregi("J-EMULATOR",$user_agent)){header("Location: $softbank");} elseif(eregi("MSIE",$user_agent)){header("Location: $msie");} elseif(eregi("Netscape",$user_agent)){header("Location: $netscape");} elseif(eregi("Opera",$user_agent)){header("Location: $opera");} elseif(eregi("Firefox",$user_agent)){header("Location: $firefox");} else{header("Location: $pc");} }else{ print <<<END <html><body> HTTP_USER_AGENT Error<br /><br /> ユーザーエージェントが読み込めませんでした。<br /> </body></html> END; } /////////////////////////////////////////▲携帯判別終端▲ ?> あと、なぜかindex.phpよりindex.htmlを先によんでしまうようなので、.htaccessで以下のように記述してindex.phpを先に読ませています。 DirectoryIndex index.php index.html 宜しくお願いします。

    • ベストアンサー
    • PHP

専門家に質問してみよう