WordPress でブログをやっていると画像のリサイズは必須ですよね。写真など多めに使うサイトですと、アイキャッチ画像やギャラリー画像をその度に制作しなければなりません。何回もやって慣れているので簡単かもしれませんが、もっと簡単に作業しましょう。
画像処理ソフトというと Photoshop が定番ですが、他にも Affinity Photo のマクロ機能を使っても同様な事が出来ます。一度設定しておけば、再現出来ますので是非チャレンジして下さい。そんな難しい手順ではありませんのでご活用下さい。
Photoshop はよく使います。しかし同じサイズの画像を使う機会は少ないので、アクション機能はたまにしか使いませんが、WordPress 記事投稿でアイキャッチ画像やギャラリー画像を頻繁に作成するので、覚えておくと手間が激減します。
Photoshop アクション機能 お役立ち
Adobe Photoshop で手順を説明して行きます。
①先ずアイキャッチ用の画像を用意しました。
・幅3648pixel 高さ2736pixel 解像度72pixel です。
上書き保存されますので、複製の画像で作業することをお勧めします。
これを例として 幅768pixel 高さ512pixel 解像度72pixel にリサイズします。
②アクション機能の設定をします。
アクション→4本棒のマークをクイックすると→新規アクションが現れます。クイックします。②を選択すると新規アクションが現れます。
新規アクションの登録で作業を自動化させます。
新規アクションの登録です。わかり易い名前をつけて登録します。ここでは「アイキャッチ 768」にしています。768は画像の横幅を表しています。
アイキャッチ 768が登録されました。
①の画像を呼び込みます。
・手順を決めて置きます。
手順が決まったら、赤い●を押すと次の作業から記録が始まります。
手順１ 画像調整
トーンカーブ・色彩など明暗が必要な場合は調整して「OK」ボタンを押します。続けて、記録されて行きます。
手順２ 解像度
リサイズ・画像解像度を調整します。
リサイズは幅768pixelに、解像度72pixelにします。「OK」ボタンを押します。
手順３ 保存
保存します。
上書き保存で問題ない時は保存の後停止ボタンを押して下さい。
やり直しも記録されてしまいますので、注意して下さい。
手順４ 記録設定完了
保存が終わったら、これで「アイキャッチ 768」は次回から一連の操作が自動化されます。
手順５ 次回の使い方
次の作業をする場合、アクションの「アイキャッチ 768」をアクティブにして選択します。
下段にある►スタートボタンを押すと手順１～３が実行されます。
手順３を終えれば完成です。
アクション記録
下の画像左のように記録された操作が表示されています。
右の画像は次回のアクションのスタート再開位置です。
③保存が終わったら、処理した画像をもう一度読み込みます。
リサイズで幅768pixelにしましたが、アイキャッチ画像ですと当サイトでは縦512pixelです。
幅768pixel 高さ512pixel 解像度72pixel に設定してあるのですが、イメージ→解像度で見ると、幅768pixel は合っているのですが高さが512pixel になっていない場合があります。これは元画像の記録画素数に依ります。
デジカメの標準サイズですと良いのですが縦のサイズが大きかった場合は長方形選択ツールを使って切り抜き作業をします。
高さ512pixel になるよう上下を切り抜きます。縦横比を固定のマークを外すと数値を入れることはできますが、画像が変形してしまいますので、長方形選択ツールを使って調整します。何故横幅で指定したかと言うと、横幅を切り落とすと縦幅もまた調整しなくてはならないからです。
この間繰り返し切り抜きしたり、やり直したりすると思いますが、納得いくまでは上書き保存しないで下さい。Jpeg なので保存を繰り返すと画像が劣化します。保存しなければ「編集→取り消し」で元に戻ります。
次にまた同じアイキャッチを作る場合、画像を読み込み上の右画像の「アイキャッチ 768」を選択してスタートボタンを押せば、瞬時に出来上がります。