MeasureIt! | Chromeアプリ100

詳細・使い方

「MeasureIt!」はWebページ上で自由にピクセル数を測れるChrome拡張機能。ドラッグ操作だけであらゆるものの高さと幅を知ることが出来る、Webデザインに使える便利ツールです☆

プラグインをインストールすると、定規のアイコンが♪
どんなページを表示している時でも使えるので、まずは参考にしたいWebページを探しましょう。


測りたいWebページを表示した状態でアイコンをクリック。すると画面全体が少し白くなります。


白くなった状態で、測りたい場所をドラッグすれば、クリックした場所を始点としてボックスとピクセル数が出現。ドラッグを離すとそこで固定されます。


Webページ内で次のクリックをした時点でボックスは消えてしまうので、参考にしたいサイズはメモしておくのがオススメです。

薄く細い線で構成されたようなWebページのレイアウトは正確なサイズを測りにくいですが、大体の参考にはなるはず。0ピクセルから表示が始まるので、小さなアイコンやコンテンツ同士の幅など、狭いサイズまで計測可能です☆


このWebデザインかっこいい！参考にしたい！と思ったらすかさずこの拡張機能で測れば、レイアウトの参考に。また自分で制作しているサイトも「ここのサイズなんだっけ…」という時にページのソースから拾わずともすぐに分かります。
Webデザインをしている人は是非お試しを！