- 締切済み
携帯画面の横幅ピッタリの画像って？
携帯電話のサイトを作っているのですが、参考にいろいろと携帯サイトを見てまわっていると、たまにタイトル画像が携帯画面の横幅いっぱいのものを使っているサイトがあります。 私の携帯は240x320pixelなのでこのサイトの画像は横幅が240pixelなのだと思うのですが、携帯画面の大きさは携帯機種によっていろいろあると思います。 そうした場合に、どうやってタイトル画像を横幅をピッタリ合わせているのでしょうか？ もしかして携帯機種を判別して横幅が違う画像を用意しているのでしょうか？ また、試しに横幅240pixelの画像を作って自分の携帯で表示させてみたら微妙に横幅が縮小されてしまいました。どうやら240pixelいっぱいには表示できないようです。これはなぜでしょうか？
- suffre
- お礼率76% (2013/2633)
- HTML
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
#1です。 参考URLはブラウザの種類によって見えないようですね。 色々なブラウザで試してみてください。 ワタシが試したところIEならOK、その他(Firefox,Opera,Safari)ではNGでした。(全てWindows版)
- goldfox
- ベストアンサー率49% (123/249)
imgで配置する画像なら、横幅を％指定すれば、表示領域の大きさに合わせて画像の大きさも変わります。 （100%でぴったりになるかは分かりませんが） <img src="画像アドレス" width="100%" alt="タイトル">
お礼
たしかにそれはできますね。ただし、画像がゆがみますが・・・。
- rusya
- ベストアンサー率51% (73/143)
＞試しに横幅240pixelの画像を作って自分の携帯で表示させてみたら微妙に横幅が縮小されてしまいました。 該当ページに、スタイルシートでmargin:0px;を指定してもダメですか？
お礼
ありがとうございます。cssは対応していない機種が多いので今回は使わない方向でいきたいと思います。
- steel_gray
- ベストアンサー率66% (1052/1578)
機種に合わせて、大きさ（及びファイル形式）の違う画像を用意したり、動的に作り出す事を行っているサイトもありますね。 http://www.marguerite.jp/Nihongo/HowToMakeYourWeb/Mobile/Image.html 微妙に縮小される件についてはわかりません。
お礼
ありがとうございます。動的にやらないとダメかもですね。 URLは開けませんでした（携帯で開くのですか…？）
関連するQ&A
- 携帯サイトの画像横幅サイズについて
QVGAの携帯サイト作成時の質問です。 最近の携帯だとスクロールが出るため、W240pixelの画像を使用すると横につぶされてしまいます。機種によって見え方が違っており、細かく見ないとつぶれたように見えない機種もありました。（文字や人の顔写真でないと見分けがつかないと思います） 他のサイトを見る限り、横幅いっぱいのサイズで作成しているようですが、実際のところどうなのでしょうか？ 回避策があれば教えてください。よろしくお願い致します。
- 締切済み
- HTML
- 携帯サイトの画像サイズ
携帯サイトを初めて作成することになりました。 画像を掲載したいのですが、現在の標準としては、 横幅最大何ピクセルぐらいにしておけばよいのでしょう？ ネットでいろいろ調べてみたところ、 「横幅96ピクセルくらいまで」と書いてあったものを 見つけましたが、かなり古い情報らしく、 96ピクセルだと、私の携帯（SoftBank 905SH)では ずいぶん小さく表示されています。 かなり古い機種はちょっと無視するとして、 だいたい現在の標準は横幅どのぐらいを目安にすればよいのでしょう？ どなたか教えてください。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- 携帯サイトで画像を表示する場合・・・・・・
サイトによっては画面サイズの横幅いっぱいに画像が表示されていますが、 これはどうやればいいのでしょうか？？？ 携帯サイトの場合機種・キャリアによって画面のサイズも違うので、いつも画像を小さめにして、どんな大きさの画面でも見えるようにしています。 出来れば画面いっぱいに画像を表示したいのです。 画面サイズに関係なく、いっぱいいっぱいに表示することは可能でしょうか？ 可能な場合、特別なＨＴＭＬタグなどがあるのでしょうか？ どうか教えてください、宜しくお願いします。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- 携帯サイトの横幅について。
携帯サイトを作成する際の横幅で悩んでいます。 自分が使用しているFOMAの最近の機種は240px表示が主流ですが、AU、Softbankの最近の機種は何px表示が主流なのでしょうか？ 今まで、あまり他機種ユーザーの事を考えずに、TOPに横幅240pxのタイトル画像等を置いていたのですが、「もしかしたら他機種ユーザーの方にはキチンと見えていないのでは？」と思い、デザインをし直そうと考えているところです。 お解りになる方がいらっしゃったら、教えていただければと思います。
- ベストアンサー
- HTML
- WEBフルスクリーンや横幅いっぱいにするときの画素
こんにちは。 知識をお持ちの方、教えてください。 よくWEBサイトで画面いっぱいの写真や横幅いっぱいの写真を見ることがあるのですが、 こちらの画像は、最低何ピクセルで作っているのですか？ あまり小さな画像だと画像が荒れて見えたりしますか？ よろしくお願いいたします。
- 締切済み
- 画像・動画・音楽編集
- 携帯サイト作成で画面が小さいと画像がくずれる。
質問させて頂きます。 私携帯サイトをつくりはじめていまして、 サイトのタイトルのところを画像にしようと思い、 どの機種でも対応できそうなJPEG画像を配置しているのですが、 携帯で実際に確認してみた所 画面の大きい携帯ではタイトル画像はきれいに写っているのですが、 画面の小さい携帯ではタイトル画像がくずれて写ってしまいます。 しかし他のHPとかだと大きい画面の携帯でも小さい画面の携帯でもきれいに写っています。 こういう風にどの携帯でもタイトル画像をきれいに写すためには どうやったらいいのでしょうか／
- ベストアンサー
- その他（インターネット・Webサービス）
- 画面を拡大すると横幅が切れる
<style type="text/css"> *{ margin:0; padding:0; color:#ffffff; } #global_nav_bg{ background:url(img/nav_area.gif) repeat-x 0 0; } #global_area{ background:url(img/nav_bg.gif) no-repeat top center; } #global_nav{ width:880px; margin:0 auto; } </style> </head> <body> <div id="global_nav_bg"> <div id="global_area"> <ul id="global_nav"> <li>aaa<br />aaaa<br />aaa</li> </ul> </div> </div> </body> </html> 画面を縮小してもきちんと指定通り表示されるのですが、 画面を拡大すると横幅が880ピクセルの所で右端が切れてしまいます。 縮小画像を添付いたしました。 拡大すると一番外の背景に指定した赤い画像が表示されません。 [注意点] ・#navのwidthは外しません。 ・背景は画像です。 拡大しても同じように、指定通り表示されるためにはどうすれば良いでしょうか？ ご教授願います。
- ベストアンサー
- HTML
- 最近のiモード携帯の画像表示能力
DocomoとAUに対応した携帯対応のホームページを運営しているのですが、Docomoの携帯が身近にないため試せないので教えてください。 私がホームページを作った頃はiモードの画像表示はかなり貧弱で、120ピクセル程度の大きさまでしか表示できなかったように思います。 最近はQVGAクラスの画面になったので、もっと大きい画像も表示できると思うのですが、現在の標準的なiモード端末の画像表示機能はどれくらいなんでしょうか？ また、AUの場合は端末からピクセル数や色数などの表示性能を送ってくるのでそれに合わせて出力できましたが、昔のiモードはそれがありませんでした。 機種名を取得すれば判別できなくはありませんが、毎月のように機種が増えるので、あまりやりたくありません。AUのように画像表示性能を通知する機能は、まだないのでしょうか？ iモードの画像表示について、資料となるようなサイトがありましたら、合わせて教えていただけると助かります。 よろしくお願いします。
- ベストアンサー
- HTML
- 携帯サイトの画像にテキストを入れる場合
お世話になります。 携帯サイトを作成しています。PC版はよく作るのですが、携帯サイトはあまり詳しくなく困っていることがあります。 横幅を100%に設定した場合のメニューなどのタイトルによく使われる画像についてなんですが、機種によってそこに入れた文字が綺麗に表示されないものがあります。 アンチエイリアスをかけてもかけなくてもそうなってしまう機種があるのですが、縦横○○pxでフォントサイズ○pxならば全て大丈夫みたいなのがあれば教えてください。 最初は横幅200pxほどでセンター表示も考えたのですが、100%にした時に綺麗に見える方法があればそちらを使用したいと思っています。 詳しい方宜しくお願します。
- ベストアンサー
- その他([技術者向] コンピューター)
- 携帯ホームページで横480の画像を表示させるには
携帯ホームページで横480の画像を表示させるには 私は携帯でイラストサイトを運営しています。 今までは横幅230pxの画像のみを展示していたのですが、大画面の携帯に買い換えた祭、そのサイズだと画像が小さくてモザイクがかかっている様に表示されます。 他の創作サイト様を拝見させていただいていると、たまに横幅480px(VGA？)サイズの画像を見かけるのですが、このサイズだととてもキレイに画像が表示されます。 そこで我がサイトでも横幅480pxの画像を230pxのものとは別に展示したいと思ったのですが、自分の携帯のデータフォルダ内では表示されるのに、webに上げると表示されなくなってしまいます。 横幅480pxの画像を携帯サイトで表示させるには、何か特別な手順を踏まなければいけないのでしょうか。 どなたか回答おねがいします。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
お礼
あれ・・・IEでダメでした。