[PR] 大手アパレルECサイトが導入する月額1万円〜ファイル数無制限の画像軽量化ツール「LightFile」

画像の解像度を、exiftoolで確認しよう!X Resolution、Y Resolutionが解像度を示す

画像の解像度、Macのプレビュー.appだと実は表示してくれません。あまり気にすることもないかもしれませんが、必要な場合は困ってしまうもの。以前から利用しているexiftoolを使えば、Macでも解像度を確認することができます。コマンドでの操作ですが、難しくないのでぜひやってみましょう。

※【訂正】Macでも解像度確認できました!画像をプレビュー.appで開き、Command+i でパネルが表示されます。

コマンド

exiftoolの一番簡単な使い方は、コマンドとファイルを指定するだけです。これですべてのexif情報を確認することができます。

exiftool /path/to/hoge.jpg

実際に解像度が288dpiのJPGをみてみましょう。

$ exiftool /path/to/hoge.jpg
ExifTool Version Number         : 10.55
File Name                       : hoge.jpg
Directory                       : /path/to
File Size                       : 179 kB
File Modification Date/Time     : 2018:06:20 10:14:15+09:00
File Access Date/Time           : 2018:06:20 11:36:19+09:00
File Inode Change Date/Time     : 2018:06:20 10:14:16+09:00
File Permissions                : rw-r--r--
File Type                       : JPEG
File Type Extension             : jpg
MIME Type                       : image/jpeg
Exif Byte Order                 : Big-endian (Motorola, MM)
Orientation                     : Horizontal (normal)
X Resolution                    : 288
Y Resolution                    : 288
Resolution Unit                 : inches
Software                        : Adobe Photoshop CC (Macintosh)
Modify Date                     : 2018:06:20 10:14:11
Color Space                     : Uncalibrated
Exif Image Width                : 600
Exif Image Height               : 300
Compression                     : JPEG (old-style)

長いので途中までの結果ですが、X Resolutionと、Y Resolutionに記載されているものが解像度になります。

次に、72dpiのJPGを見てみましょう。

$ exiftool /path/to/fuga.jpg 
ExifTool Version Number         : 10.55
File Name                       : fuga.jpg
Directory                       : /path/to
File Size                       : 180 kB
File Modification Date/Time     : 2018:06:20 10:14:45+09:00
File Access Date/Time           : 2018:06:20 11:43:06+09:00
File Inode Change Date/Time     : 2018:06:20 10:14:46+09:00
File Permissions                : rw-r--r--
File Type                       : JPEG
File Type Extension             : jpg
MIME Type                       : image/jpeg
Exif Byte Order                 : Big-endian (Motorola, MM)
Orientation                     : Horizontal (normal)
X Resolution                    : 72
Y Resolution                    : 72
Resolution Unit                 : inches
Software                        : Adobe Photoshop CC (Macintosh)

X ResolutionとY Resolutionが72になっているのがわかります。このように、exif情報を確認する場合は、exiftoolを利用すると非常に簡単に情報を手に入れることができます。

最後に

いかがでしたでしょうか。Adobe Photoshopなどの画像処理系のアプリを持っている場合は、解像度の確認だけならそれらでも可能です。新規で画像を開き、解像度の部分で確認しましょう。

exiftoolのインストールなどは、こちらの記事からご確認ください!

前へ前へ

Retinaディスプレイに合わせるには、解像度はいくつがいい?画像最適化するなら解像度も理解しよう!

次へ次へ

実録Lighthouseのスコア改善〜Accessibility編