「スキ」のリアクション画像を設定してみる①画像のサイズ【note20日目】

こんにちは。
見切り発車初心者の毎日更新note、20日目です。
時にはつぶやきで済ませてサボりつつ、ついに20日目！

今ものすごく飽きが来ているのでここが最大の山です。
ちゃんと月末まで続くかな！？

続かなくたって何のペナルティもなければ困りもしないので、すべては私のやる気次第です。
ここにきてやはり、最初に目的とか、どうしたいかとかの方向性はきっちり決めておいたほうがいいなと思いました。

でも今更手遅れなので、このままダラダラやりま～す！

今日は表題の「スキ」のリアクション画像設定について。

せっかく押して頂いているのにデフォルトのままじゃ味気ないから、はやく設定しなきゃ！と言い続けて、20日目まで放置しておりました。
今日はスキのリアクション画像の設定について、色々調べつつやっていきたいと思います！

どんな画像を用意すればいい？

まず「スキ」のお礼画像を設定するにあたって、疑問に思ったのが画像の仕様。
既に手元にある写真やイラストを流用するならともかく、今から何か用意しようと思ったとき、推奨サイズなどがわからないとどうにもなりませんよね。

note公式のヘルプセンターによると・・・

・・・おわかりでしょうか。推奨サイズはない。

「今日の夕飯何食べたい？」
「なんでもいいよ」

その回答が一番困る～～～！！！
いっそ指定しておいてくれた方が迷わないのですが！？

い、いくら推奨サイズがないって言ってもなんかあるでしょう？
せめて縦長とか横長とかさあ・・・
こうなってくると、それじゃあ何が最適なのかを検証したくなり、気になって夜も眠れないので、サイズの違いが見え方にどう影響するのか、自分のリアクション欄で試してみました。

画像比率による見え方の違いの検証

テスト画像は、画像規格だとか比率にあまり詳しいわけではないので適当に設定しました。
試したのは「正方形」「A4縦」「A4横」「note見出しと同じサイズ」の4種類です。このあたりが個人的によく使うサイズ。

この4種を設定し、「スキ」を押します。
出てきた吹き出しのスクリーンショットを撮り、アバウトにトリミングしました。誤差めっちゃある。

環境はPCのブラウザから試しています。端末やアプリなどの違いによっても見え方が違うかもしれませんが、その辺はご容赦ください。

1.正方形

2.A4縦

3.A4横

4.note見出しサイズ

どうでしょう？推奨サイズはないといいつつ、パッと見た感じ、結構違いませんか？

縦長の画像は向いていない

そもそも元画像のフォントサイズがバラバラだとか色々突っ込みどころもあるのですが、やってみて間違いなく向いてないなと思ったものが1枚あります。それはA4縦の画像。

試した結果を見る限り、リアクションの吹き出しって、左にアイコン、下部に設定したリアクションテキストが表示されるスペースがあり、画像の表示スペースは若干横長のようなのですよね。

吹き出しは画像やテキスト量に合わせて多少は伸縮しますが、ある一定の高さ・幅以上にはならない。だから正方形くらいまではまだいいのですが、縦長の画像になってくると、横長の画像表示スペースに合わせて縦幅が縮小されてしまう。

その結果、横長画像より縦長画像の方が小さく見えてしまうんですね。

今回は試しませんでしたが、極端に横長の画像でも、おそらく縮小され似たようなことになるのではないでしょうか。

意外といいなと思ったのは、noteでよく使う見出し画像のサイズ。
普段見出しを自作している方なら、見出し用にサイズを切った写真やイラストに、お礼の文字をのせるだけでもいい感じに見えるのではないでしょうか？

正確な仕様は開発者様じゃないとわかりませんが、これでどうにか、リアクション画像を作るための手掛かりを得ました！

しかしここで力尽きたので、なんと！実際に設定するのは後日に持ち越します。まさに本末転倒。
ほら、長いと書く方も読む方も疲れるから・・・ごにょごにょ。
明日以降の私のやる気に乞うご期待。

ではまた別の記事で！

今日試したこと・わかったこと

・スキのリアクションで使用できる画像はJPG、PNG、GIF（アニメーション可）
・GIFアニメを設定する場合、長いと終わる前に吹き出しが消えてしまう可能性がある（たぶん5秒くらい）
・容量は10MBまで
・画像の推奨サイズは無いが、縦長だと縮小率が高くなる