ブラウザでWebページの画像を見る方法とは?

このQ&Aのポイント
  • ブラウザでWebページの画像を見る方法について知りたいです。特に、画像のサイズを指定せずに貼り付けた場合、画像の表示がどのようになるのか知りたいです。
  • また、画像の表示を常にオリジナルサイズにする設定があるのかも教えて欲しいです。
  • 私はMacとWinを使っていますが、この画像の表示に違いがあるのでしょうか?また、一般的なWinユーザーは画像の表示をどのように設定しているのかも知りたいです。
回答を見る
  • ベストアンサー

ブラウザで、Webページの画像を見るとき

Win XP ブラウザは、IE を使っています。 ページ作成者が、画像サイズを指定せずに貼り付けている場合、 (画像が、大きい場合です) 画像のサイズが、勝手に、ウィンドウのサイズに縮められてしまうのですが、 この時、ポインタを画像上に置くと、右下に「オリジナルサイズで表示する」とゆうアイコンが出ますが、 いちいちその設定をしなくても、常にオリジナルサイズで表示するには、どのような設定をすればよいでしょうか? 私は、MacとWinを併用しており、 ほとんどがMacを使っているので、、、 Macの場合は、<width= height= >の指定がない画像は、オリジナルサイズで表示します。 ちなみに、 一般的なWinユーザーは、サイズ指定のない画像は、 ウインドウにフィットするように表示させているのでしょうか? ウェブサイトの運営もしているので、この部分、学んでおこうと思います。 たまに面倒だと、サイズ指定せずに貼り付けますので、、、

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

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

ツール→インターネットオプション→詳細設定→マルチメディア→イメージを自動的にサイズ変更する のチェックを外してみてください。

