ブログをやっていると、いろいろ測りたくなりますよね・・?

 

  • 画像の幅
  • 本文の幅
  • サイドバーの幅

 

そんな時に便利なChromeの拡張機能『Page Ruler』です。

 

マウスの簡単操作で使えますよ。

 

 

 

『Page Ruler』をインストールする

1.画面右上の【3つのボタン】

2.【その他のツール】

3.【拡張機能】の順にクリック

 

 

【他の拡張機能を見る】をクリック

 

 

検索窓に『Page Ruler』と入力して検索

 

 

【Chromeに追加】をクリック

 

 

【拡張機能を追加】をクリック

 

 

すると右上に  アイコンが出てきます。

 

 

『Page Ruler』の使い方

 アイコンをクリックするとカーソルが『+字』に変わります。

 

測りたい個所の左上に合わせて【マウスの左側】を押して、そのままドラックして離します。

 

(下の画像:クリックで拡大します)

 

 

すると、選択部分が青くなって、上に選択部分のサイズが出てきます。

 

Width(幅)、Height(高さ)、サイト内の位置がわかります。

 

 

まとめ

 

これでピッタリサイズの画像を挿入できますね!

ぜひ使ってみてくださいね。

 

 

 

画像の説明文