Twitterの画像プレビューでいい感じに収めるサイズのルール

Twitterで投稿した画像のプレビューサイズはPC版公式サイトだと16:9なのに、
2:1の比率で表示されるところがあるよ。

  • スマートフォン版
  • TweetDeck
  • Summary with Large Imageカード

large

作り分けるのめんどくさい場合に画像1枚で済まそうとするなら、
16:9の中に2:1が収まる様に作ればおk。

横幅1としたら2:1は*0.5、16:9は*0.5625

この比率から外れる場合は、画像中央が切り取られてサムネイル化されるので
それを見越して画像を作っておけば拡大にも耐えられる画像ができる。

large2

上の画像をつぶやきで投稿すると、ドットの部分が切り取られた状態でプレビューが作成される。
PC版の公式で見た時やツイートを埋め込んだ場合は、横幅基準で縮小されたものが表示される。

Tweet

Card

Windowsでnpm installできるようにしたメモ

やったこと。

  1. Microsoft .NET Framework 4.6以下を全てアンインストール
  2. Microsoft SQL Sever 2014以前のバージョンを全てアンインストール
  3. Microsoft System CLR Types for SQL Sever 旧バージョンを全てアンインストール
  4. node.js旧バージョンあったらアンインストール

古いやつ全部消して

  1. node.js(LTS)インストール
  2. Microsoft Visual Studio 2015 (Community)インストール
  3. npm config set msvs_version 2015 --global
  4. Microsoft Build Tools 2015 インストール
  5. Python 2.7インストール
    npm config set python C:\Python27
  6. npm install -g node-gyp

アクセス権で怒られる場合はnode.js commpand promptを管理者権限で起動する。

結論:最初からMac買う方が楽