関連するQ&A

  • 画像のwidth heightを同じ比率で縮めたい

    外部参照している画像があります。 RSSでその画像のurl width heightを取得し、 画面に表示しています。 ただ、widthが表示している画面を越えてしまう事があるので、 超えた場合は、width heightを同じ比率で縮めて収まるようにしたいです。 画面に表示できる最大サイズは590です。 取得できた画像は、width 640 height 480です。 width⇒590にした場合、heightは何になるのでしょうか。。 また、これを求めた計算式を教えて頂けないでしょうか。

  • 画像を全体の200%の倍率で表示したい場合

    <IMG SRC="http://www.○○.jpg" WIDTH=200 HEIGHT=200> のように画像のサイズを設定していますが 縦=数値 横=数値 ではなく、画像を全体の200%の倍率で表示したい場合は どうソースを書けばいいのでしょうか? WIDTH=200 HEIGHT=200 これだと200%以上に大きくなってしまいます。

    • ベストアンサー
    • HTML
  • 画像表示

    cssで画像(width: 1920px; height: 1200px;)の表示範囲を指定して その表示範囲を指定した画像を  height: 150px;  width: 100%;(ブラウザの横幅) の大きさでで表示されるにはどうすればいいのでしょうか?

    • ベストアンサー
    • CSS
  • 画像の表示範囲

    cssで画像(width: 1920px; height: 1200px;)の表示範囲を指定して その表示範囲を指定した画像を  height: 150px;  width: 100%; の大きさでで表示されるにはどうすればいいのでしょうか?

    • ベストアンサー
    • CSS
  • 同じページで画像をリサイズする方法を教えてください。

    お忙しい中お読み頂きありがとうございます。 javascriptで、その場でアップロードした画像を リサイズして表示するスクリプトを作っているのですが、 どうしても解決できない問題があります。 【問題】 最初に画像をアップロードした時の画像サイズが、 もう一度アップロードした時に反映されてしまうのです。 (あるいは最初の画像サイズが指定したサイズにならない) onChangeで読み込んでいるのが原因かも知れませんが、 どんなに調べても対処法がわかりません。 ページ更新などせずに、繰り返しアップロードしても、 うまく画像がリサイズする方法を是非教えてください。 【追記】 また、もしお分かりでしたら、 リサイズ方法やコード記述が正しいのかも教えて頂けると大変嬉しいです。 (若干綺麗にリサイズされな場合があるので) 以下コードになります。どうか宜しくお願いします。 <script type="text/javascript"><!-- function dispImage(sSrc) { document.p1.src = sSrc; document.p1.height; document.p1.width; if(document.p1.width > '150'){ document.p1.height = (document.p1.height / document.p1.width) * '150'; document.p1.width; } } // --></script> <INPUT type="file" onChange="dispImage(this.value);"><BR> <IMG name="p1">

  • 画像リンクを別ウインドウでサイズ指定で開くように

    <a href="http大きいサイズの画像" onclick="javascript:window.open('1.html','win1','width=400,height=550');return false;"><IMG SRC="http小さいサイズの画像.jpg" width=60,height=60></a> 小さなサイズの画像をクリックすると、別ウインドウで大きな画像が開くタグを作りたいのですが、 その際に大きいサイズの画像を400×550サイズでぴったりと開くようにしたいのです。 上記のタグでは、別ウインドウでは開くのですがサイズは変わりません… Javascriptを使わないといけないのでしょうか? その辺のことが全くわからないので どなたかわかりやすく添削してもらえないでしょうか。

  • 画像の縮小について

    htmlでサイズの大きな画像を貼り付けるのに、等倍で縮小したいんですが、簡単にできるタグって有りますか? 例えば、2000×1000ピクセルを半分にしたい場合、普通はwidth="1000" height="500"にすると思うんですが、これを一括で%で指定する方法ってないでしょうか。 width="50%"でやってみたんですが変な形につぶれてしまったので… 違うのかな、と。 ヘタな説明で分かりにくいかと思いますが、教えてください。

  • マウスオンしても矢印が手のひらになりません!

    area shapeのリンクの上にjava scriptで別ウィンドウに開く指定をしてます。その上にマウスを載せると手のひらになりません。 DWでコーディングをして画像に直接リンクを貼るしか出来ないデザインなのでarea shapeを使っています。 その上から開く一つのボタンが別ウィンドウでしかも画面サイズも指定しないといけないものなので java scriptでそのようになるようにしています。 するとマウスがオンした際に矢印が手のひらになりません>< area shapeの中にstyle="cursor:pointer"を貼ったのでMacでは手のひらになります。 ですがWindowsではなりません・・・・ MacではむしろならなくてもいいのでWindowsでの解決方法を教えて頂けたら幸いです。 よろしくお願い致します!! 記載している事は以下です。 <area shape="circle" coords="247,103,73" onClick="wopen3()" style="cursor:pointer"> <!-- function wopen3(){ win=window.open("pv.html","pv","width=330,height=290"); win.moveTo(100,100); }

    • ベストアンサー
    • Mac
  • IE6で表示画像サイズが微妙に大きくなってしまいます

    WindowsXP、IE6.0を使用しています。 ブラウザ上の表示だけ、画像のサイズが微妙に大きくなります。 例えば、200×100のGIF画像を表示させると(もちろんwidth、height属性で指定)すると、250×125の画像として表示されます。見え方はブラウザ上で無理矢理サイズを変更したように、画像も荒くなります。JPEGでも同じような現象が起こります。 NN7.1では起こりません。あとFLASHは大丈夫なようです。 どなたか解消方法を教えてください。 よろしくお願いいたします。

  • ブログの画像サイズ大きくしたい

    記事の記述方式を[HTML]と選択している場合、こちらのソースをご利用いただくことで記事の中に画像を 配置することができます。と云うことですが 640×480の画像を表示させたいのですが下記のソースでは300×225のサムネイル画像が表示されます、当然ですが <div class="msg-pict"> <img src="http://******.asablo.jp/blog/img/2017/08/03/49a580.jpg" alt="" title="" width="300" height="225"></div> width="300" height="225"の数値をwidth="640" height="480"に変えるとサイズは640×480になりますが拡大されるだけです。 元画像サイズ640×480にするHTML記述を教えていただけないでしょうか。

    • ベストアンサー
    • HTML

専門家に質問してみよう