FANBOXのヘッダーってOGP画像の比率（1：1.9）で作ったほうが望ましいかも
FANBOXのヘッダーは、1620×580px（1：2.7）で作ることを推奨されています。しかし、このサイズジャストで作ると、Twitterでシェアされたときに大事な部分がトリミングされることがあります。OGP画像の比率1：1.9で作った場合は1620×850pxとなり、FANBOXヘッダー用の画像が丸々中に入れられるので、Twitterでシェアされる際のトリミング対策になってくれます。
構造
FANBOXのヘッダーは画像のセンター基準でトリミングされます。
実際の表示
FANBOXの表示では1：2.7の比率にトリミングされていますが、画像はフルサイズのものが残っていてTwitterでシェアしても大丈夫。
FANBOXヘッダーのジャストサイズで作ると
Twitterでシェアされるとき、OGP画像の縦幅を満たすように拡大されるため左右が切り取られてしまいます。作例の場合顔が切れてしまう…
まとめ
- FANBOXのヘッダーは画像のセンター基準でトリミングされる
- 画像をFANBOXヘッダーサイズジャストで作っていた場合は、Twitterでシェアされるとき、OGP比率の縦幅の方に合わせて拡大されるので、左右が切り取られてしまう
- OGP比率の画像内にFANBOXヘッダーサイズが収まるように作るとどっちのサイトでもちゃんと見える
- FANBOXの表示はトリミングされているが、画像はフルサイズのものが残っているのでTwitterでシェアしても平気
テンプレートPSD
Photoshop（SAI、CLIP STUDIO PAINT）で開けるPSDファイルです。
ドキュメント全面に画像を置いて、かつ大事な部分が「FANBOXクリエイターページのヘッダーに出る部分」のグレー領域に収まるようにすれば、望ましいヘッダー画像が作れます。
レイヤー構造
よそいちのFANBOX
この記事でも紹介しています私のFANBOXページです。下記3つのプランでお送りしています。もしサイト内で気にいった絵がありましたら、検討いただければ幸いです。
- 早期公開のアーリィプラン（100円/月）
- 販売作品公開のレギュラープラン（334円/月）
- 上記に加え名入りイラストもプラスしたプレミアムプラン（501円/月）
https://varghhhhhhhhhhh.fanbox.cc/
広告
こちらもいかが
関連する作品はありません
コメント
はじめましてコメント失礼します
FANBOXのヘッダーの比率で悩んでいたので参考になりました
ありがとうございました
コメントありがとうございます。参考になれば幸いですm(_ _)m