ScrapBookのページ保存機能ではCSSから参照される画像は無条件でダウンロードされる。たとえば、CSS中に

#hoge { background-image: url('foobar.png'); }

というルールがあれば、たとえ現在のページ中に id=”hoge” が存在しないとしても foobar.png はダウンロードされる。
この仕様だと確かに保存機能の精度は高くなるが、場合によっては無駄なファイルが大量にダウンロードされる。特に最近はCSSを利用したデザインが多い傾向にあるようで、不要な画像ファイルをダウンロードすることによるデータサイズの肥大がかなり気になってきた。
そこで、CSSからは参照されているが、実際のページ(HTML)からは参照されない画像をダウンロードしないための方法を考えてみようと思う。

ロジック:

• CSSのルールから参照される各画像について、それがHTMLから参照されているかどうか判別する
• 現在表示しているHTMLから「実際に」参照されている画像をリストアップし、CSSから参照されている画像のリストと突き合わせて不要ファイルを検出する
  →現在表示しているHTMLから「実際に」参照されている画像のリストアップは「ページ情報」の「メディア」に相当するので、これが参考になるかも？

ユーザインタフェース:

• [設定]の[取り込み]タブに、試験的なオプションを追加する
  →十分なデバッグの後、正式採用する
• 編集ツールバーに[不要ファイル削除]機能を追加する（ボタンまたはメニュー）
  →DOMイレーサーなどでページから削除された（＝参照されなくなった）画像を物理的に削除する機能としても使える