Web Service

画像を右クリックから簡単にサイズやパス、容量などを確認できるChrome拡張機能「Image Properties Context Menu」

Web制作をしている時にプレビュー画面から手軽に画像サイズやパス(URL)などの詳細を確認できたら便利ですよね。そんな時にChromeの拡張機能「Image Properties Context Menu」をインストールすれば、右クリックから簡単に画像情報を確認することができます。これでいちいちソースを確認しなくてもいいので作業効率も上がりそうですね。以下使い方です。

[ads_center]

使い方

まずはChromeのウェブストアから「Image Properties Context Menu」をインストールします。

これで、詳細を知りたい画像の上で右クリックすると「Image Properties」という項目が追加されるようになるので、それをクリックすると画像情報を見ることができます。

Image Properties Context Menu 使い方01

こんな感じで画像上で右クリックから「Image Properties」をクリックすると。

Image Properties Context Menu 使い方02

このように画像情報を簡単に確認することができます。これは便利ですね!

また、右側にある虫眼鏡のアイコンにカーソルを合わせると画像をズームできるスライダーが表示されます。

Image Properties Context Menu 使い方03

これを左右に調整することで拡大したり縮小することができます。こちらも便利な機能ですね。

Image Properties Context Menu 使い方04

ということで、画像サイズはもちろん、パスや容量までサクッと確認することができるのでオススメです。

関連記事

  1. TodaysList

    Web Service

    シンプルで美しいToDoリスト「TodaysList」

    とてもシンプルで美しいToDoリストを発見したのでご紹介します。「To…

  2. Web Service

    サクっと簡単にクールなロゴを作成することができる「GraphicSprings」

    こういうサイトのおかげで誰でも簡単にプロが作ったようなロゴを作成するこ…

  3. HatebuReader

    Web Service

    はてブのタグを登録していつでも手軽にその最新記事をチェックできるiPhoneアプリ「HatebuRe…

    とても便利なiPhoneアプリがあったのでご紹介します。はてブで自分が…

  4. Web Service

    マウスを動かすことで自分の好きな色を見つけることができる「Piknik Color Picker」

    とてもお洒落でシンプルなカラーピッカー「Piknik Color Pi…

  5. Web Service

    コピペチェックツールに最適!テキスト比較でどこが違うか発見できる「difff《デュフフ》」

    これはコピペチェックツールとして最適ですね。2つの文章を比較してどこが…

  6. CSS Color Chart

    Web Service

    CSSのカラーネーム、HEX、RGBを1クリックでコピーできるカラーチャート「CSS Color C…

    CSS Color Chartがとても便利だったのでご紹介します。とて…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP