ネット上で画像サイズが確認できないデータを測定する場合の対処方法

トラブルの起きやすいユーザー

中小企業のPC担当者・新人webデザイナー

状況

自社HP上に新しい画像を入れ込む予定があり、これまで空白だったエリアに対するサイズを求められた。

chrome上で標準装備されていない画像サイズ確認機能を追加する方法では
既に画像がある所からサイズを測っていたため、このような状況に対応できなかった。

環境

windows10
chrome

解決方法

chromeの拡張機能「Page Ruler」を使用する。

解決までの手順

1.Page Ruler」のページに移動し、インストールする。

・ページは下記URL
https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme

2.chromeの検索窓の右側に下記アイコンが表示されるようになるので、押す。


3.画面の表示が下記画面のように変更される。


4.サイズを測りたい所でドラッグ&ドロップをする。

5.各数値が示す内容は下記の通り。

・選択した範囲に関する項目

Width:幅(横)
Height:高さ(縦)

・選択した範囲のブラウザ表示位置に関する項目(全てブラウザ左上からの数値)

Left:選択した範囲の左側面から、ブラウザ左端までの距離
Top:選択した範囲の上部から、ブラウザの上端までの距離
Right:選択した範囲の右側面から、ブラウザ左端までの距離
Bottom:選択した範囲の下部から、ブラウザの上端までの距離

コメント

タイトルとURLをコピーしました