賢威でアイキャッチ画像の表示が切れる。原因と対処方法とは?
アイキャッチ画像は記事の内容をイメージさせる
画像を付けることで訪問者の記事への興味を高めて
他の記事を見にいってサイト回遊率を上げることに役立ちます。
しかし、
画像によっては上下が切れて表示されてしまうケースがあり、
見栄えが悪くなってしまうケースがあります。
その原因と対策方法を今回は紹介していきます。
賢威でアイキャッチ画像が切れる時の対処方法とは?
アイキャッチ画像が切れる原因は
『画像サイズの縦横の比率が適切で無い』
という事が原因です。
具体的には横長にする必要があり、
13(横):10(縦)
の比率で横長の画像を作る必要があり、
画像が縦長だったり、正方形だったりすると
上下が切れてしまい、横長すぎると
設定サイズに対して小さい表示なります。
(切れるよりは良いので若干横長がおすすめです。)
フォトショップで横長の画像を作成する方法
横長の画像を作成する方法は様々ありますが、
今回はフォトショップCS2でのさくせ方法を紹介します。
上部のメニューボタンより
『イメージ』⇒『カンバスサイズ』と進み
で背景(カンバスサイズ)の幅を広げ、
背景色に合ったカンバスカラーにします。
この作業によって画像を横に広げて
アイキャッチ画像に収まるような
画像を作成することができます。
アイキャッチ画像を切れること無く表示させて
訪問者に記事の魅力をしっかりと伝えていきましょう。