- ベストアンサー
携帯サイトで画像がつぶれる
お世話になります。 携帯サイトを制作しているのですが 画像を端末（新しいものでも）でチェックすると つぶれてしまっています。 ＰＣではきれいに見えますが ドットで起こしてもつぶれてしまいます。 横幅240pxには収めているのですが、 携帯サイト用の画像で ＰＣ上で見るのに近く綺麗に見せるには どうしたらいいでしょうか・・・
- tantankobayashi
- お礼率63% (98/155)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
もしかしたら携帯のスクロールバーのせいで240pxより画面が小さくなるため、縮小され汚く見えるのかもしれませんよ! 背景画増に指定したりするなど、直接イメージを横幅いっぱいに表示しなければ防げると思いますが・・。
関連するQ&A
- 携帯用サイトの画像の大きさについて
携帯用サイトを運営しております。 一応、３キャリア対応ですがｉモードに合わせています。 しかし、サイトを作った時がかなり前なので、画像はgifとjpeg(他キャリア用にpngも有)で横幅120px、5キロbyte以内、サイトに貼り込まず画像は全てリンクさせています。 最近の端末(FOMA)で画像を見ると悲しい程小さいので、画像の大きさを変えたいと思っています。 しかし、端末によって内臓ブラウザの液晶画面領域、特に横幅が違うのでどのあたりに合わせればいいか迷っています。 どれ位を指標とすれば良いかご存知の方 または、このような内容について詳しく書かれているサイトをご存知でしたら是非教えて下さい。 よろしくお願いします。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- 携帯サイトの画像にテキストを入れる場合
お世話になります。 携帯サイトを作成しています。PC版はよく作るのですが、携帯サイトはあまり詳しくなく困っていることがあります。 横幅を100%に設定した場合のメニューなどのタイトルによく使われる画像についてなんですが、機種によってそこに入れた文字が綺麗に表示されないものがあります。 アンチエイリアスをかけてもかけなくてもそうなってしまう機種があるのですが、縦横○○pxでフォントサイズ○pxならば全て大丈夫みたいなのがあれば教えてください。 最初は横幅200pxほどでセンター表示も考えたのですが、100%にした時に綺麗に見える方法があればそちらを使用したいと思っています。 詳しい方宜しくお願します。
- ベストアンサー
- その他([技術者向] コンピューター)
- 携帯ホームページで横480の画像を表示させるには
携帯ホームページで横480の画像を表示させるには 私は携帯でイラストサイトを運営しています。 今までは横幅230pxの画像のみを展示していたのですが、大画面の携帯に買い換えた祭、そのサイズだと画像が小さくてモザイクがかかっている様に表示されます。 他の創作サイト様を拝見させていただいていると、たまに横幅480px(VGA？)サイズの画像を見かけるのですが、このサイズだととてもキレイに画像が表示されます。 そこで我がサイトでも横幅480pxの画像を230pxのものとは別に展示したいと思ったのですが、自分の携帯のデータフォルダ内では表示されるのに、webに上げると表示されなくなってしまいます。 横幅480pxの画像を携帯サイトで表示させるには、何か特別な手順を踏まなければいけないのでしょうか。 どなたか回答おねがいします。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- 携帯サイトで画像を貼っているのですがその画像が携帯で綺麗に見えません
携帯サイトで画像を貼っているのですがその画像が携帯で綺麗に見えません。どうすれば画像が綺麗に見えるようになるのでしょう。一応携帯サイト制作王ってソフト使っています。別に画像処理ソフトが必要なのでしょうか？誰か詳しい方お願いします
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- スマフォサイト制作での画像幅の拡大縮小について
２枚の画像バナーを横に並べたいのですが、 端末画面の横幅を想定して画像を作成してしまうと、 横に回転して閲覧した際小さく表示されてしまいます。 これを拡大させて表示させたいです。 文章が分かりづらいので画像を添付しました。 あくまで例なのですが、 480×854のスマフォ端末を想定した場合、 画像バナー（各リンク設定あり）を225pxの横幅で表示し、 バナーの上下左右に10pxの余白を残したい時。 これを横回転した際（854×480）、 横幅225pxで固定して作成しまうと、 バナーが小さく表示されてしまいます。 これを、横回転した時にも拡大されるようにしたいのです。 端末によっては480px以上に横幅の広い画面もあるかと思うので… 縦幅がその分広がっても構いません。 横１枚画像を置きたいのであれば、 width:100%;で対応可能かと思うのですが、 画像バナーそれぞれにリンクを設置したいので 別箇要素を設けたいです。 考え方としては、paddingの幅を固定にして、 画像を端末によってブロック要素の横幅100％まで拡大できるように できれば理想なのですが… スマートフォンサイト制作で詳しい方、 何か策がございましたら、ご教授いただけますと幸いです。 よろしくお願いいたします。
- 締切済み
- CSS
- 基本的な携帯サイトの作成について
携帯のサイト制作は2年ぶり位なの状況も変わっているだろうと思い 色々調べましたが、逆に情報が多すぎて整理に困り、 質問させいただくことにしました。 ●絵文字等は使用せず、テキストと画像、リンク程度のシンプルな構成で （文字の色、区切り線の幅・背景色くらいです） CSS、JavaScript、Flash等も使用しません。 ●全キャリア共通で問題なく見られるようにしたいと思います。 ・PCサイト制作の基本的な知識はあると思います （W3Cに基づきXHTML 1.0 Transitionalで記述しています） ・Macのテキストエディタで作成します ------------------------------------------------------------------ 質問内容： （1）記述言語は何が適切でしょうか？（できましたらDOCTYPE宣言等も） （2）画像は形式は何が適切でしょうか？ （3）画像の横幅サイズは何pxが適切でしょうか？ （4）Macで各キャリアでの表示確認ができる方法はありますか？ （5）制作上での注意点や、おすすめの参考サイトがありましたら教えてください。 ------------------------------------------------------------------ 最近の携帯サイト制作に詳しい方に助言いただきたく 宜しくお願いいたします。
- ベストアンサー
- HTML
- 携帯サイトの横幅について。
携帯サイトを作成する際の横幅で悩んでいます。 自分が使用しているFOMAの最近の機種は240px表示が主流ですが、AU、Softbankの最近の機種は何px表示が主流なのでしょうか？ 今まで、あまり他機種ユーザーの事を考えずに、TOPに横幅240pxのタイトル画像等を置いていたのですが、「もしかしたら他機種ユーザーの方にはキチンと見えていないのでは？」と思い、デザインをし直そうと考えているところです。 お解りになる方がいらっしゃったら、教えていただければと思います。
- ベストアンサー
- HTML
- 携帯画面の横幅ピッタリの画像って？
携帯電話のサイトを作っているのですが、参考にいろいろと携帯サイトを見てまわっていると、たまにタイトル画像が携帯画面の横幅いっぱいのものを使っているサイトがあります。 私の携帯は240x320pixelなのでこのサイトの画像は横幅が240pixelなのだと思うのですが、携帯画面の大きさは携帯機種によっていろいろあると思います。 そうした場合に、どうやってタイトル画像を横幅をピッタリ合わせているのでしょうか？ もしかして携帯機種を判別して横幅が違う画像を用意しているのでしょうか？ また、試しに横幅240pixelの画像を作って自分の携帯で表示させてみたら微妙に横幅が縮小されてしまいました。どうやら240pixelいっぱいには表示できないようです。これはなぜでしょうか？
- 締切済み
- HTML
- スマートフォンで大きな画像を端末に合わせて表示
スマートフォンサイトを制作しているのですが、大きな画像を端末に合わせて（自動的に）横幅いっぱいに表示したいと思っています。 どのような方法があるのでしょうか？
- ベストアンサー
- CSS
- 携帯サイトの画像サイズ
携帯サイトを初めて作成することになりました。 画像を掲載したいのですが、現在の標準としては、 横幅最大何ピクセルぐらいにしておけばよいのでしょう？ ネットでいろいろ調べてみたところ、 「横幅96ピクセルくらいまで」と書いてあったものを 見つけましたが、かなり古い情報らしく、 96ピクセルだと、私の携帯（SoftBank 905SH)では ずいぶん小さく表示されています。 かなり古い機種はちょっと無視するとして、 だいたい現在の標準は横幅どのぐらいを目安にすればよいのでしょう？ どなたか教えてください。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
