2017-01-25

コード上で画像プレビューしてくれる Sublime Text 3 用パッケージ Hover Image Preview

劇的に作業効率が上がるパッケージではないかもしれないですが、面白そうなパッケージだったので紹介がてらメモ。
ソースコード内にある画像ファイル名にホバーすると、画像プレビューが表示される Sublime Text 3 用のパッケージです。

Hover Image Preview – Packages – Package Control

インストール〜使いかた

Package Control の Install Package で hover と入力すると Hover Image Preview が候補に出てくるので、これをインストール。

Hover Image Preview インストール

インストール後、画像ファイル名にホバーすると、このようにプレビュー表示されるようになります。

ホバー時のプレビュー表示

サンプル画像は大川さん。
「一家に一冊」とアピールする著者|フリー写真素材・無料ダウンロード-ぱくたそ

プレビュー画面に収まらない場合には、プレビュー画面にカーソルを持っていくと、画面内でスクロールできます。

プレビュー表示内でのスクロール

注意点

このパッケージが動作するのは開いているプロジェクト(フォルダー)内の画像の相対パスのみで、絶対パスの画像は表示されません(バージョン0.0.3)。
Issues に絶対パスでの表示対応しそうな雰囲気が出ていますが、どうなることやら。

また、パスが間違っていた場合、最も近い場所にある同名ファイルを探して表示するようなので、パスが合っているかどうかの確認には使えません。