インクを節約する印刷用スタイルシート － FirefoxアドオンStylish用スタイル

cssで @media print {　} 内に記述すると、印刷時のみに適用されます。
これを利用して、印刷時だけ画像の色を薄くしてインクを節約する、Firefoxアドオン Stylish用スタイルを作りました。

下記で公開しています。

https://userstyles.org/styles/105700

文字は薄くせずに通常通りの濃さで印刷されます。

css中、以下で画像を薄く印刷するようにしています。
opacity: 0.5; で画像の薄さを指定します。0(0%)～1.0(100%)の範囲で指定します。

@media print {
    img {
       opacity: 0.5;
    }
}

googleマップの地図も薄く印刷されます。印刷した地図へのボールペンの書き込みが見やすく意外と便利です。
css中、地図を薄く印刷する箇所は以下です。

@-moz-document url-prefix(https://www.google.co.jp/maps),
               url-prefix(https://maps.google.com/maps)
{
    @media print {
        canvas {
           opacity: 0.5;
        }
    }
}

短いcssですが、これだけで印刷時だけ画像の色を薄くでき、インクの節約が出来ます。

参考

通常のスタイルとは別に、印刷時のみに有効となるスタイルを作成する方法 | クロノドライブ