記事のポイント画面解像度の規格を一挙に比較だ!アスペクト比別で一覧表を作成したよ!フロントエンドやアプリデザインに活用してね!変則解像度が...多い。FHDや4K、WQHDあたりは見かけるけど、意外と画面解像度の規格って多い気がする...。いう画面解像度が存在しているかを、アスペクト比別でまとめてみました。二条ねこどうして、こんなに規格だらけになったんだろー!?まのそれだけ凄い数があったということですね?二条ねこそうなんだよ〜。限りの画面(ディスプレイ・モニター)解像度を“アスペクト比別”でまとめております。Web開発時のブレークポイントやアプリ開発時の参考に活用ください。10での確認方法STEP.1『設定』を開くスタートをクリックし、歯車アイコンをクリック。STEP.2『システム』を開く『Windowsの設定』内にあるシステムをクリック。『システム』内のディスプレイをクリックし、右側にある解像度のボックスをクリック。すると、設定可能な解像度が出てくるので、そちらをスクロールする。その中に表示されている一番大きな解像度が、そのPCやモニターが表示可能な最大解像度になっています。macOSでの確認方法STEP.1『このMacについて』を開く(リンゴマーク)をクリックし、コンテキストメニュー内のこのMacについてをクリック。『このMacについて』内のディスプレイタブをクリック。すると、内蔵ディスプレイの解像度が表示されるので、そちらを確認すればOK。10での変更方法STEP.1『設定』を開くスタートをクリックし、歯車アイコンをクリック。STEP.2『システム』を開く『Windowsの設定』内にあるシステムをクリック。『システム』内のディスプレイをクリックし、右側にある解像度のボックスをクリック。すると、設定可能な解像度が出てくるので、その中から変更した画面解像度を選択する。STEP.4ディスプレイ設定を維持する最後に「ディスプレイの設定を維持しますか?」と聞かれるので、変更の維持をクリックすれば、解像度の変更が完了する。macOSでの変更方法STEP.1『システム環境設定』を開くアプリケーションやLaunchpadから、システム環境設定をクリックし、アプリを起動する。STEP.2『ディスプレイ』を開く『システム環境設定』内のディスプレイをクリック。STEP.3解像度を変更する『内蔵Retinaディスプレイ』というウインドウが表示されるので、『ディスプレイ』タブ内の『解像度』の変更にチェックを入れる。すると、下に解像度を選択できる項目が表示されるので、その中から任意の解像度に変更する。macOSの場合、デフォルトでは細かな画面解像度の変更は行えない。細かく解像度を見て変更したい場合は、『QuickRes』のようなサードパーティー製アプリをインストールする必要があります。画面(ディスプレイ・モニター)解像度を、アスペクト比別で一覧表として作ってみたわけですが、3:2でも、4:3でも、16:9でもない...変則解像度がとーっても多かったです。4Kの256:135とか意味がわからない比率でした。綺麗な整数比にしてほしい...。素数の比率にしてほしい......。そんな今日このごろです。二条ねこ約4:3とかって、どういうことだぁあああああ!!追記情報2019/09/07:一覧表作成2019/11/09:解像度追加おまけまのどういう事情かは分からないですが、アスペクト比が変則的な画面解像度が多すぎますね。(晩ごはんどうしよう...!?)砂瀧えりそれを言うなら、Surfaceシリーズの独自解像度もつっこみたいんやけど。