Typography Unit Converter
タイポグラフィユニット（pt、px、em、rem、pica等）をDPI設定で変換します。
| 単位 | 変換後の値 |
|---|---|
| px | 16 |
| pt | 12 |
| em | 1 |
| rem | 1 |
| pica | 1 |
| mm | 4.2333 |
| cm | 0.42333 |
| in | 0.16667 |
| ex | 2 |
| ch | 2 |
一般的な参考値
12pt = 16px @ 96dpi1in = 96px @ 96dpi1pica = 16.0px1rem = 16px1em = 16px72pt = 1in
このツールについて
タイポグラフィユニットはデジタルと印刷デザインの基盤ですが、ポイント、ピクセル、em、rem、パイカなど複数の単位を相互変換することは、しばしば面倒で誤りが生じやすい作業です。印刷仕様をウェブデザインに翻訳する必要があるデザイナー、異なるレンダリングコンテキスト間でフォントサイズを調整する開発者、または複数のプラットフォーム間でドキュメントを管理するコンテンツクリエイターにとって、正確性は欠かせません。このコンバーターは、ピクセルからポイントへの変換に大きく影響するDPI設定を考慮しながら、任意のタイポグラフィユニットを別のユニットに即座に翻訳します。
ツールを使用するには、ドロップダウンメニューからソースユニットとターゲットユニットを選択し、変換したい値を入力し、必要に応じて特定の出力メディアで作業している場合はDPI設定を調整するだけです。このコンバーターは、親フォントサイズまたはルートフォントサイズに基づいてスケーリングするemやremなどの相対単位、および点やピクセルなどの絶対単位を扱います。たとえば、16ピクセルをremに変換する場合、16pxベースを想定すると1remになり、デバイス全体で段階的にスケーリングするレスポンシブウェブデザインの構築に役立ちます。
よくある質問
コード実装
def typography_converter(value: float, from_unit: str, to_unit: str,
dpi: float = 96, base_font_px: float = 16) -> float:
"""Convert between typography units. Returns converted value."""
# Convert to px first
to_px = {
'px': lambda v: v,
'pt': lambda v: v * dpi / 72,
'pc': lambda v: v * dpi / 6,
'em': lambda v: v * base_font_px,
'rem': lambda v: v * base_font_px,
'mm': lambda v: v * dpi / 25.4,
'cm': lambda v: v * dpi / 2.54,
'in': lambda v: v * dpi,
'ex': lambda v: v * base_font_px * 0.5,
'ch': lambda v: v * base_font_px * 0.5,
}
from_px = {
'px': lambda v: v,
'pt': lambda v: v * 72 / dpi,
'pc': lambda v: v * 6 / dpi,
'em': lambda v: v / base_font_px,
'rem': lambda v: v / base_font_px,
'mm': lambda v: v * 25.4 / dpi,
'cm': lambda v: v * 2.54 / dpi,
'in': lambda v: v / dpi,
'ex': lambda v: v / (base_font_px * 0.5),
'ch': lambda v: v / (base_font_px * 0.5),
}
px = to_px[from_unit](value)
return from_px[to_unit](px)
# Examples
print(f"16px = {typography_converter(16, 'px', 'pt'):.4f}pt at 96dpi")
print(f"1em = {typography_converter(1, 'em', 'px'):.4f}px at base 16px")
print(f"12pt = {typography_converter(12, 'pt', 'px'):.4f}px at 96dpi")
print(f"1in = {typography_converter(1, 'in', 'pt'):.4f}pt")
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.