Webページのキャプチャにまつわる7つのワザ：3分LifeHacking

先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。

　Webページのキャプチャにはただ「PrtSc」（プリントスクリーン）ボタンを押すだけの方法から、特定のソフトを使った方法までさまざまだ。好評だった先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。

訪問済みリンクの色をリセットする

　Webページのキャプチャを行う際、一部のリンクだけが訪問済みの色（Internet Explorerのデフォルトだと紫色）だとカッコ悪い。ブラウザのキャッシュを削除してリロードすれば元に戻るが、頻繁にキャプチャを行うのなら、思い切ってブラウザの「訪問済みリンクの色」を変えてしまうのもひとつの方法だ。

　やり方は簡単。IEであれば「ツール」−「インターネットオプション」−「デザイン」−「色」で「表示済み」の色を青に設定する。Firefoxだと「ツール」−「オプション」−「コンテンツ」−「フォント」と「配色」−「配色設定」をクリックし、「訪問済みリンク」の色を青に設定する。

「訪問済み」の色を「未訪問」と同じにしてしまう

　なお、リンクテキストに任意の色が設定されている場合はこの方法は使えない。無難にキャッシュクリアで対応しよう。

ブラウザの外観をカスタマイズする

　Webページそのものだけでなく、ブラウザの外観も貼り付けたい場合がある。ブラウザスキンを装備したキャプチャソフト「WebScan」なら、さまざまなブラウザの外観を模した画面のスクリーンショットを生成できる。IEを使ってFirefoxやSafariの外観をキャプチャするといった芸当も可能なほか、自作のスキンも登録できる。

ブラウザスキンから任意の組み合わせを選択してスクリーンキャプチャが行える

携帯サイトのスクリーンキャプチャを撮る

　携帯サイトのスクリーンキャプチャを撮りたい場合、ブラウザのUserAgentを切り替え、PC上で携帯サイトを表示させるとよい。UserAgentの切り替えは、Firefoxの「UserAgentSwitcher」を用いれば、ブラウザを再起動させることなく、ワンクリックで切り替えが可能だ。ただし、キャリアの公式サイトなど一部サイトは回線もチェックしているので、UserAgentの変更だけではアクセスできないこともある。

User Agent Switcherを用いればUser Agentの切り替えが容易。再起動の手間がかからないのが便利だ

携帯サイトのスクリーンキャプチャを絵文字入りで撮る

　上記の方法で携帯サイトを表示させた場合、そのままの状態では絵文字が化けてしまう。サンセールが配布するTrueType外字フォント「i絵文字」を組み合わせれば、ブラウザ上で一部の絵文字を表示できるので、実際の携帯サイトに似たスクリーンショットを撮ることが可能だ。さらに再現性を高めたければ、NTTドコモが配布している「iモードHTMLシミュレータII」を利用する方法もある。

「iモードHTMLシミュレータII」。PC上でi-modeの表示をシミュレートできるアプリケーションだ

キャプチャ画像を部分的に使う場合、トリミングで済ませる

　キャプチャしたWebページの一部分をOffice文書に貼り付ける場合、いちいち画像ソフトで切り抜いてから貼り付けるのではなく、まるごと貼り付けてからOfficeのトリミングツールで調整したほうが手間が省ける。

画像ソフトで編集してから貼り付けるのではなく、まるごと貼り付けてからトリミングツールで調整するとよい

トリミングしたキャプチャ画像は忘れずに軽量化する

　上記の方法でトリミングして貼り付けた画像は、実際に画像そのものが切り抜かれているわけではないので、そのままではファイルサイズが肥大化してしまう。トリミング後に「コピー」−「形式を選択して貼り付け」で「図（JPEG）」を選んで再度貼り付け、もとの画像と差し替えることで、ファイルサイズを小さくできる。

トリミングした画像をいったんコピーし、「形式を選択して貼り付け」でJPEG画像として再度貼り付けると軽量化できる

貼り付けたWebページの見た目を良くする

　Office文書に貼り付けたWebページの画像は、周囲を罫線で囲っておけば背景とのメリハリがついて見やすくなる。また、影を付けることにより、奥行きが出て見栄えがよくなる。

貼り付けた画像には罫線を付けたり、影スタイルを適用することで、見栄えが格段によくなる