Chrome【任意のウィンドウサイズに一発変更】スクショ時に便利過ぎる

Google Chromeで、WEBブラウザのウィンドウサイズをワンクリックで任意のサイズに変更する方法の紹介です。

スクショ時に大活躍！ブロガーさんにおすすめのツールです。

こんな人のお役に建てる記事です。

小豆

ブログ記事内のスクショ画像のサイズが、バラバラなんだよなぁ。
見た目もよくないし、これを解決する良い方法ってないものかなぁ。

Window Resizerで任意のウィンドウサイズに一発変更

WEBブラウザのウィンドウサイズの変更には、Chrome拡張機能【Window Resizer】を使用します。

というわけで、早速ですが実際の使用風景をご覧ください。

動画の通り、わずかワンクリックでウィンドウサイズを任意の大きさに変更することができます。

ちなみに、【Window Resizer】は無料のツール。

Google Chromeブラウザを使用している人であれば、誰でも簡単に入手することができます。

小豆

ちなみに、どんな時に役立つツールなの？

Window Resizerが役立つ場面

小豆

なるほど、たしかにそれは便利そうだ。

ツールを使用した場合と、そうでない場合を実際に比較してみたよ。

大福

ツールを使用してスクショ	ツールを使用せずにスクショ
サイズが均等で見た目がいい	サイズがバラバラで見た目が悪い

画像はクリックで拡大できます

記事内のスクショサイズが揃っていると、やはり見た目がだいぶ良いですね。

Window Resizerの使い方

インストール方法から基本の使い方、さらには自分好みの設定にする方法までを解説していきます。

step
1Window Resizerのインストール

Chromeウェブストア 　→　Window Resizerで検索　→　Chromeに追加

大福

以下のリンクから直接「Window Resizer」ダウンロードページに移動できるよ。

インストールが終了すると、画面右上にWindow Resizerアイコンが表示されます。

step
2ウィンドウサイズの変更【基本編】

アイコンをクリック　→　任意のサイズを選択

step
3サイズを指定して変更【応用編】

サイズを指定したい場合は、数値を直接入力します。

step
4よく使うサイズの登録【カスタマイズ】

頻繁に使用するオリジナルサイズは、登録しておけば簡単に呼び出すことができるようになります。

⚙（設定）をクリック

presets　→　⊕（アイコン）

任意の設定を入力　→　save preset（保存）

設定完了後は、メニュー内に登録したオリジナルサイズが表示されるようになります。

組み合わせて使いたい【スクショ時に便利なツール】

Window Resizerと併用することで、さらに効率よくスクショができるようになるツールを紹介します。

【Zoom for Google Chrome】は、今回紹介した「Window Resizer」同様、無料で使えるChrome拡張機能。

WEBページの表示を1％刻みで拡大・縮小することができるツールです。

たとえば、以下のような場面で使用すると便利です。

小豆

なるほど。
でも、Chromeにも画面の拡大・縮小はデフォルトでついているよね？

確かに。
でも、デフォルトの拡大・縮小って10％刻みでしかできないんだ。

大福

実際の表示を比べてみました。

1％刻みで調整	10％刻みで調整

画像はクリックで拡大できます

小豆

なるほど。
Window Resizerと組み合わせて使うことで、よりスクショの精度が上がるんだね。

【Zoom】の詳しい使い方は、以下の記事で解説しています。

まとめ：スクショを極めると記事の見た目がよくなる

ブロガーにとって、スクショは頻繁に使う機能ですよね。

このスクショを極めれば、記事内の見た目を今以上に良くするこができます。

逆に、せっかくいい記事なのに、サイズのバラバラな画像ばかり並ぶ記事は残念ですよね。

完全に「見た目」で損しています。

というわけで、ぜひ「Window Resizer」を活用してみてください。