ツイッター:ツイートを開くまで画像を表示しないようにする

この記事は約4分で読めます。
記事内に広告が含まれています

操作画面

現在は、こちらの方法 を利用して下さい。
(インストール,アップデートが簡単です)

こんにちは、さち です。

先日、ツイッターの仕様が変更され
TLで画像の一部が大きく表示されるようになりました。

しかし、画像は意外とスペースを取る…。
ツイートを開くまで画像を表示しないようにしてみます。

スポンサーリンク

【追記】 スマホ版ツイッターについて

スマートフォン,タブレット のツイッター公式アプリでは
「設定」で「画像のプレビュー」をオフにすると画像を非表示にできます。

(ツイートを開けば画像を見られます)

   → iPhone版公式アプリでの詳しい手順はこちら

次項以降の内容は、 PCウェブ版 の方法です。

【PCウェブ版】 ツイートを開くまで画像を表示しない

タイムラインで画像の一部が大きく表示されるようになりました。
これに関する設定項目は公式(PCウェブ版)にはなく
非表示にする方法が用意されていないようです。

そこで、「Stylish」という拡張機能を使い
ブラウザ側から強制的に画像を非表示にします。
操作画面

適用後も、ツイートを開けば画像を見られます
操作画面

「Stylish」は Firefox, Google Chrome で使用可能です。
(Internet Explorer は使用不可)

【PCウェブ版】 Firefox での方法

簡単な導入方法に変更しました。
こちらの手順で導入して下さい。

Firefox でアドオン「Stylish」を使用します。
未導入の人はあらかじめインストールして下さい。
(追記の関係でコードが一部画像と異なる場合があります)

  1. こちらの内容(コード)をすべてコピーします。
    (「Ctrl + A」ですべて選択できます)
  2. Stylish で新しく白紙のスタイルを書きます。
    操作画面
  3. 「名前」を適当に付けます。
    テキストエリアに先程のコピー内容を貼り付け、「保存」をクリック。
    操作画面
  4. 画像が表示されなくなりました。
    操作画面

【PCウェブ版】 Google Chrome での方法

簡単な導入方法に変更しました。
こちらの手順で導入して下さい。

Google Chrome で機能拡張「Stylish」を使用します。
未導入の人はあらかじめインストールして下さい。
(追記の関係でコードが一部画像と異なる場合があります)

  1. こちらの内容(コード)をすべてコピーします。
    (「Ctrl + A」ですべて選択できます)
  2. 右上の「設定」アイコン→「ツール」→「拡張機能」。
    操作画面
  3. Stylish の「オプション」をクリック。
    操作画面
  4. 「新しいスタイルを作成」をクリック。
    操作画面
  5. 「名前」を適当に付けます。
    操作画面
  6. 「コード」に先程のコピー内容を貼り付けます。
    操作画面
  7. 「個別指定」をクリック。
    操作画面
  8. 「ドメイン上のURL」を選択し、「twitter.com」と入力。
    操作画面
  9. 「保存」をクリック。
    操作画面
  10. 画像が表示されなくなりました。
    操作画面

Stylish の使い方についてはこちらの記事をどうぞ。

この方法は CSS を強制的に書き換えるため
ツイッターの表示に不具合が出る可能性もあります。
問題がある場合は作成スタイルの適用を外して下さい。

画像が表示されるべき場面で表示されないなど
問題がありましたらご報告頂けるとありがたいです。

更新履歴

【2015/05/29】 userstyles.org版に移行
userstyles.org版 を公開しました。
今後は、userstyles.org版のみアップデートを行うので移行をお願いします。
(インストール,アップデートが簡単になります)

【2015/05/06】 引用ツイートに対応
引用ツイートの非表示に対応しました。
画像と同様に、ツイートを開くと表示します。

【2015/04/10】 画像が非表示にならないのを修正
ツイッターの画像表示構造が変更されたので修正しました。

【2015/01/27】 GIFアニメの新表示構造に対応
GIFアニメ(実際は動画)の表示構造が変更されたので修正しました。

【2014/12/04】 GIFアニメに対応
GIFアニメ(実際は動画)も非表示の対象にしました。

【2014/10/02】 画像URLが表示されないのを修正
ツイート本文に画像URLが表示されない不具合を修正しました。

【2014/08/18】 複数画像に対応
ユーザページでの画像を複数含むツイートに対応しました。
(仕様上、「画像を拡大」の文字色は青色になります)

【2014/07/23】 ツイート本文の画像URLを表示
「ホーム」でのツイート本文に画像URLが表示されない仕様になったため
表示するようにしました。
(画像を含むツイートであることを分かりやすくしました)

【2014/05/17】 新ユーザページの仕様変更に対応
画像/動画一覧のデザインが変更され
画像が表示されない不具合が出たため修正しました。

【2014/05/04】 新デザインのユーザページに対応
4月より開始された新デザインのユーザページに対応しました。
「画像を表示」をクリックすると画像を見られます。
ユーザページのツイート本文に含まれる画像URLを強制表示します。
(新デザインの画像/動画一覧で画像等が表示されない不具合も修正)

【2013/11/12】 動画(Vine)に対応
Vine(6秒動画)も非表示の対象にしました。ツイートを開くと見られます。

【関連記事】

   → ツイッターの会話に出る「青い線」を消して旧仕様に近づける
   → Firefox版「Stylish」について詳しく!

コメント

  1. tomo より:

    ツイッターで写真動画の表示したままに、したいのですがやり方が分かりません。
    ちなみに投稿するのはPCです。

  2. うみの さち より:

    すみません、仰っている意味がよくわかりません。

    記事のとおりに操作を進めたけれど
    やはり元の表示に戻したいということであれば
    Firefox の場合、アドオンマネージャのstylishのスタイル一覧から
    追加したもの(CSS)を削除して下さい。

  3. 匿名 より:

    とても見やすくなりました。
    これはvineだけ非表示に出来ますか?

  4. うみの さち より:

    私が配布しているスタイル(CSS)ではできませんが
    方法はあるかもしれません。

タイトルとURLをコピーしました