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

    現在のブラウザサイズをリアルタイムで教えてくれる「What’s My Browser S…

    かなりシンプルでよさげなWebサービスがあったのでご紹介します。現在の…

  2. Web Service

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

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

  3. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  4. Hex Preview

    Web Service

    カラーコード(HEX値)を入力して色のプレビューを確認できる「Hex Preview」

    Hex Previewという便利なサービスを発見したのでメモがてらご紹…

  5. Web Service

    Chromeで手軽に電卓を使いたい時に便利な拡張機能「Calculator」

    Chromeでネットを閲覧中にちょっとした計算をしたいといった時がある…

  6. Web Service

    サイトのアイコン(ファビコン)を作成できるエディタ「X-Icon Editor」

    サイトのアイコン(ファビコン)を簡単に作成できるエディタ「X-Icon…

コメント

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP