画像ファイル ピクセル数 表示

[av_textblock size=” font_color=” color=”]
ウェブ関連の作業をしていると、使用する画像のサイズを調べたいときがよくあります。

また、様々な条件でファイルを並べ替えたいことがあるのですが、最近まで知らなかった小技があったのでご紹介します。

[/av_textblock]

[av_textblock size=” font_color=” color=”]

[/av_textblock]

[av_heading heading=’画像のピクセル数の表示’ tag=’h3′ style=” size=” subheading_active=” subheading_size=’15’ padding=’10’ color=” custom_font=”][/av_heading]

[av_textblock size=” font_color=” color=”]
ピクセル数の表示方法はいくつかあります。

  1. 表示方法をコンテンツにする
  2. 詳細ウインドウを表示させる
  3. 詳細表示で項目を追加する。

他にもあるかもしれませんが、僕が使っているのは上記の方法です。
[/av_textblock]

[av_heading heading=’表示方法をコンテンツにする’ tag=’h4′ style=” size=” subheading_active=” subheading_size=’15’ padding=’10’ color=” custom_font=”][/av_heading]

[av_textblock size=” font_color=” color=”]
一番簡単な方法です。

さくっと、確認できます。基本はこちらで十分ですね。

2015-06-05_01
[/av_textblock]

[av_heading heading=’詳細ウインドウを表示させる’ tag=’h4′ style=” size=” subheading_active=” subheading_size=’15’ padding=’10’ color=” custom_font=”][/av_heading]

[av_textblock size=” font_color=” color=”]
こちらはより詳細な情報が見れますね!

2015-06-05_02
[/av_textblock]

[av_heading heading=’詳細表示で項目を追加する’ tag=’h4′ style=” size=” subheading_active=” subheading_size=’15’ padding=’10’ color=” custom_font=”][/av_heading]

[av_textblock size=” font_color=” color=”]
最近まで知らなかった方法がこれ。

2015-06-05_03-1 2015-06-05_03-2 2015-06-05_03-3

この方法だと、大きさ以外にも項目を表示でき、並べ替えなども好きな項目で行えますね!
[/av_textblock]

[av_heading heading=’まとめ’ tag=’h4′ style=” size=” subheading_active=” subheading_size=’15’ padding=’10’ color=” custom_font=’#7bb0e7′][/av_heading]

[av_textblock size=” font_color=” color=”]
ちょっとしたことでも、作業の効率は変わるものです。「この方法しかない」と思いこまず、より良い方法を常に探していきたいですね!

最後までお読み頂き、ありがとうございます。

もし役に立ったなーと思われたら、ソーシャルメディアでこの記事を共有してください!
[/av_textblock]

この記事を書いた人

木村 太一

ドットワンの代表です。