【雑記】 FANBOXのトップ画像のトリミングされ具合がひどい件 (Pixiv Fanbox)

こんにちは。みなとです

FANBOXの画像をデフォルトからようやく変更しました。

…という報告だけで済むのなら記事に起こさなかったかもしれないのですが、

満足のいくトップ画像を指定することが非常に面倒なものだったので、

その備忘録も兼ねて記事にします。

前提として、

FANBOXのトップの上に表示されている画像を「カバー画像」と呼ぶようなので、

以下ではこの呼称を使います。

まず、

カバー画像の推奨サイズについてですが

画像のように「1620x580px」が推奨サイズとして指定されていますが、

これが元の画像から全くトリミングされずに使われることはまずありません。

FANBOXでは、

横長の画面でホームをみたとき、以下のようにカバー画像が帯に隠れるように表示されてしまうので、

上下が切り取られるような形で表示されます。

（これは元の画像も表示させているので見えているだけです）

環境次第では200px以上ずつ削られます。

また、画像を指定せず記事をアップロードすると、上のカバー画像がtwitterで利用されますが、

ソースを見る限り

「600x314px」として切り取られたカバー画像が（さらに縮小されて）使用されるので、

元画像と比較すると横幅が長いので、左右が切り取られて表示されます。

およそ137pxずつくらい削られます。

よって、

必ず表示したい要素（団体の名前やキャラクターの顔など）を端から

縦：1/4

横：1/5

より内側の位置に含めていないとそもそも表示されない、

ということが起きるので、それを考慮した画像に加工しましょう。

（FANBOX公式のそれが一番適った画像になってます…）

自分でも分かりづらいのでガイド画像を作りました。

カッチリ正確というわけではないですが、目安としては十分だと思います。

ただ、イラスト投稿サイトの延長線上にあるサイトとして

これ、なんとかならなかったんでしょうか……