Chromeのブラウザ上で選択（ドラッグ）した範囲の横幅・縦幅のサイズを
ピクセルで表示させることができるアドオン「MeasureIt!」をご紹介します。
WEBサイトのデザインやコーディングをしていると画像や要素のサイズがどのくらいなのか調べたい時があります。
ブラウザに表示されている画像などの大体のサイズを計測したい時に「MeasureIt!」を使用すると
範囲を選択するだけで縦・横のサイズがピクセルで表示されるのでとても便利です。
サイト制作の作業効率も上がると思います。
下記にChromeの拡張機能「MeasureIt!」を追加し、使用した時の方法をメモします。
■ 「MeasureIt!」の使用方法
1.下記URLにアクセスします。
2.「+ 無料」ボタンをクリックし、「MeasureIt!」をChromeに追加します。
3.メッセージボックスが表示されるので、「追加」をクリックします。
4.追加するとヘッダーメニューに「MeasureIt!」のアイコンが表示されます。
5.アイコンをクリックすると選択できる状態になるので、測りたい箇所をドラッグします。
ドラッグすると右側に選択した範囲の縦幅・横幅のサイズが表示されます。
再度、アイコンをクリックすれば通常の画面に戻ります。
アイコンをクリックしドラックするだけで、ピクセル単位でサイズを簡単に計測できるのでオススメなアドオンです。
「ここのサイズどのくらいだろう？」
みたいな感じでざっくりと測りたい時に活用できると思います。
参考サイトを調べたりする場合なども便利ですね。
