アイキャッチ画像のサイズを統一する方法

スポンサーリンク

このサイトを運営しているWりっちゃんです。

Wりっちゃんはいま、複数のブログを運営しています。

どんなブログを運営しているかはこの記事で紹介していますので合わせて確認してください。

そして1年間のリアルな収支報告もこの記事で書きました。

この記事にアクセスされた方は既にサイトを運営しており、アイキャッチのバラバラ感が気になっているのではと思います。

そこを解決する方法を紹介します。

スポンサーリンク

複数記事のアイキャッチのサイズがバラバラで見栄えがわるくなる

どんなサイトでもアイキャッチのサイズは統一されています。

その方が整理されている感じがして、レイアウトもキレイで見やすいですね。

見やすいサイトの方が読者にとってもいいはずです。

アイキャッチのサイズがバラバラだと見づらいサイトになるので、最初にお手軽にそろえる方法をおさえておきましょう。

スポンサーリンク

比率

押さえておくべきポイントは画像そのもののサイズよりも比率です。

もっともちょうどいい比率の一つが16:9です。

それ以外の比率にしてもいいですが、ここではいったん16:9の比率で揃えてみます。

スポンサーリンク

手順

①画像編集

メディアを開き対象の画像を編集します。

webbiz-i-catch

webbiz-i-catch

トリミング比率を設定する

縦横比を16:9に設定します

webbiz-i-catch

切り抜き

指定した比率で画像を切り抜く範囲を指定することができます。

設定した比率を超えての範囲は選択できませんので、MAXまで範囲を広げてみましょう。

webbiz-i-catch

切り抜きをクリックしてから、画像を保存すれば完了です。

これで画像のサイズ自体はバラバラでも比率が統一されます。

比率が統一されていれば各記事に設定するアイキャッチが凸凹になることはありません。

確認しよう

このサイトのトップページです。

画像そのもののサイズは全く異なりますが、比率が同じなのでスッキリ収まってくれてますね。

webbiz-i-catch

凸凹問題でお悩みの場合はぜひお試しください

スポンサーリンク
WordPress
スポンサーリンク
WEBBIZ

コメント

スポンサーリンク