インク代を節約！不要な画像を省いてWEBページをプリントする方法

WEBページをプリントして保存したい場合に、画像が多いページだとインク代がもったいないなぁと思うことはありませんか？私はモノクロでプリントすることがほとんどですが、ベタ墨の画像が多いページをプリントすると、たちまち黒インクがなくなってしまい...

diyjournal.net

2017.03.21

今回はブックマークレットを使用して、さらに簡単にページ上の全ての画像を一括で縮小する方法を紹介します。

WEBページをプリントする際にインク代を大幅に節約できますよ！

ブックマークレットとは？

ブックマークレットについてよく知らないという方は、以下のページをお読みください。

便利なブックマークレットの紹介～safariなどタブレットのブラウザで特におすすめ

ネットサーフィンを快適にするブックマークレットをいくつか紹介します。ワンタッチで翻訳や、パスワードの文字列表記などができるので、特にタブレットでWEBを閲覧する際に便利ですよ。

diyjournal.net

2017.04.11

画像を縮小するブックマークレットの追加手順

まず、適当なWEBページをブックマークバーに追加してください。

アドレスバーの左側のアイコンをドラッグしてブックマークバーの上で離すことでも追加できます。
[photo_frame color=”white” width=”384″ align=””]

[/photo_frame]

次に、以下のjavascriptのコードをコピーしてください

javascript:(function(){function zoomimg(img,r){if(img.initialHeight==null){img.initialHeight=img.height;img.initialWidth=img.width;img.scalingFactor=1;}img.scalingFactor*=r;img.width=img.scalingFactor*img.initialWidth;img.height=img.scalingFactor*img.initialHeight;}var i,len=document.images.length;for(i=0;i<len;++i)zoomimg(document.images[i],0.5);if(!len)alert("画像が見つかりませんでした。");})();

続けてブックマークのプロパティーを変更します

先ほど追加したブックマークのプロパティーを開き、
名前に「画像縮小」、
URLにコピーしたコードを入力して保存して下さい。
[photo_frame color=”white” width=”281″ align=””]

[/photo_frame]

[photo_frame color=”white” width=”480″ align=””]

[/photo_frame]

このようになります。
[photo_frame color=”white” width=”195″ align=””]

[/photo_frame]

これでOKです。

画像縮小するブックマークレットの使用方法

使用方法は簡単です。

プリントしたいページを開いたら、追加したブックマークレット（「画像縮小」）をクリックするだけです。

1回クリックすることに、画像サイズが半分になります。
※スタイルシートで画像のサイズを固定しているものはサイズ変更できません。

2回クリックすれば4分の1に、3回クリックすれば16分の一にといった具合に、どんどん画像が小さくなります。
5,6回クリックすると、ゴマ粒ほどの画像サイズになります。

これで画像を小さくしてプリントすることができます。

終りに：インクだけでなく紙代の節約にも

いかがでしたか？

これでかなりインク代の節約になると思います。よかったら試してみてください。

ワンタッチで翻訳や、パスワードの文字列表記などができるので、特にタブレットでWEBを閲覧する際に便利ですよ。

英文ページをGoogle翻訳するブックマークレット

任意のWEBページをお気に入りに追加します。

※iPadの場合は「☆お気に入り」に追加するとツールバーに表示されるので使いやすいです。

追加したブックマークを編集します。

ブックマークの編集モードにして先ほど追加したブックマークのURLと名前を編集します。

URLに次のjavascriptをコピペしてください。

javascript:(function(){function o(s){var d=window.open('https://translate.google.co.jp/translate?hl=ja&sl=en&u='+location.href).document;d.close()}o();})();

ちょっと横に長いですが、ダブルクリックでコードを選択できると思います。

サイト名には任意の文字列を入力してください。ここでは《 翻訳 》とします。

編集はこれでOKです。入力が終わったら確定するとブックマックツールバーに追加されます。

英文ページを開いたら、今回追加した「《 翻訳 》」をクリックすると、Google翻訳で日本語化されたページが開きます。

ブックマークレットの設定方法は以下のものについても全て同じです。

同様にブックマークを編集し、URLに指定のjavascriptをコピペして、サイト名には任意の文字を記入してください。

パスワードを文字表記に変換するブックマークレット

javascript:(function(){var input=document.getElementsByTagName('input');for(i=0;i<input.length;i++){if(input[i].type=='password'){input[i].removeAttribute('type');}}})();

※サイト名には「PWD」と入力

ページのソースコードを表示するブックマークレット

javascript:(function()%7Bvar%20d%3Ddocument%2Cs%2Ce%3Bvar%20el%3Dd.getElementById('snpy')%3Bif(typeof%20Snoopy!%3D'undefined')%7BSnoopy.toggle()%3Breturn%7Delse%20if(el)%7Bel.className%3D%2Fclosed%2F.test(el.className)%3Fel.className.replace('closed'%2C'')%3Ael.className%2B'%20closed'%3Breturn%7Ds%3Dd.createElement('link')%3Bs.setAttribute('href'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.css')%3Bs.setAttribute('rel'%2C'stylesheet')%3Bs.setAttribute('type'%2C'text%2Fcss')%3Bd.getElementsByTagName('head')%5B0%5D.appendChild(s)%3Be%3Dd.createElement('script')%3Be.setAttribute('src'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.js')%3Bd.getElementsByTagName('body')%5B0%5D.appendChild(e)%7D)()%3B

かなり長いコードです。
※サイト名には「ソース」と入力

ページの一番下に移動するブックマークレット

javascript:%28window.scrollTo%280,document.documentElement.scrollHeight%29%29;

※サイト名には「下へ移動」と入力

文字サイズを大きく・小さくするブックマークレット

文字を大きくする

javascript:var%20p=document.getElementsByTagName('*');for(i=0;i%3Cp.length;i++)%7Bif(p%5Bi%5D.style.fontSize)%7Bvar%20s=parseInt(p%5Bi%5D.style.fontSize.replace(%22px%22,%22%22));%7Delse%7Bvar%20s=12;%7Ds+=2;p%5Bi%5D.style.fontSize=s+%22px%22%7D

※サイト名には「＋」と入力

文字を小さくする

javascript:var%20p=document.getElementsByTagName('*');for(i=0;i%3Cp.length;i++)%7Bif(p%5Bi%5D.style.fontSize)%7Bvar%20s=parseInt(p%5Bi%5D.style.fontSize.replace(%22px%22,%22%22));%7Delse%7Bvar%20s=12;%7Ds-=2;p%5Bi%5D.style.fontSize=s+%22px%22%7D

※サイト名には「－」と入力