アスペクト比 ＆ 基準解像度の設定
比率と幅（または高さ）を入力すると双方向で自動計算します。
リアルタイム・アスペクト比プレビュー
1200 × 675 px
📱 マルチデバイス・ブレークポイント別 Retina解像度マトリクス
画面幅（CSSピクセル）に応じた適正表示高さと、Retina（DPR 2x / 3x）でぼやけないために必要な画像の実解像度一覧です。
| ターゲット端末 / ブレークポイント | CSS表示サイズ (1x) | Retina推奨 (2x) | Ultra-Retina (3x) | 主な対応機種 / 用途 |
|---|
実装コード・スニペット自動生成
ワンクリックでコピーして制作プロジェクトへ即導入できます。
📘 黄金比・白銀比（大和比）・公的寸法規格の数学的根拠
法隆寺五重塔や伊勢神宮、日本のキャラクター造形（ドラえもん、キティ等）に息づく日本古来の美の比率。国際規格ISO 216および日本産業規格（JIS P 0138）におけるA判・B判用紙の縦横比の数学的基準。半分に折っても縦横比が不変（ルート長方形）。
パルテノン神殿、モナ・リザ、オウムガイの螺旋、Appleロゴ等に見られる西洋の古典的比率。フィボナッチ数列の隣接2項比の極限であり、最も分割が美しい自然界の比率とされる。
現代のスマートフォン（iPhone・Pixel等）やMacBookは、1つのCSSピクセルに対して物理ピクセルが2倍〜3倍（DPR 2.0〜3.0）搭載されています。CSS表示サイズそのままの1x解像度画像では文字やエッジが滲むため、2x倍率以上の実解像度配信が必須です。
当シミュレーターは入力された任意のピクセル解像度からユークリッドの互除法を用いて自動的に既約分数比（最小整数比）を導出し、無理数の場合は標準近似値に正規化します。
※画面上に表示される各数値（1200×675等）は「入力例（初期プリセット）」です。制作案件のデザインガイドラインやターゲット端末に合わせて数値を変更してください。