Internet Explorer 8 の開発者ツール

Internet Explorer 8 で画像のサイズをすべて表示する

最終更新日:2009/10/16

HTML ソースで画像を表示する <img> タグでは、属性 width(幅)と height(高さ)を書いておくのが良いとされています。画像のサイズを知るには、その画像を右クリックして「プロパティ」をクリックして確認する方法が一般的です。

プロパティ

しかし、この方法では画像を1つ1つ右クリックして確認していかなければならないので、画像が多い場合にはとても面倒です。そこで、Internet Explorer 8 では、開発者ツールの機能を使うことで表示している画像のサイズを一度に確認する方法があります。

まず、F12 キーを押して開発者ツールを起動します。

開発者ツール

開発者ツールのメニューバーで、「イメージ」−「イメージの大きさを表示する」をクリックします。

イメージの大きさを表示する

すると、各画像の左上にサイズが幅、高さの順に表示されるようになります。

画像のサイズ


<サイト内関連URL>

  • ウィンドウのサイズを変更する
  • テーブルやDIV要素のレイアウトを表示する
  • ソースを表示するエディタを変更したい