このCM→PX変換ツールは、指定したDPIに基づいてセンチメートルをピクセルにすぐ変換します。デザイナーや開発者は、印刷用と画面用の単位を頻繁に使い分けます。このツールなら、その切り替えをスムーズに行えます。
主な機能:
- DPI 対応変換 — 72、96、150、300 DPI などの一般的なプリセットから選択します。
- 逆変換 — 方向を入れ替えてピクセルをセンチメートルに変換します。
- 共通の基準値 — 簡単に検索できる標準サイズの組み込みテーブル
- 結果をコピー — ワンクリックで出力を取得します
印刷用にアセットを準備する場合でも、CSS ピクセル値を物理仕様に一致させる場合でも、正確な単位変換が重要です。推測や手作業による計算は必要ありません。無料で使用でき、サインアップは必要ありません。
このCM to PXコンバーターの使用方法
上記のコンバーターの上部にある DPI ピル (Web の場合は 96、印刷の場合は 300、またはレガシーおよびドラフト作品の場合は 72 と 150) を選択し、センチメートル値を入力します。入力すると、ピクセル結果とライブ数式が更新されます。交換ボタンを押して px を cm に戻し、選択した DPI での A4、名刺、その他の標準サイズの共通参照値テーブルを使用します。
メディアのDPI (ドット/インチ) が分からないと、出力は意味がありません。 2 つの画面は、まったく異なる物理サイズで同じ数のピクセルを表示できます。このコンバータは、Web デザイン (EN)、印刷準備、UI プロトタイピングで毎日使用されます。
CM から PX への変換式
変換率は固定ではありません。それはターゲット メディアのピクセル密度に完全に依存します。
px = cm ÷ 2.54 × DPI
1 インチは正確に 2.54 センチメートルであるため、すべてのセンチメートルからピクセルへの計算はブリッジ単位としてインチを経由します。まずセンチメートルがインチに変換され (2.54 で除算)、次にインチ値に DPI または PPI ターゲットが乗算されます。ショートカットは存在しません。 DPI は常に必要です。
3 つの部分の内訳:
- cm、入力開始時の長さ
- 2.54、1 インチをセンチメートル単位で表す定数
- DPI: そのインチに収まるピクセル数を決定する密度値
計算例：96 DPIで5 cmを換算します。5を2.54で割ると約1.97インチになり、これに96を掛けます。結果は188.98 pxです。同じ5 cmでも300 DPIなら、5 ÷ 2.54 × 300 = 590.55 pxになります。物理的な大きさは同じでも、ピクセル数は大きく異なります。インチは固定された基準ですが、ピクセル数は固定ではないためです。
これは、1 インチに何ピクセル収まるか (EN)という質問自体が実際には間違っている理由でもあります。答えは、DPI 値が付加されて初めて存在します。
PX から CM: 逆の公式
逆に、最初に DPI で割り、次に 2.54 を掛けます。
cm = px ÷ DPI × 2.54
- 96 DPI で 100 ピクセル → 2.65 cm
- 96 DPI で 1920 ピクセル → 50.8 cm
- 300 DPI で 1181 ピクセル → 10 cm
上のコンバーターの交換ボタンはこの方向に実行されます。センチメートル単位で解決される完全なテーブルのセットについては、専用のピクセルからセンチメートルへのコンバータを使用してください。
CM から PX への変換テーブル
コンバーターが提供する 4 つの DPI 設定で値を検索します。 96 DPI では、1 cm = 37.8 ピクセル。 300 DPI では、1 cm = 118.11 ピクセル。
96 DPI (Web 標準) の場合
| センチメートル | ピクセル |
|---|---|
| 0.1 cm | 3.78 px |
| 0.2 cm | 7.56 px |
| 0.3 cm | 11.34 px |
| 0.4 cm | 15.12 px |
| 0.5 cm | 18.90 px |
| 0.6 cm | 22.68 px |
| 0.7 cm | 26.46 px |
| 0.8 cm | 30.24 px |
| 0.9 cm | 34.02 px |
| 1 cm | 37.80 px |
| 1.5 cm | 56.69 px |
| 2 cm | 75.59 px |
| 2.5 cm | 94.49 px |
| 3 cm | 113.39 px |
| 3.5 cm | 132.28 px |
| 4 cm | 151.18 px |
| 4.5 cm | 170.08 px |
| 5 cm | 188.98 px |
| 6 cm | 226.77 px |
| 7 cm | 264.57 px |
| 8 cm | 302.36 px |
| 9 cm | 340.16 px |
| 10 cm | 377.95 px |
| 12 cm | 453.54 px |
| 15 cm | 566.93 px |
| 17 cm | 641.86 px |
| 20 cm | 755.91 px |
| 21 cm | 793.70 px |
| 25 cm | 944.88 px |
| 29.7 cm | 1122.52 px |
| 30 cm | 1133.86 px |
| 35 cm | 1322.83 px |
| 40 cm | 1511.81 px |
| 50 cm | 1889.76 px |
300 DPI (印刷標準) の場合
| センチメートル | ピクセル |
|---|---|
| 0.1 cm | 11.81 px |
| 0.2 cm | 23.62 px |
| 0.3 cm | 35.43 px |
| 0.5 cm | 59.06 px |
| 1 cm | 118.11 px |
| 1.5 cm | 177.17 px |
| 2 cm | 236.22 px |
| 2.5 cm | 295.28 px |
| 3 cm | 354.33 px |
| 4 cm | 472.44 px |
| 5 cm | 590.55 px |
| 6 cm | 708.66 px |
| 7 cm | 826.77 px |
| 8 cm | 944.88 px |
| 9 cm | 1062.99 px |
| 10 cm | 1181.10 px |
| 12 cm | 1417.32 px |
| 15 cm | 1771.65 px |
| 17 cm | 2007.87 px |
| 20 cm | 2362.20 px |
| 21 cm | 2480.31 px |
| 25 cm | 2952.76 px |
| 29.7 cm | 3507.87 px |
| 30 cm | 3543.31 px |
| 35 cm | 4133.86 px |
| 40 cm | 4724.41 px |
| 50 cm | 5905.51 px |
150 DPI (ドラフト印刷) の場合
| センチメートル | ピクセル |
|---|---|
| 1 cm | 59.06 px |
| 2 cm | 118.11 px |
| 3 cm | 177.17 px |
| 5 cm | 295.28 px |
| 10 cm | 590.55 px |
| 15 cm | 885.83 px |
| 20 cm | 1181.10 px |
| 21 cm | 1240.16 px |
| 29.7 cm | 1753.94 px |
| 30 cm | 1771.65 px |
| 40 cm | 2362.20 px |
| 50 cm | 2952.76 px |
72 DPI (レガシー画面) の場合
| センチメートル | ピクセル |
|---|---|
| 0.5 cm | 14.17 px |
| 1 cm | 28.35 px |
| 1.5 cm | 42.52 px |
| 2 cm | 56.69 px |
| 2.5 cm | 70.87 px |
| 3 cm | 85.04 px |
| 4 cm | 113.39 px |
| 5 cm | 141.73 px |
| 6 cm | 170.08 px |
| 7 cm | 198.43 px |
| 8 cm | 226.77 px |
| 9 cm | 255.12 px |
| 10 cm | 283.46 px |
| 15 cm | 425.20 px |
| 20 cm | 566.93 px |
| 30 cm | 850.39 px |
21 cm と 29.7 cm の行は、A4 シートの両面です。96 DPI で 794 × 1123 ピクセル、300 DPI で 2480 × 3508 ピクセルです。
CM から PX へのコンバーターとは何ですか?
CM から PX へのコンバーターは、画面または印刷解像度を変換係数として使用して、センチメートル測定値を対応するピクセル値に変換する小さな計算ツールです。
これは他の単位コンバータと同じファミリーに属しますが、他の単位コンバータには必要のない追加の要素が 1 つ必要です。それは、1 インチあたりのドット数またはインチあたりのピクセル数の基準点です。
この基準がなければ、センチメートルとピクセルは相互に対話することができません。センチメートルは固定された物理的な長さです。ピクセルはそうではありません。実際にはそうではありません。
一般的な長さコンバーターとの違い:
- 数値を生成するには、DPI または PPI 入力が必要です
- 対象媒体（画面または印刷）に応じて出力が変わります
- 2 つの物理ユニットではなく、物理ユニットと解像度依存ユニットをブリッジします。
px が実際に何を表すのか (EN)を尋ねれば、問題の根本がわかります。これは、picture element の略で、定規ではなくデバイスの解像度に関連付けられた単位です。
それが、このコンバーターが、単にセンチメートルをインチに交換するものとは別に、独自のカテゴリーのツールとして存在する理由です。
DPI と PPI が CM と PX の比率を変更する方法
DPI と PPI は物理的な長さとそのピクセル数の比率を決定し、どちらかを変更すると式全体の出力が変わります。
Dpi は、1 インチあたりのドット数を表し、印刷出力に適用されます。 Ppi は 1 インチあたりのピクセル数を表し、画面に適用されます。
これらはカジュアルな会話ではほぼ同じ意味で使用されます。しかし、プリンターはインクのドットを配置し、画面はピクセルを点灯するため、この 2 つの用語は、背後にある計算が同じであっても、異なる物理プロセスを表します。
W3C 独自のCSS 値と単位の仕様 (EN)は、CSS ピクセルを固定参照、つまり 96 dpi のデバイスに固定します。ここで1px は 1/96 インチ、つまり約 0.26 mm に相当します。
Web と印刷の両方で使用される参照値:
- 96 dpi、CSS および一般的な Web デザインのデフォルト
- 150 dpi。ポスターや大型看板向けの中層印刷設定です。
- 300 dpi、鮮明な写真やドキュメントの印刷の標準レベル
- 326 ppi: Apple が最初の Retina クラスの携帯電話ディスプレイで導入した密度
4 つすべてに同じ 5 cm を通すと、ピクセル出力は 189、295、591、そしておよそ 642 と変化します。客観的に正しい dpi はありません。
ピクセルが最終的に配置される場所に一致するものだけが存在します。
同じセンチメートル値が画面間で異なるピクセル結果を生成する理由
1センチも変わらない。ピクセルの物理的なサイズが影響するため、同じ変換でも画面ごとにまったく異なって見えることがあります。
原因はデバイスのピクセル比です。これは、単一の CSS (EN) ピクセルのスペースに実際のハードウェア ピクセルがいくつ詰め込まれるかを示します。
標準的なディスプレイでは、この比率は 1:1 になります。高密度の画面では、2:1 または 3:1 にまで上昇します。これは、2 つまたは 3 つの物理ピクセルが 1 つの仕事を行うことを意味します。
iPhone 4 (EN) の Apple 独自の Retina ディスプレイは、1 インチあたり 326 ピクセルで出荷され、それ以前の電話画面の約 2 倍の密度でした。この 1 つの変更だけで、同じ cm 値が目に見えて異なるサイズでレンダリングされるようになります。
ここでは 3 つの変数が重なっています:
- 物理的な画面サイズ (インチまたはセンチメートル単位で測定)
- ネイティブ解像度、パネルがサポートする生のピクセル数
- ピクセル密度 (EN)。サイズと解像度を組み合わせると得られる値です。
オペレーティング システムのスケーリングにより、その上に 4 番目のレイヤーが追加されます。 Windows と macOS は両方とも、高密度ハードウェアに独自のスケーリング係数を適用します。同じネイティブ解像度を持つ 2 つの画面でも、変換された cm 値を異なる視覚サイズで表示できます。
設計作業におけるCM、MM、インチ、およびPXの比較
cm、mm、inch、px のどれを選択するかというと、出力は画面に出力されるのか、それとも紙に出力されるのかという 1 つの質問になります。
Cm、mm、インチは物理単位です。これらは、表示されているデバイスに関係なく、どこにいてもどの定規でも同じことを意味します。
Px は物理的なものではありません。そのサイズは、それをレンダリングする画面の密度に完全に依存します。これが、そもそもコンバーターが必要な理由です。
| 単位 | 物理的根拠 | 主な用途 | 画面に依存する |
|---|---|---|---|
| センチメートル | 固定、メートル法 | 印刷レイアウト、パッケージング | いいえ |
| ミリメートル | 固定、メートル法 | 細かい印刷のディテール、ダイライン | いいえ |
| インチ | 固定、インペリアル | 米国の印刷標準、スクリーンの対角線 | いいえ |
| ピクセル | 解像度ベース | Webレイアウト、UIデザイン | はい |
印刷内容に応じて紙のサイズが変わらないため、印刷作業は cm と mm に依存します。これは、A4 を印刷するすべての場所で 210 × 297 mm に固定する規格である ISO 216 (EN) の背後にあるロジックでもあります。
値を別の方向に変換する場合は、ピクセルからインチへのコンバータを使用して同じ計算を実行できます。これは、反対の単位について解いたのと同じ式です。
ここでも、1 インチを何ミリメートルにする (EN)かを知ることは重要です。これは、これらの各変換の下に同じ 2.54 定数が存在するためです。
Web、印刷、Retina デザインにどの DPI 設定を使用するか
dpi 設定は個人的な好みではありません。それは、ピクセルが表示される場所によって決まります。
ウェブおよびUIデザイン
96 dpi はブラウザ、CSS、標準 UI 作業のデフォルトです。 1 cm = ~37.8 ピクセル。
これは CSS 参照ピクセル自体に組み込まれた値であるため、他のものを構築することは、プラットフォームを操作するのではなく、プラットフォームと戦うことを意味します。
- CSS 仕様独自のベースラインと一致する
- 通常のディスプレイ全体でレイアウト計算を予測可能に保ちます
- 最終的な表示デバイスが不明な場合の最も安全なデフォルトです
72 dpi は、初期の Mac 画面からの古いレガシー標準です。これは今でも一部のエクスポート設定に表示されますが、現在構築されているものにとって正しい選択であることはほとんどありません。
標準の印刷出力
300 dpi は、印刷して近くで見る場合の最低値です。 1 cm = ~118 ピクセル。
連邦政府機関のデジタル化ガイドライン イニシアティブ (EN)では、アーカイブ スキャン中に元の文書の目に見える細部の 80 ～ 90% をキャプチャするためのベンチマークとして 300 dpi を扱っています。
名刺、パンフレット、写真プリントはすべてこの範囲内に収まります。その下にドロップすると、通常の読書距離で目が個々のドットを捉え始めます。 150 dpi は、新聞、下書き校正刷り、遠くから見た大型看板などの低品質の出力をカバーします。
変換する前に、印刷会社に DPI 要件を問い合わせてください。毎回 300 と仮定しないでください。
2 つの分野の違いについては、dpi と ppi (EN) を直接比較するページで詳しく説明されています。印刷番号自体の詳細な内訳は、300 dpi (EN) のリファレンス ページに記載されています。
Retina と高密度スクリーン
326 ppi 以上: モバイルおよびタブレットのディスプレイは近くで見るために作られています。 デバイス ピクセル比 (EN) (DPR) は、1 つの CSS ピクセルが 2 または 3 の物理ピクセルにマップされることを意味しますが、論理解像度は引き続き 96 dpi をベースとして使用します。
1 倍でデザインし、2 倍または 3 倍でエクスポート: 密度の高いパネルでも鮮明な状態を維持するアセットを出荷するための一般的なワークフローです。
このターゲットをアンダーシュートすると、画像の構築に使用された cm 値に何も問題がなかったにもかかわらず、画像は周囲のテキストの横で柔らかく見えます。
Photoshop、Illustrator、Figma、Canva での CM から PX への変換
すべてのデザイン ツールがこの変換を同じように扱うわけではないため、ファイルがツール間で移動する必要がある場合には、違いが重要になります。
フォトショップとイラストレーター
どちらのツールも、変換をドキュメント レベルの解像度設定に関連付けます。
ファイルを 300 dpi に設定すると、入力されたすべての cm 値がその数値を使用して変換されます。後で 72 または 96 に切り替えると、既存のアートワークは自動的に再計算されません。
- 長所: すべての要素に使用される dpi を完全に手動で制御できます。
- 長所: 印刷ネイティブのワークフローで cm と mm を直接入力できる
- 短所: ドキュメント間の解像度の不一致により、サイレント サイズ エラーが発生する
Figma とスケッチ
Figma のドキュメント (EN)には、プラットフォームのデフォルトの測定単位がピクセルであり、レイアウトとコンポーネントが全体を通してピクセルで指定されていることが明確に示されています。
ネイティブのセンチメートル入力はありません。 cm で印刷仕様書を渡された人は、単一の数値を入力する前に変換を実行する必要があります。
- 長所: ピクセルネイティブのワークフローは、ブラウザが実際にレイアウトをレンダリングする方法と一致します。
- 長所: 印刷優先ツールに伴う解像度不一致のリスクが排除されます。
- 短所: cm または mm のパスが組み込まれていないため、印刷面の作業には別の計算手順が必要です。
カンバ
Canva は 2 つのアプローチの中間に位置します。 カスタム キャンバス サイズ (EN) に関する直接 cm 入力を受け入れ、デザインをレンダリングする前に内部で変換します。
このトレードオフはエクスポート時に現れます。
- 長所: ユーザーは最初に計算を行わずに実際のサイズを入力できます。
- 短所: どの dpi 値が実際にバックグラウンドで実行されているかがわかりにくくなります。
Canva または Figma キャンバスを印刷スペック シートにエクスポートし直す場合は、手作業で再計算するのではなく、ピクセルから cm へのコンバーターを使用してプロセスを逆に行うことができます。
CM を PX に段階的に変換する方法
cm 値をピクセルに変換する場合は、最終的にどのツールで計算を行うかに関係なく、常に同じ順序の操作に従います。
ステップをスキップすると、最終的な数値が間違った結果になります。これは通常、dpi ターゲットが計算前ではなく計算後に選択されたためです。
- ステップ 1: まずターゲット メディアを確認します (画面表示または印刷)。適用される dpi または ppi 値が決定されるためです。
- ステップ 2: そのメディアの正確な dpi 値を選択します (標準 Web の場合は 96、印刷の場合は 300、Retina ターゲットの場合は 326 以上)。
- ステップ 3: cm 値を 2.54 で割ってインチに変換します。
- ステップ 4: インチ値に選択した dpi を掛けて、ピクセル数を取得します。
- ステップ 5: ディスプレイでは小数点以下のピクセルをレンダリングできないため、最も近い整数ピクセルに丸めます。
300 dpi の印刷実行用に作成された 10 cm のバナー見出しは、約 1181 ピクセルに変換されます。
代わりに、同じ 10cm を 96 dpi で実行すると、約 378 ピクセルに低下します。 dpi の選択は計算の後ではなく前に行われたため、物理的な長さは同じですが、まったく異なる 2 つの出力になります。
CSS での CM から PX: 絶対単位と相対単位
CSS 値と単位モジュール (EN)は、絶対単位間の比率を 1in = 2.54cm = 96px = 72pt = 6pc に固定するため、スタイルシート内で cm と px が互いに独立することはありません。
相対単位はそのようには機能しません。ピクセル出力は、固定の変換テーブルではなく、ページ内の他の何かに依存します。
| ユニットタイプ | 例 | に応じて | 適した用途 |
|---|---|---|---|
| 絶対単位 | cm、mm、in、pt、px | お互いに一定の比率 | スタイルシートの印刷、正確なサイズ設定 |
| 相対単位 | em, rem, vw, vh | フォント サイズまたはビューポートの寸法 | 流動的でレスポンシブなレイアウト |
ほとんどのブラウザはルート フォント サイズをデフォルトで 16 ピクセルに設定しているため、誰かが変更するまで 1rem はひそかに 16 ピクセルに等しくなります。
CSS 絶対単位がサポートされているため、スタイルシートに width: 5cm を直接記述することは技術的には機能します。ブラウザーは依然として内部で固定ピクセル数としてレンダリングします。
この固定カウントは、ビューポート (EN)のサイズが変更されても調整されません。これはまさに、メディア クエリ (EN)と相対単位が埋めるために存在するギャップです。
CM を PX に変換する際の一般的なエラー
間違った基準値: プリンタに送信されるファイルには 96 dpi を使用し、画面にのみ表示されるファイルには 300 dpi を使用します。
ピクセルを物理的なものとして扱う: 500 ピクセルの要素は、デバイスのピクセル密度ごとに物理的なサイズが変化する場合、定規上で常に同じ測定値になると仮定します。
ブラウザの丸めの無視: WebKit ベースのブラウザは、すべての絶対単位に 96 ピクセル/インチの固定比率を適用しますが、Gecko は歴史的に、代わりにディスプレイの実際の物理 dpi に一致させようとしてきました。 MDN の長さのリファレンス (EN)には、96 ピクセル/インチのアンカーと、絶対単位が印刷媒体の物理サイズにのみマッピングされるという事実が記載されています。
レンダリング エンジン間のこの不一致は、まったく同じスタイルシート内のまったく同じ cm 値が、どのブラウザで開くかによってわずかに異なるピクセル幅でレンダリングされる可能性があることを意味します。
丸め誤差の複合化: 小さな小数ピクセルが 1 回丸められ、その丸められた数値が 2 番目の計算の入力として使用されます。ドリフトは大きなキャンバス全体に広がります。
これらの間違いのほとんどは、同じ根本原因に遡ります。ファイルを設定した人は、そのファイルを出荷する前に、ブラウザ間の互換性 (EN)テストで番号をチェックしませんでした。あるいは、レスポンシブ デザイン (EN)が構築されている種類の柔軟なレイアウト全体で、固定ピクセル値が一貫して動作すると想定していました。
CM から PX への変換が適用されない場合
cm から px への変換では、ターゲット解像度が固定されていることが前提となります。その仮定を取り去れば、計算全体が何の意味も持たなくなります。
ベクター形式はそれを完全に回避します。 W3C 独自の SVG 仕様 (EN) では、この形式をピクセルのグリッドではなく、解像度に依存しないグラフィックの記述として説明しています。そもそも、変換対象となる単一の px 値はありません。
- SVG (EN) アイコンは、ピクセル数に関連付けられていないため、どのサイズでもきれいに拡大縮小されます。
- クロスデバイス UI 作業では、同じ数値が表示される画面密度ごとに異なって見えるため、変換された 1 つのピクセル値を使用することはできません。
- 最終 dpi が確認されていない印刷ジョブでは、その数値が固定されるまで、ピクセル数値が暫定的に設定されます。
- 流動的なレイアウトでは、多くの場合、ピクセルではなく相対単位 (EN)が必要になります。これは、固定変換では、柔軟であるはずのレイアウトのポイントが無効になるためです。
どれもこの式が間違っているわけではありません。それは、この式が特定の既知の解像度内でのみ成立することを意味します。解像度が固定されない瞬間、生成されるピクセル値も固定されません。
よくある質問：cmからpxへ変換
CSS ピクセルと物理ピクセルの違いは何ですか?
CSS ピクセルはブラウザがレイアウトに使用する固定参照単位で、およそ 1/96 インチです。物理ピクセルは、ディスプレイ上の実際のハードウェア ドットです。高密度スクリーンでは 2 つまたは 3 つの物理ピクセルが 1 つの CSS ピクセルに詰め込まれているため、デバイスのピクセル比率が存在します。
ピクセルは固定された物理単位ですか?
いいえ、ピクセルの物理的なサイズは、 画面の解像度と密度に完全に依存します。決して変わらないセンチメートルやインチとは異なり、同じピクセル数でも低密度のモニターでは大きく表示され、高密度のモニターでは小さく表示されます。
96dpiで1cmは何ピクセルですか?
1 センチメートルは、96 dpi でおよそ37.8 ピクセルに相当します。ブラウザは小数値を表示できないため、38 ピクセルに切り上げられます。この数値は、96 dpi の基準ピクセルのベースラインから 1 センチメートルまで直接スケールダウンされます。
ブラウザのズームは CM から PX への変換に影響しますか?
ズームは、根底にあるコンバージョンではなく、ユーザーに表示される内容を変更します。ブラウザーはレンダリングされた CSS ピクセルを視覚的にスケールしますが、固定 cm および dpi 入力から計算されたピクセル値はスタイルシート内で同じままです。
単一のユニバーサル CM 対 PX 値はありますか?
どこにでも適用できる単一の値はありません。結果は常に、選択した dpi または ppi ターゲットに依存するため、物理的な長さが同じでも、 コンバーターがターゲットとする画面密度ごとに異なるピクセル数が生成されます。
CM to PX コンバーターの結果を信頼する前に何を確認する必要がありますか?
CM to PX コンバーターの結果は、dpi ターゲット、エクスポート スケール、レンダリング エンジンがすべて、ピクセルが実際に表示されるデバイスと一致する場合にのみ保持されます。そうしないと、数値は正しく表示されますが、他の場所では正しく表示されません。
3 つのチェックにより、本番環境に到達する前にほとんどの不一致が検出されます。
- dpi または ppi ターゲットが出力メディアと一致していることを確認します。
- エクスポートスケールをデバイスのピクセル比に合わせる
- 複数のレンダリング エンジンでレンダリング結果をテストする
96dpi CSS リファレンスで構築された値を 326ppi Retina パネルで鮮明に保つには、3.4 倍のスケーリング近くが必要です。どちらの図もその比率を単独で示しているわけではありません。
1 つの固定数値ではなく 2 つのピクセル値の間でスケーリングする必要がある流動的なレイアウトは、CSS クランプ計算ツールを使用して処理する方が適切です。これにより、固定変換では不十分になる箇所を正確に検出できます。