ブラウザの画面キャプチャを「枠なし」&「固定サイズ」で撮る

用意するもの

  1. ブラウザのキャプチャアドオン:Firefoxなら、PageSaverとか、Screengrabとか。
  2. サイズをリサイズするブックマークレット(参考:IDEA*IDEA ウィンドウサイズを変更するブックマークレット

ブックマークレットの作り方(Firefoxの場合)

  1. ブックマーク > すべてのブックマーク で ブックマーク管理ウィンドウを開き「ブックマークツールバー」を選択
    select_all_bookmarks.png

    admin_bookmarks.png
  2. 管理>新しいブックマーク

    make_newbookmark0.png

    make_newbookmark.png

    名前:scn 1k:750

    URL:javascript:window.resizeTo(1000,750);

  3. できたブックマークレットをクリックして画面をリサイズ
    resizebookmarklet.png
     
  4. アドオンで画面キャプチャを撮る
    ※横幅固定、高さが「なりゆき」の場合は、キャプチャツールで「ページ全体を保存」すればよい。
     
  5. 撮れた画像のサイズを調べると1000x750ではないはず。
    これはブックマークレットがウィンドウ全体のサイズをリサイズしているため。なので、きれいに1000x750になるように調整する。
    私の場合、撮れた画像は、975x520だったので、1000+(1000-975)と750+(750-520) だったため URLの内容をjavascript:window.resizeTo(1025,980);に変更した。

    fit_windowSize.png

まとめ

メニューなどの構成を変更すると、画面サイズが変わる恐れがあるので、注意。

アドオンで画面サイズを指定できるものとかもあると思いますが、ブックマークレットだとアドオンがないブラウザでも通用する技なのでよいかもしれません。(言い訳)

もっといい方法

灯台元暗し とはこのことで、もっと簡単にサイズを設定する方法がありました。
Web Developerアドオン を使用すれば、画面サイズをさらに容易に変更できます。

WebDeveloperで固定サイズにする

Index of all entries

Feeds
About

supported by TOGORU

Return to page top