スクリーンショット_2019-02-21_21

note新TL 画像表示仕様調査

PC版・スマホブラウザ版 noteTL仕様変更に伴う画像表示仕様の変更点リサーチ(2019.02.21 22:00時点 当方調べ)

基本仕様

・「新TLの先頭記事」に限り、ヘッダー画像が大きめに表示される。アスペクト比については後述。
・「新TLの2番目以降の記事」の画像は、正方形の小さなサムネイルとして表示される。

参考画像

TL先頭記事ヘッダー画像のアスペクト比

画像(イメージノート)
表紙画像が横長にトリミングされ、ヘッダーとして表示される。アスペクト比は約1.91 : 1(facebookのOGP画像に相当する比率)。

テキスト(テキストノート)
画像(イメージノート)と同様、ヘッダー画像をアスペクト比約1.91 : 1で表示。

つぶやき(トークノート)
上記2種と違い、アスペクト比はオリジナル画像から変更はない。横長・縦長問わず、元画像のままの縦横比で表示。

各種記事(テキスト・画像・つぶやき)のTL上の並列表示イメージ

PC版(新TL)

参考:iOSアプリ版(既存TL)

あとがき

この仕様を明らかにすることにどれほどの意味があるのだろうか・そもそもこれは辺境のいちユーザーではなく運営の仕事なのではないか…と思いつつ、新TLについて気になったので、調べてわかったことを(事務的に)情報共有させていただきました。

一連のTEST記事は頃合いをみて削除いたします。ご了承ください。

#note #カイゼン #noteカイゼン報告

次の作品への励みになります。