AFFINGER6のサムネイル(アイキャッチ)完全攻略ガイド：アフィンガー６

2023年12月28日 2024年2月17日

これからAFFINGERのアイキャッチやサムネイルを設定する人へ。

サムネイルやアイキャッチの設定は関連する設定がとても多く全て繋がっています。部分部分で設定しても特に問題はありませんがその場合、表示がおかしくなったり、無駄な容量を食ったりとどこかでちょっとおかしな箇所が出てきます！できれば一から順に設定したいところです。

そこでここではサムネイルやアイキャッチに関連する記事を設定順にまとめました！この順にやっていけばサムネイルやアイキャッチがきれいに設定できるようになっています！

ちょっと長いですがサムネイルやアイキャッチの設定をきちんとやってみたい人はぜひ挑戦してみてください！

準備：サムネイル(アイキャッチ)の役割を知る！

まずはこの記事から読んでください！サムネイル(アイキャッチ)の基礎知識をまとめています。

サムネイルは表示される場所ごとに形状やサイズが異なります。それら全てに対応するにはどうすればいいか？答えは「全ての場所に合う最大公約数的なアイキャッチを作る」です。そうすることで画像１枚でどんな形状やサイズにも対応することができます！

次の章ではそんな「万能なアイキャッチ」の作り方を紹介します！

それでは作業に入ります！

まずはどこで表示されてもきれいに表示される最大公約数的なアイキャッチを作ります！以下これを「万能アイキャッチ」と呼ぶことにします。

他の表示場所の設定を行っていきます。

Twitterを使う人はOGP画像の形を設定します。正方形コースの人はカードサイズ：小を選択。長方形コースの人はカードサイズ：大を選択してください。

Googleアドセンスのインフィード広告を使う人は広告の縦横比を設定します。正方形コースの人は１：１、長方形コースの人は1.91：１に設定してください。