【備忘録】Blueskyのヘッダー画像をいい感じに調整した～い♥の巻
Added 2024-02-08 03:18:54 +0000 UTC取り急ぎ
要点だけ知りたい方は下の画像をどうぞ。
3行でまとめ
----------
Blueskyの横長ヘッダーは、縦横4:3位の画像をアップすると中央1/3部分がPCのヘッダー表示領域となるのでそれに合わせて画像を作ればいい感じになります。
スマホ等モバイル端末についてはそこから上下が若干飛び出すので調整が必要です。
----------
解説おわり
たぶんこの仕様はいずれ変わると思うので
現時点で(2024/02/08)の対策ということでひとつ…。
要はnoteのヘッダーと同じ仕様っぽいですね。
招待制が廃止されて誰でもアカウントが作れるようになった
Twitter代替SNS「Bluesky(ブルースカイ)」
早速アカウントを作っていじってみたのですがシンプルクリーンでいい感じですね。
ポストは見やすいし割とサクサク動くし、画像閲覧もいい感じ。
公式アプリも用意されているしね。
なにより現時点では広告やらスパムがないのが嬉しい!
(まあいずれ右ペインに広告が掲出されそうですが…。)
我のアカウントはこちら
フォローして♥
ただ1点気になることがありまして…。
それは透過pngのアイコンを投稿しても、透過部分が抜けていないっぽい(?)ことと
ヘッダー画像をアップすると意図しない部分で切り抜かれてしまうことです。
PCもモバイルもかなり横長の画像として表示されるのですが
じゃあ最初から横長の画像を用意すると中央が切り抜かれてしまうんですよね。
ということで推奨サイズを検索で調べてみたのですが、情報が古いのか思いっきり間違ってるというね…。
仕方ないので自分で比率を調べた結果がこちらです。
たぶんnoteとかと同じ仕様(画像1.91:1の中央切り出し)だと思います。
※要はこの画像を見出しにも使う関係でこうなっているんですよね。
適用例
ヘッダー用画像(横1600px 縦1200px)
これをアップすると
こんな感じです。(モバイルは若干上下が伸びて左右が縮まるようです)
こんなの正直気にしない方が大多数だと思うのですが
気にする方は一生気にして一生イライラすると思うので(僕です)
調べといたぜ!
解像度的には横幅1200px～1600px程度で作っとけばいいんじゃないですかね?
これは涙ぐましい調査の跡
ということでおわりで～す♥
良きBlueskyライフを。
