僕のブログのテーマはサルワカさんの「SANGO」というテーマを使っています。
(この記事は備忘録と新しくSANGOを使う方向けのメモです。)
アイキャッチ画像のサイズを気にせずに設定するとサムネイル表示の時PCではすべて表示されるけどスマホで見ると切れてしまったりぼやけてしまったりします。
どうすればいいのかというと
「サイズを気にしてください!!」
SANGOの適切なアイキャッチサイズは
680px×390pxです
基本的にこのサイズを覚えておけば画像がぼやけたり小さすぎたりすることはありません。
次にスマホでの表示が切れてしまう場合
SANGOの記事表示タイプは2つあります。
1つ目がカードタイプの表示
2つ目が横型タイプの表示
です。
まずカードタイプのサムネイルはほぼすべてアイキャッチがサムネイルとして表示されます。
多分、サムネイルが切れてしまうのは横型タイプだとおもいます。
すこし横の部分が切れている。
これは自動的に正方形にカットされる仕様なので真ん中の390px×390pxの枠の中に必要な情報を収めるようにしてアイキャッチ作成をしてください。
これでアイキャッチ画像の適切なサイズとサムネイル画像の問題は解決できます。