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

※以前ご紹介しました「Page Ruler」が使用できなくなったため、代替の拡張機能をご紹介するために2020.05.20に記事を更新しました。

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

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

Page Ruler Reduxの導入方法

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

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

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

Page Ruler Reduxの使用方法

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

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

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

おわりに

Page Ruler Reduxはいかがだったでしょうか?

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

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

\あわせて読みたい/