デバイス 解像度 リファレンス
デバイス 解像度 リファレンス。すべての処理はブラウザ内で完結します — ファイルがサーバーにアップロードされることはありません。完全なプライバシー、登録不要、無料で利用できます。
Phones
| Device | CSS | DPR | Physical |
|---|---|---|---|
| iPhone 15 Pro | 393 × 852 | 3 | 1179 × 2556 |
| iPhone SE | 375 × 667 | 2 | 750 × 1334 |
| Pixel 8 | 412 × 915 | 2.625 | 1082 × 2402 |
| Galaxy S24 | 384 × 854 | 3 | 1152 × 2562 |
Tablets
| Device | CSS | DPR | Physical |
|---|---|---|---|
| iPad Pro 11" | 834 × 1194 | 2 | 1668 × 2388 |
| iPad Mini | 768 × 1024 | 2 | 1536 × 2048 |
| Surface Pro | 1368 × 912 | 1.5 | 2052 × 1368 |
Laptops & monitors
| Device | CSS | DPR | Physical |
|---|---|---|---|
| MacBook Air 13" | 1280 × 832 | 2 | 2560 × 1664 |
| MacBook Pro 14" | 1512 × 982 | 2 | 3024 × 1964 |
| 1080p | 1920 × 1080 | 1 | 1920 × 1080 |
| 1440p | 2560 × 1440 | 1 | 2560 × 1440 |
| 4K UHD | 3840 × 2160 | 1 | 3840 × 2160 |
このツールについて
デバイス 解像度 リファレンスは、デザインをその場で作成できる無料のブラウザベースツールです。ソフトウェアのインストール、登録、ファイルのサーバーへのアップロードは一切不要です。すべての処理はブラウザ内でローカルに行われ、データがお使いのデバイスの外に出ることはありません。
このツールは日常使いのために設計されています。一回限りの作業から繰り返しのワークフローまで対応します。数ミリ秒で読み込まれ、初回読み込み後はオフラインでも動作し、デスクトップ・タブレット・スマートフォンのいずれでも快適に動作します。操作ではなく結果に集中できるよう、インターフェースは意図的にシンプルにしています。
主な利用シーン:実際のCSSに反映する前にスタイルを試す、デザイナーやクライアント向けに素早くビジュアルプロトタイプを作る、デザインシステム用に再利用可能なデザイントークンをエクスポートする、デザインのコンセプトをビジュアルで伝える。学生でも、ビジネスパーソンでも、ちょっとしたツールが必要な方でも、デバイス 解像度 リファレンスなら数秒で作業が完了します。
プライバシーは最初から組み込まれています。すべての処理はブラウザ内(クライアントサイド)で行われるため、解析サービスも広告ネットワークもバックエンドも、あなたの入力や結果を見ることはありません。利用中にブラウザのネットワークタブを開けば、データを含む送信リクエストがゼロであることを確認できます。これにより、デバイス 解像度 リファレンスは第三者へのアップロードが考えられない機密性の高い内容(医療・法律・財務)にも安心して使えます。
デバイス 解像度 リファレンスはToolHubの一部です。ToolHubは、PDF・画像・テキスト・計算・開発者・デザイン・SNS・教育・ビジネス・健康など、750以上の無料ブラウザツールを集めた広告フリーのコレクションです。
使い方
- 1モダンブラウザ(Chrome、Firefox、Safari、Edge)でデバイス 解像度 リファレンスを開きます。インストールも登録も不要です。
- 2データを入力します — ツールの入力欄に応じて、貼り付け・入力・アップロードのいずれかを行います。
- 3結果を確認し、コピーまたはダウンロードします。すべての操作はブラウザ内で即座に行われます。
主な機能
- 100%クライアントサイド — データがブラウザの外に出ることはありません
- 完全無料 — 登録・メール・支払いは一切不要
- デスクトップ・タブレット・スマートフォン対応(44pxのタップ領域)
- ダークモードと17言語に対応
- 即座に生成 — ファイルサイズの制限はありません
プロのヒント
- 次回のワンクリックアクセスのためにブックマークしておきましょう — すべての設定はlocalStorageに保存されます。
- 繰り返し使う場合は、CSS3とSVGに対応したモダンブラウザを使用していることを確認すると、ツールが最高速度で動作します。
- バグを見つけたり機能をご希望の場合は、下部のフィードバックフォームをご利用ください — すべてのご提案に目を通しています。