なろう分析記録

『小説家になろう』をふくめ『ネット小説投稿サイト』を分析する。コード置き場,主にPython,javascript,たまに創作。

2019年7月 ツイッター強制変更新UIへの対応:最適な画像サイズを検証

PC版ツイッターUIが強制変更に

2019年7月、PC版ツイッターのUIが強制変更となった様です。

新UIは以前から存在していましたが、以前は旧UIを選択して使うことができていました。

しかし今回はそれがもはや出来ず、強制変更となってしまった様です。

www.itmedia.co.jp

新UIの変更への対応

以前のUIでは全表示されていた横800px縦600pxの画像は上下が見切れると状態になってしまいました。

そこで今回は新UIに最適な画像サイズについて少し検討してみたいと思います。

横506px縦253px

f:id:karupoimou:20190717211050p:plain
単体表示
f:id:karupoimou:20190717210909p:plain
スレッド表示

以前からツイッターの最適画像サイズとされていた横506px縦253pxの画像では、単体表示およびスレッド表示の両方で見切れないので大丈夫な様です。

横800px縦600px

f:id:karupoimou:20190717211017p:plain
単体表示
f:id:karupoimou:20190717211258p:plain
スレッド表示

以前のUIでは全表示されていた横800px縦600pxの画像の場合、スレッド表示された時に上下が見切れるという現象が発生

多くの人はツイートをタイムラインで見ていると考えられるのでこれは致命的と言えるでしょう。

横1012px縦506px

f:id:karupoimou:20190717211746p:plain
単体表示
f:id:karupoimou:20190717211706p:plain
スレッド表示


横506px縦253pxの比率を維持したままサイズだけ2倍に変更した場合を検討。

単体表示およびスレッド表示で見切れは発生せず問題なし。

iphone8での表示

f:id:karupoimou:20190717212606p:plain
表示
横506px縦253pxでは問題なく表示される

f:id:karupoimou:20190717212641p:plain
表示
横800px縦600px、横1012px縦506pxではスレッド表示で見切れが発生

f:id:karupoimou:20190717212705p:plain
表示
単体表示の場合、見切れは発生せず全表示される。

結論

ツイッター新UIにおいて最適な画像サイズは「横506px縦253px」あるいはその比率を維持したサイズ。

横800px縦600pxの様なサイズはもはやツイッターに向いていないと言える。

一時的に元UIに戻す方法


追記:ブラウザプラグインで元に戻す方法

gigazine.net

Chrome/FireFox向けにツイッターUIを元に戻す機能拡張がリリースされたみたいです。

GoodTwitter
https://chrome.google.com/webstore/detail/goodtwitter/jbanhionoclikdjnjlcmefiofgjimgca

さっそく使ってみましたが、問題なく使えています。

f:id:karupoimou:20190725130746p:plain:w400
使用例