Webサイトの画像サイズや位置を測れるツール「Page Ruler Redux」

「Page Ruler Redux」はWebサイトで表示されている画像のサイズや任意の位置を測ることができるChromeの拡張機能です。

Page Ruler Reduxの追加方法

ブラウザの拡張機能になります。以下のURLからブラウザに機能を追加できます。
Chrome(Page Ruler Redux)

Page Ruler Reduxの使い方

Page Ruler Reduxをブラウザに追加できましたら、ブラウザの右上にあるアイコンをクリックします。

ページ上部にバーが表示されます。
測定したい箇所をドラッグするとバーの中にサイズや位置の情報が反映されます。

画像やバナーなどのサイズを直接測定したい場合はバーの左にあるオレンジの「< >」アイコンをクリックします。

画像をクリックすることで測定することができます。

この記事を書いた人
Yoshida

株式会社グロウニッチの制作を担当している吉田です。Web制作に関する記事やちょっと気になったものを紹介します。

関連記事

ウェブサイト上などにある色のコードを抽出するにはChrome拡張機能の「ColorPick Eyedropper」がおすすめです。 「ColorPick Eyedropper」の使い方 ColorPick Eyedropperに……

Google GeminiとGoogleドキュメントの連携は、ビジネス現場における情報整理や業務プロセスの効率化を大幅に推進します。Business StarterからBusiness Standard以上のプランへアップグレードすることで……

Webサイトを見ている時に、サイトカラーや画像の中で使用されているカラーなど、気になる色のコードを取得できるのが「Colorzilla」です。 Colorzillaの追加方法 ブラウザの拡張機能になります。以下のURLからブラウ……

キャッシュデータは読み込みをサポートしてくれる機能ではあるものの、データが溜まっていくとパソコンの動作が遅くなりがちです。毎回、ブラウザの設定画面からキャッシュを削除しにいくのも面倒ですよね。もっと簡単にキャッシュを削除したい!そんな時に役……

AI ChatGPT Chrome Firefox flaticon GA4 Gmail Google Google Analytics Google Analytics 4 GoogleDocuments Google Gemini Google Hangouts Meet Google Meet GoogleWorkspace Google アナリティクス Googleカレンダー Googleスプレッドシート Googleドキュメント Googleフォーム Gsuite G Suite Hangouts Hangouts Meet LINE LINE公式アカウント Meet NotebookLM PCブラウザ QRコード Stripe WEB webサービス Webマーケティング Word Wordpress youtube ごあいさつ ご挨拶 アクセス解析 アンケート アンケートフォーム アンケート作成 オンラインマーケティング カラーコード カラーピッカー クレジットカード クレジットカード決済 グーグルワークスペース グーテンベルク コンソール サーバー ストライプ スペース セキュリティ テレワーク デザイン デジタルワークショップ ハングアウトMeet パスワード ビデオミーティング ビデオミーティングツール ビデオ会議 ビデオ会議ツール フォント ブラウザ ブログ ブロック マーケティング メール ユニバーサルアナリティクス ライン ライン公式アカウント リモートワーク レンタルサーバー ワードプレス 予約スケジュール 休業補償 会議ツール 便利機能 助成金 効率化 原稿 原稿作成 在ユニバーサル アナリティクス 在宅勤務 埋め込み 妊娠中 小技 投稿画面 拡張機能 新エディター 東京都 決済 無料 生成AI 管理画面 素材 著作権 集客

アーカイブ