最初 images
このページを画像なしで見る
写真やバナー、背景画像が文章より目立つときに使います。文章は残り、代替テキストが設定された画像では、その文字が代わりに表示されます。
パソコンで下のボタンをブックマークバーにドラッグします。その後、対象のページを開いてブックマークを使ってください。
このページを画像なしで見るスマートフォンをお使いですか？ 下に別の使い方をまとめています。
仕組みと使いどころ
スマートフォンではどう使いますか？
コードをブックマークのアドレスとして保存する方法を試せます。まず下のコードをコピーしてください。
iPhone（Safari）： 適当なページをブックマークし、そのブックマークを長押しして「編集」を選び、アドレスをコピーしたコードに置き換えます。
Android（Chrome）： ページをブックマークします。ブックマーク一覧で横の三点メニューから「編集」を選び、アドレスをコピーしたコードに置き換えます。
変更したいページを開いて、そのブックマークを選びます。メニューから動かない場合は、アドレスバーにブックマーク名を入力し、表示された候補を選んでください。
動作はブラウザーやバージョンによって異なります。ページ側でこの方法がブロックされることもあります。
iPhoneでは「ショートカット」アプリも使えます
「ショートカット」アプリで「WebページでJavaScriptを実行」アクションを追加し、下のコードを貼り付けます。SafariのWebページ用に共有シートへの表示を有効にします。求められた場合は、ショートカットの設定でスクリプトの実行を許可してください。次にSafariで対象のページを開き、共有から作成したショートカットを選びます。
パソコンのコンソールではどう使いますか？
変更したいページを開きます。Chromeで Ctrl + Shift + J（Windows/Linux）または ⌘ + Option + J（Mac）を押し、下のコードをコンソールに貼り付けて Enter を押します。
効果は開いているページに適用されます。コンソールで実行する前にコードの内容を確認してください。ブラウザーが安全上の警告を表示する場合もあります。
ボタンは画像のアドレスを外し、画像の背景を隠し、代替テキストがあればその文字を出します。サイトはファイルを消しません。
画像はそれぞれどうなりますか？
このショートカットは開いているページから画像を外します。クリック前に読み込まれた画像は、すでに通信量を使っていることがあります。alt があれば、その文字が代わりに入ります。
規則は background-image: none を求めます。写真の壁紙は外れます。背景の色は残ります。
動画は別のツールです。ページの中にベクトルで描かれたアイコンは、img でなければ残ることがあります。
向いているとき
軽く読みたいとき、回線が遅いとき、写真が文章と競うときに向きます。
サイトが画像に書いた説明は見えたままです。説明のない画像は、ファイルのリクエストを残さずに外れます。
戻るもの
ページを読み込み直すと、画像は戻ります。ブックマークは次の文章のため、バーに残ります。
ファイルはサイトに残ります。このページが変えるのは、今見ている画面だけです。