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

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

レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い方前のページ

テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」次のページ

関連記事

  1. Web Service

    話題のiPhoneのTODO管理アプリ「Clear」を使ってみた

    いくつかの記事で話題になっていたTODO管理アプリのClearがいつの…

  2. ツイッターへの画像・動画の載せ方

    Web Service

    ツイッターへの画像・動画の載せ方(添付方法)について

    ツイッターでつぶやくときに、ただ文章のみをつぶやくだけではなく画像や動…

  3. Web Service

    iPhoneアプリのRead it LaterがPocketにリニューアルしたので使ってみたらヤバか…

    ふと、iPhoneを弄っていたらアップデートできるアプリがあったのでし…

  4. Web Service

    ノイズを入れた画像を作ることができる「NoisePNG」の使い方

    ノイズを入れた画像を作ることができる「NoisePNG」を使ってみまし…

  5. Web Service

    Mac版Pocketがリリースされたのでさっそく使ってみた!

    あとで読むサービスのPocketがMacのアプリでついに登場していたの…

  6. Web Service

    送信と受信ができて60分だけ使用可能な使い捨てメールアドレス「GuerrillaMail.com」

    ちょっと便利そうだったのでメモしときます。送信と受信ができて60分だけ…

コメント

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

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

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP