メディア
ツール
単価データ
書類・見積
お金・税金
キャリア
デザイン
その他
幅と高さ、または比率のどちらかを入力するだけで、アスペクト比や指定サイズに合わせた縦横の値を自動計算します。
アスペクト比計算、8ptグリッド計算、SNS画像サイズ早見表、広告バナーサイズ早見表、塗り足し・トンボ計算、黄金比・白銀比レイアウト計算、主要デバイスの画面サイズ一覧まで、サイズ・レイアウトに関わる7種のツールを無料で使えます。
幅と高さを入力すると、既約分数の比に変換します。小数比になる場合は、近い一般的な比を併記します。
プリセットまたは直接入力で比を固定し、幅・高さの一方から他方を計算します。
任意の数値を8の倍数に丸めます。4pt刻みのハーフグリッドも同時に表示します。
| 最も近い8の倍数 | - |
|---|---|
| 切り上げ（8の倍数） | - |
| 切り下げ（8の倍数） | - |
| 4ptハーフグリッド | |
| 最も近い4の倍数 | - |
| 切り上げ（4の倍数） | - |
| 切り下げ（4の倍数） | - |
クリックでコピーできます。
基準値（8の倍数に丸めた値）をもとに、xs/s/m/l/xlの間隔セットを生成します。
最終更新: 2026年8月。サービス名で絞り込み、サイズをクリックしてコピーできます。
一次情報: X ヘルプセンター／ Instagram ヘルプセンター／ Meta for Business ヘルプ／ YouTube ヘルプ／ LinkedIn ヘルプセンター／ TikTok for Business ヘルプ／ note ヘルプ
| X（旧Twitter） ／ プロフィール画像 | |
|---|---|
| X（旧Twitter） ／ ヘッダー画像 | |
| X（旧Twitter） ／ 投稿画像（推奨） | |
| Instagram ／ プロフィール画像 | |
| Instagram ／ 正方形の投稿 | |
| Instagram ／ 横長の投稿 | |
| Instagram ／ 縦長の投稿 | |
| Instagram ／ ストーリーズ／リール | |
| Facebook ／ プロフィール画像 | |
| Facebook ／ カバー画像（PC表示） | |
| Facebook ／ リンク共有画像 | |
| Facebook ／ ストーリーズ | |
| YouTube ／ チャンネルアイコン | |
| YouTube ／ チャンネルアート（全体） | |
| YouTube ／ 動画サムネイル | |
| LinkedIn ／ プロフィール画像 | |
| LinkedIn ／ 個人カバー画像 | |
| LinkedIn ／ 投稿画像（リンク共有） | |
| TikTok ／ プロフィール画像 | |
| TikTok ／ 動画（縦型） | |
| note ／ アイキャッチ画像 |
最終更新: 2026年8月。Google ディスプレイネットワークの主要サイズです。
一次情報: Google 広告 ヘルプセンター
サイズをクリックするとコピーできます。矩形は縦横比の目安（縮小表示）です。
| 中型レクタングル（Medium Rectangle） | |
|---|---|
| ラージレクタングル（Large Rectangle） | |
| ビッグバナー／リーダーボード（Leaderboard） | |
| ハーフページ（Half Page） | |
| ラージモバイルバナー（Large Mobile Banner） | |
| モバイルバナー（Mobile Banner） | |
| ワイドスカイスクレイパー（Wide Skyscraper） | |
| ビルボード（Billboard） |
| 横長画像（1.91:1） | 推奨 1200×628px ／ 最小 600×314px |
|---|---|
| 正方形画像（1:1） | 推奨 1200×1200px ／ 最小 300×300px |
| ロゴ（横長）（4:1） | 推奨 1200×300px ／ 最小 512×128px |
| ロゴ（正方形）（1:1） | 推奨 1200×1200px ／ 最小 128×128px |
画像のファイルサイズ上限は150KBです。
塗り足しは一般に3mmが標準です。必要に応じて変更できます。
内トンボ＝仕上がり位置（実際に切る位置）を示す線、外トンボ＝塗り足し位置（塗り足しの外側）を示す線です。トンボの線自体を描くために、上下左右に約10mmずつの余白が必要になります。
| 仕上がりサイズ | - | |
|---|---|---|
| 塗り足し込みサイズ（データサイズ） | - | |
| トンボ込みサイズ（全体サイズ） | - |
黄金比（1.618）と白銀比（1.414）の両方で、分割・拡大した数値列を計算します。白銀比（1:1.414 ≒ √2）は日本の紙サイズ（A判・B判）に使われている比率です。
| 黄金比（÷1.618 ／ ×1.618） | |
|---|---|
| 分割 1段 | - |
| 分割 2段 | - |
| 分割 3段 | - |
| 拡大 1段 | - |
| 拡大 2段 | - |
| 拡大 3段 | - |
| 白銀比（÷1.414 ／ ×1.414） | |
| 分割 1段 | - |
| 分割 2段 | - |
| 分割 3段 | - |
| 拡大 1段 | - |
| 拡大 2段 | - |
| 拡大 3段 | - |
全幅を比で大小2列に分割した場合の幅です（例: 全幅1200pxを黄金比で分割すると 742px : 458px）。
| 黄金比（広い列 : 狭い列） | - |
|---|---|
| 白銀比（広い列 : 狭い列） | - |
最終更新: 2026年8月。
一次情報: Apple Human Interface Guidelines／ Android Developers（デザイン）
論理解像度（CSSピクセル）は、CSSのwidthやメディアクエリが実際に参照する値です。物理解像度は画面の実際のピクセル数で、デバイスピクセル比（DPR）＝物理解像度÷論理解像度の関係にあります。レスポンシブデザインで「◯◯px以上で表示を切り替える」というとき、その◯◯pxは常に論理解像度側の値です。物理解像度をそのままメディアクエリに使うと、高DPR端末で意図しない表示になります。
特定の公式規格ではなく、主要なCSSフレームワークで広く使われている一般的な目安です。デザインシステムごとに独自の値を持つ場合は、そちらを優先してください。
| スマホ | 〜767px |
|---|---|
| タブレット | 768〜1023px |
| デスクトップ | 1024px〜 |
| iPhone SE（第2/3世代） | 論理 375×667 ／ 物理 750×1334 ／ DPR 2 |
|---|---|
| iPhone 12 mini / 13 mini | 論理 375×812 ／ 物理 1125×2436 ／ DPR 3 |
| iPhone 12/13/14 | 論理 390×844 ／ 物理 1170×2532 ／ DPR 3 |
| iPhone 12 Pro Max/13 Pro Max/14 Plus | 論理 428×926 ／ 物理 1284×2778 ／ DPR 3 |
| iPhone 14 Pro/15/15 Pro | 論理 393×852 ／ 物理 1179×2556 ／ DPR 3 |
| iPhone 14 Pro Max/15 Plus/15 Pro Max | 論理 430×932 ／ 物理 1290×2796 ／ DPR 3 |
| iPad（第10世代・10.9インチ） | 論理 820×1180 ／ 物理 1640×2360 ／ DPR 2 |
|---|---|
| iPad mini（第6世代） | 論理 744×1133 ／ 物理 1488×2266 ／ DPR 2 |
| iPad Pro 11インチ | 論理 834×1194 ／ 物理 1668×2388 ／ DPR 2 |
| iPad Pro 12.9インチ | 論理 1024×1366 ／ 物理 2048×2732 ／ DPR 2 |
Androidは機種・画面設定（表示解像度の変更機能）によって値が変わるため、代表的な既定値のみを掲載します。ここに無い機種は各メーカーの仕様ページで確認してください。
| Google Pixel 7/8（標準モデル） | 論理 412×915 ／ 物理 1080×2400 ／ DPR 2.625 |
|---|---|
| Galaxy S21/S22/S23（標準モデル） | 論理 360×800 ／ 物理 1080×2400 ／ DPR 3 |
PCはOSの表示スケーリング設定によって論理解像度が物理解像度と異なる場合があります（特にWindowsの高DPI環境、MacのRetinaディスプレイ）。以下は代表的な物理解像度です。
| HD（ノートPCで多い解像度） | 1366×768（DPR 1が一般的） |
|---|---|
| フルHD | 1920×1080（DPR 1が一般的） |
| 4K／UHD | 3840×2160（OSスケーリングにより論理解像度は1920×1080相当になることが多い） |