ChromeでWEB上の画像サイズなどを測る簡単な方法

ブログのカスタマイズやブログデザインを考えている時に、WEB上の画像サイズを知りたい時ってありませんか?画像のサイズに限らず、サイドバーの幅やヘッダーのサイズなどを測りたい事があるんじゃないでしょうか?

そんな時に便利な機能がChromeの拡張機能であるPage Rulerです。

Page Rulerの導入方法

  1. Page Rulerのページを開きます
  2. 「Chromeに追加」をクリックします

  3. 「拡張機能を追加」を選択します

  4. 必要であれば「同期を有効にする」をクリックしてください
     良く分からない方は右上の「×」をクリックしてウインドウを閉じます

  5. Chromeのウインドウ右上にPage Rulerのマークが表示されます

Page Rulerの使用方法

  1. サイズを測りたい場面で、PageRulerをクリックします

  2. 測りたい部分をドラッグ&ドロップで囲むと上記(赤枠部分)にサイズが表示されます

  3. 終了する際はPageRulerのマークをクリックすればOKです

おわりに

PageRulerはいかがだったでしょうか?

Chromeを利用しているのであれば、拡張機能でパパっと便利な機能が利用できるので良いですよね♪
ブログ運営をしている時はもちろんですが、様々な場面でなにかと便利なWeb上のサイズ測定機能は入れておいて損は無いはずです!

是非、有効活用してくださいね!!