トピックのカバー画像は700x400で作れば荒れない！

どうも、「ものづくり」「参加型企画・イベント」「イラスト・お絵かき」トピックを作ったアカネです(・ω・)ノ

トピックのアイコンとカバーを作らないといけないな〜と思っているんですが……はて。 推奨サイズはいくつなのよ？ てなわけで、ちょっと検証してみました。

結論から言うと、

700x400px か、その倍数（1400x800とか）で作れば綺麗に表示されます。

根拠が気になる方は続きをどうぞ！
　　↓↓↓

まず既存のトピックのカバーがどうなってるのか気になったので、「名所・風景」トピックにお邪魔しました。

きれいな写真ですねー☺️
さてデベロッパーツールで、解析解析〜！

ん？ 画像サイズ 700x287pxしかないの？

写真素材がそんな小さいサイズとは、ちょっと考えにくいですよね。
圧縮されてるのかな？🤔

ためしに 1600x900px の画像作って「ものづくり」に貼ってみました。

やっぱり！
アップロードした画像は、横700pxに圧縮されることがわかりました。

……縦長の画像使ったらどうなるのかな🤔

あばばば（￣□￣；　ナシ！これはナシ！！

めっちゃ横長のパターンも一応やってみたんですけども、

画面いっぱいに広げることはできました。
けれども画像自体は700pxに圧縮されちゃうし、表示サイズ（縦幅）は画像サイズの影響受けないようなので、画像圧縮＋拡大表示でジャギジャギになってしまいます。

↓画像が荒れちゃう例はこちら。ぼやぼやしてるでしょ？
（元の画像は 1500x500px です）

で、縦幅いくつで表示されるのか？と言いますと、

↓このように、表示される縦幅は常に400px でした（画面が小さいと狭くなります）

ここまでの検証結果をまとめると、

つまり、

700x400px の画像を使えば荒れない！！

カバー画像を設定予定のトピック主さん、
画像は 700x400px かその倍数のサイズで作成すると、綺麗に表示されますよ！

お互いにトピック運営がんばりましょう(・ω・)ノ

※サイトの仕様変更でレイアウトが変わると、推奨サイズも変わるかもしれません。この記事は2021年7月5日に書きました。

※カバー画像を削除できなさそうだったので、現状「ものづくり」トピックのカバーがタコになってます。そのうちアイコンと一緒に差し替えます！

閲覧ありがとうございました！

アカネが投稿した記事に 1,000JPYC以上を投げ銭してくださった方、コメントでリクエストいただければなんか頑張って描きます👍 （金額に応じて、らくがきレベルから徐々にアカネの本気度が上がっていきます）

お気軽にどうぞ(・ω・)ノ