意外と重要 ディスプレイに合わせてWebページを拡大/縮小するChromeのツボ

» 2015年12月07日 16時00分 公開
[ITmedia]

 AppleがRetinaディスプレイを採用し始めてから、Windows PCでも目視で画素を認識できないほど高解像度・高画素密度のディスプレイが増えています。

 こうしたディスプレイでは、いわゆるdpiスケーリングの設定で150%や200%に拡大表示して使っているユーザーが多いことでしょう。あるいは、解像度を全て作業スペースに充てたいと、かなり細かい表示でも100%の等倍設定で頑張っているかもしれません。

スケーリングの設定 「Windows 10」のディスプレイ設定。ディスプレイの画素密度(表示の細かさ)に応じて、テキストやアプリの表示サイズを変更できるようになっています

 というわけで、特にWindows PCでは画面上に表示される文字やアイコンのサイズがユーザーによってバラバラに設定されていて、視認性重視でかなり大きなサイズで表示していたり、ギリギリ読めるような極端に小さいサイズで表示していたりするのが現状です。

 このようにユーザー環境によって見え方が違うと、Webブラウジングしていて、文字が大きすぎたり、逆に小さすぎて読めないといった問題も発生します。かといって、いちいちWindowsでdpiスケーリングの設定をやり直すのも面倒でしょう。

 そこで覚えておきたいのが、Webページを素早く拡大/縮小できるショートカットキーです。「Ctrl」(Macは「Command」)を押しながら「+」を押すと拡大表示、「−」を押すと縮小表示になります。+あるいは−を続けて押すことで、段階的に拡大/縮小が可能です。また、「Ctrl+0」のショートカットキーで100%等倍表示に戻せます。これらのショートカットキーはChromeに限らず、FirefoxやIE、Safariなど他のブラウザにも対応しています。

 ちなみに、ホイール付きマウスを使っていれば、「Ctrl」を押しながら、マウスのホイールを回すことでも拡大/縮小ができます。

ページ拡大 「Ctrl」(Macは「Command」)を押しながら「+」を押すと拡大表示になります
ページ縮小 「Ctrl」(Macは「Command」)を押しながら「−」を押すと縮小表示になります

 以上のショートカットキーは現在表示しているWebページのサイズを拡大/縮小する方法ですが、全てのWebページに対して拡大/縮小の設定を記録しておく手もあります。

 ブラウザウィンドウ右上にあるChromeメニューの「≡」をクリックし、「設定」の下にある「詳細設定を表示…」を開きましょう。「ウェブコンテンツ」セクションの「ページのズーム」プルダウンメニューで拡大率(25〜500%)を設定すれば、以後は指定した拡大率でWebブラウズが可能となります。

 同様に「ウェブコンテンツ」セクションの「フォントサイズ」プルダウンメニューでフォントの表示サイズを変更することもできます。ただし、Webサイトによってはレイアウトが崩れたり、ブラウザ側でテキストサイズを変更できないよう設計されていることもあるので注意してください(Ver.46.0.2490.80 mで確認)。

詳細設定メニューの「ウェブコンテンツ」セクションから「ページのズーム」と「フォントサイズ」の設定ができます

 こうしたWebブラウザの拡大/縮小設定を活用することで、高画素密度のディスプレイ環境にうまく対応したいものです。


バックナンバー

Copyright © ITmedia, Inc. All Rights Reserved.

アクセストップ10

2024年05月25日 更新
  1. 次世代スイッチの主流となるか!? 磁気式アナログ検出スイッチ搭載の75%キーボード「VK720A」を普段使いの視点で試す (2024年05月24日)
  2. サンワのペン型マウス「400-MAWBT202」を試す 充実の多機能、狭い場所で作業できる喜び (2024年05月24日)
  3. Next GIGAで学習用端末のOSシェアが大きく変わる? PCメーカーやプラットフォーマーの動き【後編】 (2024年05月23日)
  4. 計400台の限定販売! スター・ウォーズのBTスピーカー兼スポットライト「albos Light&Speaker STAR WARS Edition」の実物をチェック (2024年05月23日)
  5. SIEが自社製「nasne」のサポート業務を7月25日で終了 一部機能も2027年7月末までに提供終了 録画番組はバッファロー製に移行可能 (2024年05月24日)
  6. 横幅が約58.2cm! 200%サイズのキーボード&振動するゲーミングチェアの実機が店頭に (2024年05月25日)
  7. JBL、Type-C有線接続型のハイレゾ対応オープン型イヤフォン「JBL TUNE305C」 (2024年05月23日)
  8. ワコムが有機ELと出会ったら……極薄で最軽量液タブ「Movink 13」をプロ絵師が試したぞ! (2024年05月22日)
  9. あなたのPCのWindows 10/11の「ライセンス」はどうなっている? 調べる方法をチェック! (2023年10月20日)
  10. Next GIGAで何が変わる? 文科省が「学習用端末」の要件や補助スキームの変更などを行った理由【前編】 (2024年05月16日)
最新トピックスPR

過去記事カレンダー