clusterイベントサムネイル作成についての備忘録
※この記事は、FANBOXにて 2024年10月7日 18:30 に全体公開した内容と同一です。
FANBOX内の記事整理のため、アーカイブとしてWordPressにも再投稿しています。
現在と仕様が変わっている部分は多々あると思いますが、参考になれば幸いです。
🔥clusterのイベントやります🔥
🌟2024年10月18日21:00~clusterにて
🌟カラオケ好きが集まってみんなでカラオケしようというイベントです!
-1-1024x576.png)
やるからには人がいっぱい来たら楽しいなぁ……
人の目に付くようにするためにはやっぱりサムネイルにこだわることからでしょ!
ということで、clusterのサムネイルについてちょっとだけ研究したので、備忘録を残しておきます。
忘れっぽいので、これを残しておくと後々自分が助かるのです。
🎤CHiHAYA
——————————————————————-
※以下の内容は2024/10/07現在の仕様です
🐱基本的な事🐱
・サイズに決まりは無いが、16:9(1920*1080Px)の画像が推奨されている
・イベントページから設定する
・一度設定しても差し替え可能
🐱各端末での見え方🐱
※画面の設定やお手持ちの端末によって変わる可能性があります。





🐱まとめ🐱
・左上には「開催中」や日時などが入る場合があるよ
・右下にはいいねボタンの♡が入る場合があるよ
・媒体によっては画像の下の方が暗くなるよ
・媒体によってサイズは異なるけど、角が丸く処理されるよ
・イベントをXにポストすると上下がカットされるよ
個人的にはこれを、
左上・右下には重要情報は入れない!
目立たせたい文章は画像の一番下には入れない!
と解釈しました。
ちなみに、「サムネイルで表示される場合、画像の左上と右上は半径48pxの角Rで切り取られます」とヘルプセンターの記事には書いてありましたが……
Cluster公式サイト内「イベントを作成する」
元画像が、1920*1080Pxの場合は、最大で170Px程度の角Rが入っている気がします
ホット欄の上部左右が切り取られている部分が最大だと思われるので、上記の参考画像を確認して、角部分には重要な情報を入れないようにしましょう
おそらく運営側が基準にしてる画像サイズから、48px角Rが入るということでしょうか(システム的な所はよくわからない……)
🐱それを踏まえて🐱
冒頭でもご紹介しましたが、作成したサムネをここでもう一度
-1-1-1024x576.png)
イベント前までに細かく変更が入ると思いますが、
色々検証した結果こんな形に落ち着きました
気を付けたポイントとしては、
左上右下には重要情報は記載しないようにする!
どの媒体でも読みやすい文字にする!
初見の人でもどんなイベントかわかるようにする!
ただし、情報を入れ過ぎてごちゃごちゃしないようにする!
大まかには以上です
🐱ちょっと惜しい点🐱
右下のハートが入るスペースは、ただ開けておくのももったい無いので、
他の方のサムネイルと差別化するためにちょっとした遊び心を入れておきました
各端末でハートはあったり無かったりするので、どうしようか迷った挙句この形に
この♡が目に留まった方に「いいね押してね」の小さな文字がギリギリ読めるくらいでいいかなぁ……と思ったので、あえて文字は小さめに
ハートが表示される端末ではちょっとだけ目を引きますし、
ハートが表示されてない端末でもちょっとだけアピールできるかな、と。
ただ、こちら、ハートの位置がスマホと公式サイトで微妙に変わるんですよね……
ホット画面の場合の♡の位置は大きく違うので、そこでもズレますね……

もう少し工夫が必要そうです。
