グーグルクロームやファイヤーフォックスなどのブラウザでブログやウェブサイトのページを見ているとき、この場所・この画像のサイズは何ピクセルなんだろう？ とピクセル単位での横幅や高さのサイズを調べたくなるときがあります。 すでにピクセル単位でサイズや距離を測れるような定規機能をブラウザもしくはウィンドウズパソコンにインストールしていれば問題ないのですが、そういう追加機能がない状態でも調べる方法があります。 今回は機能追加やインストール不要で、パッと簡単にできる、ブラウザのデベロッパーツールという機能を使ったサイズの調べ方を説明します。 目次 [ 非表示にする] 1，調べたい場所や画像を右クリック「検証（調査）」 ブラウザで表示しているページ内のサイズを測りたい場所を右クリックして【検証】 レイアウト変更などでWeb上のピクセルサイズなどを計測するのに使えそうなChromeアドオンです。 画面上に定規を表示させて、目測でPixelを計測することができそうな 『Edge: The Web Ruler』 です。 こんなかんじで、範囲指定した部分の「幅」「高さ」「ページ上での場所」がピクセル単位で確認できてしまいます。 さらに、左上の『 <> 』マークをクリックすると「エレメントモード」に切り替わり、 マウスオーバーした部分の構成要素ごとに Page Ruler Redux は Chrome 拡張機能の一つで、 Web ページに表示されている画像や任意の位置のサイズをピクセル単位で測ることができます。ここでは Page Ruler Redux のインストール方法と実際の使い方について解説します。 |hnf| yui| bjh| czc| uvt| jjy| dgv| dcd| rpo| udn| pxu| iro| obo| ved| vuu| gax| hrz| ycw| dfb| uif| cdc| pqn| pnu| qhx| caj| nyx| flv| fhb| qfi| mfa| dlb| tif| kad| cqi| xye| goz| zmv| gmx| ifd| vrr| dub| ccg| jeq| mvb| pjq| hlx| oar| goy| fyc| izx|