ピクセル・DPI変換 – 16の単位を確認
100 pxは96 DPIでは2.646 cm、300 DPIでは0.8467 cmです。ピクセルの大きさは解像度で変わるからです。「変換元」の欄に数値を入力し、欄の下のリストで単位を選んで、「解像度」欄に解像度を入れてください。ピクセル、CSSピクセル、Androidのdpとsp、センチメートル、ミリメートル、インチ、ポイント、パイカ、twip、OfficeファイルのEMUを変換できます。
ピクセルをセンチやインチに変換するには?
「変換元」の欄に数値を入力し、欄の下のリストで単位を選びます。次に「変換先」の欄の下で、知りたい単位を選んでください。結果は入力と同時に表示されます。逆向きの計算もでき、「変換先」の欄に数値を入れると最初の欄が埋まります。どちらのリストにも同じ16の単位がグループごとに並び、最初のグループ「よく使う単位」にはピクセル、ミリメートル、センチメートル、インチがあります。
どちらかの欄の下でピクセル(px)を選ぶと、その下に96の入った「解像度」欄が表示されます。印刷物や画面のDPIを入力し、DPI、px/cm、dppxのボタンでどの書き方で入力したかを指定してください。書き方を切り替えると欄の数値は自動で換算され、300 DPIは約118.11 px/cmになり、結果は変わりません。
「12pt」「48dp」「2インチ」のように数値に単位を付けて入力すると、その単位が欄に設定されます。「結果をコピー」ボタンは「変換先」の欄の数値をコピーし、「すべてクリア」は両方の欄を空にします。
ピクセルの大きさが決まっていないのはなぜ?
ピクセル(画素)は、コンピュータで画像を扱うときの最小単位です[1]。画像ファイルには、横と縦に何ピクセルあるかしか記録されていません。紙や画面での大きさを決めるのは解像度、つまり1インチに何ピクセル入るかです。そのため幅3,000 pxの写真は、300 DPIなら幅10インチ(25.4 cm)、150 DPIなら幅20インチ(50.8 cm)で印刷されます。
計算式はシンプルで、インチ = ピクセル ÷ DPI、センチメートル = ピクセル ÷ DPI × 2.54です。1インチはちょうど2.54 cmだからです[6]。300 DPIでは1 cmが118.11 px、1 mmが11.81 pxになります。
高品質な印刷では、Adobeは300 ppiを業界標準としています[2]。ソフトはDPIもPPIも同じく「解像度」と呼ぶので、「解像度」欄にはどちらの値を入れてもかまいません。
1インチ、1 cm、1 mmは何ピクセル?
| 解像度 | 1インチあたりのピクセル | 1 cmあたりのピクセル | 1 mmあたりのピクセル |
|---|---|---|---|
| 72 DPI | 72 | 28.346 | 2.83 |
| 96 DPI | 96 | 37.795 | 3.78 |
| 150 DPI | 150 | 59.055 | 5.91 |
| 200 DPI | 200 | 78.74 | 7.87 |
| 300 DPI | 300 | 118.11 | 11.81 |
| 600 DPI | 600 | 236.22 | 23.62 |
| 1,200 DPI | 1,200 | 472.441 | 47.24 |
名刺、L判、B5、A4は何ピクセル?
| サイズ | 96 DPI | 150 DPI | 300 DPI |
|---|---|---|---|
| 名刺(91 × 55 mm) | 344 × 208 | 537 × 325 | 1,075 × 650 |
| L判(89 × 127 mm) | 336 × 480 | 526 × 750 | 1,051 × 1,500 |
| JIS B5(182 × 257 mm) | 688 × 971 | 1,075 × 1,518 | 2,150 × 3,035 |
| A4(210 × 297 mm) | 794 × 1,123 | 1,240 × 1,754 | 2,480 × 3,508 |
| A3(297 × 420 mm) | 1,123 × 1,587 | 1,754 × 2,480 | 3,508 × 4,961 |
CSSピクセルと画面のピクセルの違いは?
ウェブサイトの寸法はCSSピクセルで指定します。CSSの仕様ではその大きさが決まっていて、1インチは2.54 cmであり、96 CSSピクセルです[6]。そのため1 CSSピクセルは常に約0.2646 mm、ちょうど0.75 ptになります。リストでCSSピクセルが通常のピクセルと別になっているのはこのためで、「解像度」欄の値には左右されません。
高密度の画面は、1 CSSピクセルを複数の画面ピクセルで描きます。CSSではこれをdppx(CSSピクセルあたりのドット数)という単位で表し、1 dppxは96 DPIに当たります[6]。画面のdppxがわかっているときは、dppxボタンを押してから「解像度」欄に入力してください。
Windowsも同じ考え方で、DPIの基準値は96、拡大率100%は96 DPIに当たり、デバイスに依存しないピクセル(DIP)は論理インチの1/96です[7]。
Androidのdpとspとは?
Androidでは、アプリを密度非依存ピクセル(dp)で設計するよう勧めています。1 dpは160 DPIの画面のほぼ1ピクセルに当たり、システムはpx = dp × (dpi / 160)の式でdpをピクセルに換算します[8]。このツールは1 dpを1/160インチとして計算するので、スマートフォンのDPIを「解像度」欄に入れると、この式と同じピクセル数になります。
Androidの文字サイズは、スケール非依存ピクセル(sp)で指定します。spは初期状態ではdpと同じ大きさですが、ユーザーが設定で選んだ文字サイズに合わせて変わります[8]。このツールは標準の文字サイズでのspとして、dpと同じように計算します。
mdpi、hdpi、xhdpi、xxhdpiでは1 dpは何ピクセル?
| リソースフォルダー | おおよその解像度 | 1 dpのピクセル数 | 48 dpのアイコン |
|---|---|---|---|
| drawable-ldpi | 約120 DPI | 0.75 px | 36 × 36 px |
| drawable-mdpi | 約160 DPI | 1 px | 48 × 48 px |
| drawable-hdpi | 約240 DPI | 1.5 px | 72 × 72 px |
| drawable-xhdpi | 約320 DPI | 2 px | 96 × 96 px |
| drawable-xxhdpi | 約480 DPI | 3 px | 144 × 144 px |
| drawable-xxxhdpi | 約640 DPI | 4 px | 192 × 192 px |
ポイント、パイカ、twip、EMUとは?
このツールのポイント(pt)は1/72インチで約0.3528 mm、パイカ(pc)は1/6インチ、つまり12ポイントです[6]。Wordは文字サイズをポイントで指定するので、12 ptの文字の大きさは約4.23 mm、96 DPIの画面では16 pxになります。
twipはポイントの20分の1で、1インチは1,440 twipです。Wordの古い形式(.doc)は余白やページの寸法をtwipで保存していて、幅1インチの余白はファイルに1,440 twipと書かれています[9]。
EMU(English Metric Unit)はOfficeファイルの座標の単位で、1インチが914,400 EMU、1センチメートルが360,000 EMUです[10]。したがって1ミリメートルはちょうど36,000 EMUです。
このツールで使える単位は?
| 単位 | インチ | 96 DPIでのピクセル | リストのグループ |
|---|---|---|---|
| ピクセル (px) | 1/DPIインチ | 1 | よく使う単位 |
| CSSピクセル | 0.0104167 | 1 | 画面・ウェブ・アプリ |
| 密度非依存ピクセル (dp) | 0.00625 | 0.6 | 画面・ウェブ・アプリ |
| スケール非依存ピクセル (sp) | 0.00625 | 0.6 | 画面・ウェブ・アプリ |
| マイクロメートル (µm) | 0.0000393701 | 0.00377953 | メートル法(SI) |
| ミリメートル (mm) | 0.0393701 | 3.77953 | よく使う単位 |
| 級 (Q) | 0.00984252 | 0.944882 | SI以外のメートル法 |
| センチメートル (cm) | 0.393701 | 37.7953 | よく使う単位 |
| メートル (m) | 39.3701 | 3,779.53 | メートル法(SI) |
| インチ (in) | 1 | 96 | よく使う単位 |
| フィート (ft) | 12 | 1,152 | ヤード・ポンド法 |
| ヤード (yd) | 36 | 3,456 | ヤード・ポンド法 |
| ポイント (pt) | 0.0138889 | 1.33333 | 印刷・組版の単位 |
| パイカ (pc) | 0.166667 | 16 | 印刷・組版の単位 |
| twip | 0.000694444 | 0.0666667 | Officeファイルの単位 |
| EMU | 0.00000109361 | 0.000104987 | Officeファイルの単位 |
「変換元」の欄には何を入力できる?
| 入力 | 「変換元」の欄の下の単位 | 「変換先」の欄の結果 | 読み取り方 |
|---|---|---|---|
| 100 | ピクセル (px) | 2.64583333333333 cm | 単位を付けない数値は、欄の下で選んだ単位、ここではピクセルとして計算します。 |
| 2.5 | ピクセル (px) | 0.0661458333333333 cm | ピリオドは小数点なので、2.5ピクセルです。 |
| 1,500 | ピクセル (px) | 39.6875 cm | カンマのあとに3桁が続くと3桁区切りと読むので、1,500ピクセルです。欄の下にどう読んだかを示す一文が表示されます。 |
| 120 | ピクセル (px) | 3.175 cm | 全角数字もそのまま読み取ります。 |
| 12pt | ポイント (pt) | 0.423333333333333 cm | 数値に続けて書いた単位で、欄の下の単位が切り替わります。ここではポイントになり、欄の下に切り替えを知らせる一文が表示されます。 |
| 2インチ | インチ (in) | 5.08 cm | 単位はカタカナで書いてもかまいません。 |
| 5センチ | センチメートル (cm) | 5 cm | 「センチ」「ミリ」のような略した言い方も読み取ります。 |
| 48dp | 密度非依存ピクセル (dp) | 0.762 cm | Androidのdpとspの記号でも単位が切り替わります。 |
| 10級 | 級 (Q) | 0.25 cm | 写植の文字サイズの単位「級」も使えます。1級は0.25 mmなので、10級は2.5 mmです。 |
| 300dpi | ピクセル (px) | —(欄の下にメッセージ) | 解像度は大きさではないので、結果は出ません。欄の下に、DPIを入力する場所の案内が表示されます。 |
出典
- ピクセル — Wikipedia
- Print resolution for images in Photoshop — Adobe(英語)
- 紙の寸法 — Wikipedia
- 名刺 — Wikipedia
- 写真 — Wikipedia
- CSS Values and Units Module Level 4 — W3C(英語)
- DPI and device-independent pixels — Microsoft Learn(英語)
- Support different pixel densities — Android Developers(英語)
- [MS-DOC]: Example of a section — Microsoft Learn(英語)
- [MS-OE376]: ST_Coordinate (Coordinate) — Microsoft Learn(英語)
表の数値はすべて単位の定義から計算し、公開前に検算しています。歴史的なデータと各地の単位の名称は、上記の出典に基づいています。
最終確認日: · 作成・確認: Arteonチーム
ピクセルとDPIについてよくある質問
ウェブ用の画像は72 DPIにしないといけない?
いいえ。ブラウザーは画像をピクセル数で表示するので、ファイルに書かれた解像度でページ上の大きさは変わりません。ウェブで大事なのはピクセル単位の幅で、たとえば記事の幅いっぱいの画像なら1,200 pxのように決めます。
CSSでは1インチが必ず96 pxなのに、Photoshopではそうならないのはなぜ?
CSSは単位をCSSピクセルに結び付けているので、1インチは常に96 pxです[6]。Photoshopはファイルのピクセルで計算し、1インチに何ピクセル入るかはドキュメントの解像度で決まります。
px/cmをDPIに換算するには?
1インチは2.54 cmなので、値に2.54を掛けます。118.11 px/cmは300 DPIです。このツールならpx/cmのボタンを押すだけで、「解像度」欄の数値が自動で換算されます。
入力したデータはサーバーに送られる?
送られません。計算はすべてブラウザーの中で行うので、入力した数値が端末の外に出ることはありません。
このツールの改善にご協力ください
足りない単位がある、または結果がお使いのソフトと違う場合は、ソフトの名前と、そこに表示されている値を教えてください。