スクリーンショット

ホームページを1枚のJPGで保存(キャプチャ)

2009年7月20日 月曜日

以前、長いホームページをJPGで保存(キャプチャ)するフリーソフトという記事を書きましたが、それよりも圧倒的に良いものが見つかりました。

Firefox のアドインなのですが、Pearl Crescent Page Saver Basic といいます。

画面に収まりきらないホームページを、見えない部分も含めて1枚の画像として保存できます。言葉だと以前紹介していたキャプチャーイットと変わらないのですが、キャプチャーイットが画面をスクロールしながら撮影(スクロールキャプチャ)していくのに対し、Pearl Crescent Page Saver はまさに一瞬で保存してしまいます。

保存形式は、PNGとJPGが選択でき、品質も指定できます。また、保存するときのファイル名を、%Y%m%d のような感じであらかじめ自由に登録しておくことが可能です。

長いホームページをJPGで保存(キャプチャ)するフリーソフト

2009年4月19日 日曜日

スクリーンショットを撮影するのに便利なフリーソフト3本 でも紹介したのですが、ご存じの方は少ないようなので、もう一度、単独で紹介します。

WEB制作の仕事をしていると、長いホームページを一枚の画像にしたいことがあります。スクロールしながら何度もスクリーンショットを取り、それをフォトショップなどで切り張りして結構面倒な作業です。

キャプチャーイットツールバーは、ブラウザの表示部分(中身)だけをスクロールしながら、長いホームページを1枚のJPG画像として保存してくれるフリーソフトです。

キャプチャーイット!ツールバー

キャプチャーイット!ツールバー

《Firefox版》 キャプチャーイット! ツールバー(無料)

IE版 と FireFox版 がありますが、FireFox版がお勧めです。IE版は私の環境だと、長すぎるホームページや、連続での使用でエラーになります。

スクリーンショットを撮影するのに便利なフリーソフト3本

2009年1月18日 日曜日

説明を分かりやすくしようとすると、スクリーンショットが増えてやたら時間がかかるので、マニュアル作りを簡単にするために以前つかってたフリーソフト3本をインストールしました。折角なのでご紹介します。

WinShot – WoodyBells

WinShot - スクリーンショットに便利なフリーソフト

WinShot - スクリーンショットを楽にするフリーソフト

ダウンロードはスクロールした下のほうにあります。

WinShot - スクリーンショットを便利にするフリーソフト

WinShot - スクリーンショットを便利にするフリーソフト

ダウンロードしてインストールするとネコの顔のアイコンが現れます。ダブルクリックで起動すると、システムトレーに常駐します。

WinShot - スクリーンショットを便利にするフリーソフト

WinShot - スクリーンショットを便利にするフリーソフト

システムトレーのアイコンを右クリックしてメニューから環境設定を選択します。

WinShot - スクリーンショットを便利にするフリーソフト

WinShot - スクリーンショットを便利にするフリーソフト

環境設定の基本設定タブで、ファイルの保存先ディレクトリを追加し、接頭語とシーケンス桁数、開始番号を指定します。マウスカーソルをキャプチャする、はお好みで。

WinShot - スクリーンショットを便利にするフリーソフト

WinShot - スクリーンショットを便利にするフリーソフト

この例だと、保存される画像の名前は、nekohacks00001 から連番になります。

次に、ホット・キーのタブで、キーの割り当てを変えて使いやすくします。

WinShot - スクリーンショットを便利にするフリーソフト

WinShot - スクリーンショットを便利にするフリーソフト

JPEGで保存(アクティブウィンドウ)を PrintScreen キーに割り当てます。

次にリサイズの設定をします。

WinShot - スクリーンショットを便利にするフリーソフト

WinShot - スクリーンショットを便利にするフリーソフト

WinShot ではスクリーンショットを撮影すると同時に、指定サイズにリサイズして保存することができます。この設定では、元のサイズに関係なく、横400ピクセルに縮小します。縦のサイズは縦横比を保持します。

この設定をしておけば、PrintScreen キーを押すだけで、自動的に横400ピクセルにリサイズされた画像がフォルダにたまっていくので便利です。

次に、ブラウザ画面のウィンドウサイズを、きちんと整えたい場合に使うフリーソフトです。

私の場合、このブログの画像を幅400ピクセルにしているので、ウィンドウサイズが800ピクセルだと縮小されても汚くならない(微妙な縮小は汚くなりやすい)というのと、縦横比が 4:3 だときれいに見えるので使います。

以前は操作マニュアルやプレゼン資料などで、同サイズのスクリーンショットを取りたいときに、揃えるのに使っていました。あと、ホームページのデザインを作るとき、1024×768 サイズにして古いノートPCでの見やすさをチェックするのにも使います。

Sizer – ウィンドウを指定サイズに一発変換

Sizer - スクリーンショットに便利なフリーソフト

Sizer - スクリーンショットに便利なフリーソフト

ちょっとわかりにくいですが、印のついたところに sizerinst.exe というリンクがありますので、そこからダウンロードできます。

インストールしたら、十字架のようなアイコンが現れます。ダブルクリックして起動するとシステムトレーに常駐します。

Sizer - スクリーンショットに便利なフリーソフト

Sizer - スクリーンショットに便利なフリーソフト

ウィンドウ右上にあるリサイズボタンを右クリックするとサイズを指定できるメニューがでます。

Sizer - スクリーンショットに便利なフリーソフト

Sizer - スクリーンショットに便利なフリーソフト

たまに出ないアプリケーションもあるので、その場合はウィンドウ右上のアイコンを右クリックして出るシステムメニューにも追加されています。

Sizer - スクリーンショットに便利なフリーソフト

Sizer - スクリーンショットに便利なフリーソフト

あらかじめ登録されているのは、640×480、800×600、1024×768 の3種類ですが、自分で追加することもできます。

システムトレーアイコンを右クリックすると、メニューがでますので、Configure Sizer で設定画面が開きます。

Sizer - スクリーンショットに便利なフリーソフト

Sizer - スクリーンショットに便利なフリーソフト

必要な組み合わせを登録して使いましょう。1600 やワイドスクリーンなどを使っている方は、1280×1024 もあった方がいいですね。

最後に、縦に長いホームページ全体を1枚の画像にしたいときに使うフリーソフトです。ホームページの一部だけ切り取って画像にすることもできます。

ホームページのデザインをクライアントと確認するミーティングの資料づくりに使います。

キャプチャーイット!ツールバー – ブラウザ画面コピーツール

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

Capture IT Toolbar - スクリーンショットに便利なフリーソフト

キャプチャーイット!ツールバー ダウンロードをクリックすると、IE 版と Fire Fox 版が選べます。

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

インストールの途中、JWord プラグインのインストールを聞かれますので、不要な方はチェックをはずしましょう。

インストールが終わったら、ブラウザを一旦すべて閉じて開き直せばツールバーが現れます。

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

スクロール・キャプチャのボタンを押すと、ブラウザが自動でスクロールしながら全体を1枚の画像にしてくれます。

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

これだけしか表示できないページも

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

キャプチャーイット!ツールバー - スクリーンショットに便利なフリーソフト

こんな長い画像になります。

ただし、長すぎるホームページだとエラーになるようです。パソコンのメモリ次第かな?とも思われます。

他にも、ホームページの中だけ(ブラウザのツールバーとかは写らない)をキャプチャーしたり、一部だけを切り取って画像にすることもできます。ホームページのスクリーンショットを取るなら、WinShot とどちらを使うか好みだと思います。