アイキャッチ画像の表示を調整する方法

アイキャッチ画像とは、ブログの投稿一覧や施術事例の表示パーツで表示される画像のことです。

アイキャッチ画像の表示を調整する方法を解説します。

アイキャッチ画像の縦横比は、縦1:横2です。

縦長の写真はアイキャッチ画像が適切に表示されません。

お使いの画像編集ツールがない方に向けて、2つの便利なツールとその使い方を紹介いたします。

①Wordpressの画像編集機能

wordpressの画像編集機能を使う方法を解説します。

投稿ページより、下図の赤枠のアイキャッチ画像をクリックしてください。

下図の赤枠「画像の編集」をクリックします。

下図の赤枠「トリミング」をクリックしてください。

「トリミング」をクリックすると、下図のように画像のサイズを調整する枠が出てきます。

調整を行い、再度「トリミング」をクリックします。(アイキャッチ画像は横長の表示ですので、横長に調整いただくと綺麗に表示されます)

編集が終わりましたら、下図の「保存」をクリックしてください。

 

②画像編集ツール「Croppola」

Croppolaという画像編集ツールを紹介します。
このツールは、横:縦比率を調整し、ピクセルの確認をすることができます。
※このツールはパソコン専用です。

まず、Croppolaを開いてください。

①画像の挿入

真ん中の枠をクリックして画像を選択するか、画像をドロップダウンしてください。

 

②画像のピクセルの確認

画像を挿入すると下の画像のように横:縦のピクセルが表示されます。

挿入した画像のピクセルを確認することができます。

③横:縦の比率を固定する

画像のサイズを調整していきます。

下の画像の手順で、まず推奨の横:縦の比率で固定します。

入力すると、左側の画像にある白枠の横:縦比率が固定されます。

③切り取る場所の調整

白枠が切り取る範囲です。
下図のように、切り取る場所を調整します。

図の①と②の操作を行い、推奨ピクセル以上の値で切り取ってください。

推奨ピクセル以下になると画質が悪くなるので注意してください。

④ダウンロードする

切り取る枠が決まりましたら、ダウンロードボタンを押してください。

調整した画像のダウンロードが完了です。

記事を更新していただき、ホームページをご確認ください。

アイキャッチ画像の表示の調整方法の解説は、以上となります。