WEBマスターの手帳 > Chromeのブラウザサイズを超簡単に指定できる「Window Resizer」

2018年1月11日

Chromeのブラウザサイズを超簡単に指定できる「Window Resizer」

Chromeのブラウザサイズを超簡単に指定できる「Window Resizer」

WebサイトのPC表示やモバイル表示を確認するために、ブラウザの横幅を変えることってありますよね。

他にも、Webサイトのキャプチャ画像(スクリーンショット)を撮影するときに、ブラウザサイズを指定したいときがあります。

資料やブログ記事でキャプチャ画像を使うときに、それぞれの画像のサイズがバラバラだと、統一感がなくなって、ダサい感じになってしまいますよね。

そこで、今回はChrome(クローム)のブラウザ画面のサイズを簡単に変えることができる拡張機能を、ご紹介します。



Window Resizer

Window Resizer

Window Resizerは、ワンクリックでChromeのブラウザ画面サイズを変更することができる、便利ツールです。

今みているブラウザの画面を、モバイルサイズやタブレットサイズに瞬間的に切り替えることができます。

Window Resizer – Chrome ウェブストア

Window Resizerの使い方

Window Resizerをchromeに追加して、有効にすると、ブラウザ画面の右上に「枠アイコン」が表示されます。これをクリックすると、Window Resizerの画面が表示されます。

Window Resizerの使い方

あとは、変更したいサイズをクリックするだけで、開いているブラウザが、選んだサイズに変わります。

Window Resizerの画面下にある、枠に任意のサイズを入力すれば、好きなサイズに変更することも可能です。

Window Resizerの使い方2

任意のサイズを保存しておくこともできる

Window Resizerの設定では、既存のサイズ以外に、自分の好きなサイズを保存しておくことができます。

Window Resizerでサイズを保存する

キャプチャ画像を撮るのに便利

Webサイトのモバイル表示(レスポンシブ)を確認するには、他にも方法はありますし、むしろ他のやりかたの方が便利です。

ただ、Webサイトのキャプチャ画像を決まったサイズで撮りたいというときには、Window Resizerの方が手軽です。

私は、研修用の資料づくりや、オンライン講座のテキストなどで、よく使っています。

関連用語:

この記事をシェアして頂けると嬉しいです


【オンライン講座】会社の売り上げに貢献するSNS活用 基礎講座

会社の売り上げに貢献するSNS活用 基礎講座

企業が集客や売り上げUPに役立つためのFacebook、Twitter、Instagram、YouTube、企業ブログなどSNS(ソーシャルメディア)を活用するために必要や知識や理解を徹底解説!

企業ブログ(オウンドメディア)の重点解説も付いているので、SNS活用の初心者だけでなく、ビジネスでブログを活用したい!という方にもオススメの講座です!

あなたにオススメする記事

WEBマスターの手帳をフォローして最新情報をゲットしよう!

この記事を書いた人

遠藤 聡

中小企業のWEB担当者&ソーシャルメディア担当者としてWEBサイトの管理運用から企業ブログ、Facebookページ、Twitter、YouTubeチャンネルの管理運用(企画&実施)を承っております。
無料のメール相談も受け付けております。詳細は無料メール相談ページをご覧ください。

コメント

最新記事一覧

カテゴリー

ピックアップ記事

寄稿記事

人気記事ランキング

  • 本日
  • 週間
  • 月間
  • 殿堂

本日の人気記事

週間の人気記事

月間の人気記事

殿堂の人気記事