拡張機能で圧縮機能を使う -------（スマホ版）
このWebサイト上の画像はハーフトーン画像（C版・籠目網代式）とカラーハーフトーン画像（C版・黒明彩式）が使われています。Chromium系（Chrome/Brave）では正しく表示されないことがあります。 Mozilla系(Firefox/Iceraven)のブラウザをご利用ください。また、Iceravenはデフォルトではカラーハーフトーン画像のcanvas要素がカクつく可能性があります。その場合は、初級編で紹介している設定にて最適化してください。
Webページの画像を圧縮する --------（無料版）
はじめに、つぎのリンクをタップします。画面下に表示されたスナックバーの「開く」または、スマホの画面上をスワイプして、 通知バーのパネル一覧からダウンロード完了をタップします。
通知バーのパネルからダウンロードの項目を消してしまった場合は、「拡張機能で要素をブロックする（スマホ版）」と同様に 開発モードを有効にして拡張機能を入れてください。
「追加」をタップします。
「OK」をタップします。
縦三点リーダーメニューから「拡張機能」をタップします。一覧に「テスト拡張機能」が追加されていれば成功です。
このまま「データサクゲンダー」をタップして、「設定」をタップすれば設定画面が開きます。※またはWebページに戻って縦三点リーダー＜拡張機能＜データ通信を削減しますをタップします。
または
設定画面が表示されますので、XREAIDとXREAサーバー名を入力します。※XREAIDとXREAサーバー名は、XREAサーバーの ダッシュボードの右上に表示されています。
準備完了です。では、例題として牛乳キャップ収集家の方の個人サイトに拡張機能オフで入ってみます。 ※スタイルシートを有効にしています
http://gyunyucap.web.fc2.com/index.html
引用：牛乳キャップ収集と販売情報（展示場）、ゴエモン
URL：http://gyunyucap.web.fc2.com/index.html
では、拡張機能をオンにしてWebページを再読込します。※初期設定ではカラーが「無彩色（グレースケール）」、 保存期間が「1週間」のラジオボタンが選択されています。
画像がグレースケールに変換されています。これは色域をグレースケールのみにすることで画像のサイズを下げています。牛乳キャップ＜青森県（６０）も見てみるとグレースケールになります。最後まで読み込まれています。
フルカラーのままで圧縮する場合はデータサクゲンダーの設定画面で「色あり（フルカラー）」にするだけです。
カラーは
圧縮処理が有効になっているか分かりづらいので次のリンクで確認してください。
ウォーターマークが消えたら圧縮済み
※元画像
※圧縮後
以上です。お疲れ様でした！
このように、画像を中心に見るときは「色あり（フルカラー）」でも、ややデータ通信も抑えつつ、画質も維持できます。しかし、画像のサイズが大きくなってくると「無彩色（グレースケール）」でも減らせる通信量は限られてきます。
いや、自分はもっとデータ通信量減らしたいんだ！という方のために、さらに画像圧縮のできる形式も用意しました。情報収集メインだけど、画像がぜんぜん表示されないとちょっと困る…というときに活躍します。小さい画像は「無彩色（グレースケール）」で処理しますが、大きな画像は特殊な方法で画像を高圧縮させます。
フルカラーは４分の１くらい、グレースケールは最大でも１０分の１程度の圧縮率でしたが、有償版の方法は最大で２００分の１まで抑えられます。ただし、これは削減ガイド用により最適化した場合の圧縮率になります。
画像サイズをいじると表示できなくなるページもあるため、サーバーによる圧縮は最低限の圧縮率で抑えました。しかし、かなり効果はありますので、気になるかたは３３０円くらいですので、どうぞご利用ください。
Webページの画像を圧縮する --------（有償版）
※image.ajiroの購入とXREAへの設置方法はPC版と同様です。PC版ですでにご購入の方は こちらからお読みください。
ここからはPCでの作業です。
はじめに、つぎの「image.ajiro購入」をクリックしてください。Boothショップにてimage.ajiroファイルがZIP形式で購入できます。ZIPを解凍してimage.ajiroファイルを適当な場所へ保存しておいてください。
つづいて、XREAのダッシュボードへいきます。「サイト設定」から「WebFTPクライアント」（＝雲のようなアイコン）をクリックします。
FTPクライアントが表示されるので、「アップロード」をクリックします。
アップロード画面に移るので、ファイル＜ファイルを選択をクリックします。
ファイルマネージャーが起動するので、解凍したフォルダからimage.ajiroを選びます。
「送信」（＝チェックマークのアイコン）をクリックします。
ファイルのあとに「…はOK」となっていれば準備完了です。
ここからスマホに戻ります。では、例題として電子書籍サービス「ebookjapan」の漫画を見てみます。まずは、電子書籍を拡張機能をオフにして見てみます。ページが表示されたら、試読ができるボタン（＝本を開いたようなマーク）がありますので、ここでは「菜Complete Edition（１巻）」をクリックしてみます。※スクリプトとスタイルシートを有効にしています。
https://ebookjapan.yahoo.co.jp/books/906275/
引用：ebookjapn、LINEヤフー株式会社
電子書籍引用：菜、わたせせいぞう
１ページめを見てみます。漫画の単行本の電子書籍は高解像度で、だいたい２００ページあり、60MB以上はあると考えたほうが良いです。
拡張機能をオンにしてみます。カラーは「無彩色（籠目網代式）」、電子書籍保存期間は「１年」にしました。
※Iceravenのホームから設定画面へ行く場合は縦三点リーダー＜拡張機能＜データサクゲンダー＜設定で設定画面が出ます。
画像が次のようになれば成功です。この画像は白と黒のドットで構成されていますが、Iceravenでは縮小表示され、ややグレーアウトした色で表示されます。※ちなみに、サイズの小さい画像は「無彩色（グレー）」のほうが圧縮率は良いのでそちらが自動で適用されます。
ブラウザのキャッシュを消すとmax-ageも初期化されて保存内容が消えるのでご注意ください。
ちなみに、ブラウザが受信するのはこんな感じの画像。↓↓↓↓↓↓
以上です。お疲れ様でした！
これでも十分データ通信削減はできますが、まだ減らせていないものがあります。検索エンジンによる 検索ページです。検索エンジンはとても便利ですが、そのまま使うと１００KBほどあるのが普通です。
「DuckDuckGo Lite」というデータ通信が軽い検索エンジンがあります。Google検索で引っかからないページを見つけることが できますが、一定時間が断つと画像による認証が毎回立ち上がるので非効率です。
補助金関連の情報は消費者向けはGoogleが、事業者向けの申請方法はDuckDuckGoが出てくる傾向にあります。
そこで、ここでも無料枠の検索APIサービスを使って、タイトルとリンク、補足情報だけを抜き取って、 拡張機能で用意したページに検索結果一覧を表示する方法を使います。３つのテキスト情報だけを 取得するため、通常の検索エンジンよりもデータ通信を抑えることができます。
操作次第では情報をうまく絞り込めるのでぜひ上級編に挑戦してみてください。