それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

Macで簡単にWEBサイトのサムネイルを生成するwebkit2pngコマンド

WEBサムネイルを作成する方法はいろいろありますが。Macにも、それ用のコマンドがありました。

webkit2pngコマンドでサイトのサムネイルを作成する

配布元はwebkit2png

インストールとかは特になし、サイトからPythonソースコードをダウンロードするだけ

curl http://www.paulhammond.org/2009/03/webkit2png-0.5/webkit2png-0.5.txt > webkit2png
chmod +x webkit2png

または、githubから

git clone https://github.com/paulhammond/webkit2png/

最新版にするとFLASHもちゃんとショットされる。

使い方

./webkit2png http://www.yahoo.co.jp

実行するとサムネイルが作られる

オプションなしだと、3枚作られます。

(wwwyahoocojp-clipped)
(wwwyahoocojp-full)
(wwwyahoocojp-thumb)

オプション

--helpを指定するとコマンドの引数が見られる。

takuya@air:~/Desktop/webkit2png$ ./webkit2png --help
Usage: webkit2png [options] [http://example.net/ ...]

examples:
webkit2png http://google.com/            # screengrab google
webkit2png -W 1000 -H 1000 http://google.com/ # bigger screengrab of google
webkit2png -T http://google.com/         # just the thumbnail screengrab
webkit2png -TF http://google.com/        # just thumbnail and fullsize grab
webkit2png -o foo http://google.com/     # save images as "foo-thumb.png" etc
webkit2png -                             # screengrab urls from stdin
webkit2png -h | less                     # full documentation

Options:
  --version             show program's version number and exit
  -h, --help            show this help message and exit
  -W WIDTH, --width=WIDTH
                        initial (and minimum) width of browser (default: 800)
  -H HEIGHT, --height=HEIGHT
                        initial (and minimum) height of browser (default: 600)
  --clipwidth=WIDTH     width of clipped thumbnail (default: 200)
  --clipheight=HEIGHT   height of clipped thumbnail (default: 150)
  -z ZOOM, --zoom=ZOOM  full page zoom of browser (default: 1.0)
  -s SCALE, --scale=SCALE
                        scale factor for thumbnails (default: 0.25)
  -m, --md5             use md5 hash for filename (like del.icio.us)
  -o NAME, --filename=NAME
                        save images as NAME-full.png,NAME-thumb.png etc
  -F, --fullsize        only create fullsize screenshot
  -T, --thumb           only create thumbnail sreenshot
  -C, --clipped         only create clipped thumbnail screenshot
  -d, --datestamp       include date in filename
  -D DIR, --dir=DIR     directory to place images into
  --delay=DELAY         delay between page load finishing and screenshot
  --noimages            don't load images
  --transparent         render output on a transparent background (be sure to
                        have a transparent background defined in the html)
  --nojs                disable JavaScript support
  --js=JS               JavaScript to execute when the window finishes loading


とりあえずさくっとサムネイルを作るのに便利だと思います。