アスペクト比計算機
Aspect Ratio Calculator
目標の比率に合うもう一辺を求め、その寸法に当てはまる標準規格を並べます。
比率を決めればもう一辺を求め、あるサイズがどの標準比率にあたるのかを、実際のサイズは割り切れないので許容誤差を置いて判定し、別の箱の中に収まるその比率の最大の大きさを計算します。
比率
HD 動画、たいていのディスプレイ、YouTube。
16:9 · 1.7778:1
サイズを出す
1920 × 1080
実際の比率
1.7778:1
丸め誤差
0.000%
プレビュー
このサイズが何か
- 16:90.000%HD 動画、たいていのディスプレイ、YouTube。
きっちり約分するのではなく、許容誤差で照合します。これまででいちばん多いノートパソコンの解像度 1366×768 は 683:384 なので、厳密に照合すると何の名前も付きません。
箱の中に収める
収まる最大のサイズ: 1280 × 720
偶数ピクセルに合わせます。H.264 のクロマサブサンプリングが 2×2 ブロック単位なので、奇数のサイズは拒否されるか黙って詰め物をされます。
標準のサイズ
- 1280×720 · 16:9
- 1920×1080 · 16:9
- 3840×2160 · 16:9
- 1366×768 · 16:9
- 2560×1664
- 1179×2556
- 1080×1080 · 1:1
- 1080×1350 · 4:5
- 1080×1920 · 9:16
- 1200×630 · 1.91:1
- 1280×720 · 16:9
- 2480×3508
- 794×1123
- 2550×3300
使い方
比率を決めます
直接入力するか、用意された比率から選びます。16:9、4:3、1:1、9:16、2.39:1などがあります。約分した形と小数値が横に出ます。
分かっている辺を入れます
もう一辺を計算し、四捨五入したあとに実際に得られる比率と、指定した比率からどれだけ離れたかも合わせて示します。
または箱の中に収めます
収める箱を指定すると、その中に入るいちばん大きな大きさを偶数ピクセルに合わせて返します。H.264が2×2のクロマブロック単位で動くため、奇数の寸法は拒否されるか黙って詰め物をされます。
よくある質問
丸め誤差は実際には何を意味しますか。
整数ピクセルではその比率にぴったり合わせられない、という意味です。動画ならエンコードのあとに片方の端の黒い細線として現れます。書き出したあとより前に知っておくほうがよいことです。
1366×768が16:9にならないのはなぜですか。
厳密には16:9ではなく683:384だからです。それでいて、これまででいちばん多く出荷されたノートPCの解像度でもあります。厳密な約分ではなく許容誤差で照合するので、誤差を表示したうえで16:9と呼べます。何にも当てはまらないと言うよりは役に立ちます。
CSSの`aspect-ratio`も同じものですか。
比率としては同じで、コピーボタンがその宣言を渡します。ただしピクセルの寸法を決めてはくれません。ブラウザが収める箱を見て要素の大きさを決めるので、ページ上ではたいていそれが望みどおりで、書き出しでは決してそうではありません。
ここから渡せます
カラーピッカー
Colour Picker
OKLCHの色域から、画面のスポイトで、またはアップロードした画像から色を選び、好きな表記でコピーします。
カラーコード変換
Colour Format Converter
HEX・RGB・HSL・HWB・LAB・LCH・OKLCHのあいだで色を変換し、いちばん近い色名も示します。
コントラスト比チェッカー
Contrast Checker
文字色と背景色の組み合わせをWCAG 2とAPCAで採点し、基準を満たす最も近い色を提案します。
配色パレット生成
Palette Generator
基準の色から補色・三色配色・類似色の規則で調和のとれたパレットを組み立てます。
次の一手
このツールが出したものをそのまま受け取れる道具です。
可変サイズのclamp()計算
Fluid Size Calculator
2つのビューポート幅のあいだでサイズがなめらかに変わるclamp()の式を計算します。
画像トリミング
Image Cropper
自由な形か決まった比率で切り抜き、単色や透明の縁を自動で落とすこともできます。
画像リサイズ
Image Resizer
ピクセル・パーセント・長辺の目標値で大きさを変え、縦横比の固定と一括処理のプリセットを備えます。
動画の切り抜き・比率変更
Video Crop & Aspect
9:16・1:1・16:9・4:5か自由比率に固定した枠をドラッグして画面を切り抜くか、目標の比率まで帯で埋めて、端末側で再エンコードします。
カラーコード変換
Colour Format Converter
HEX・RGB・HSL・HWB・LAB・LCH・OKLCHのあいだで色を変換し、いちばん近い色名も示します。
カラーピッカー
Colour Picker
OKLCHの色域から、画面のスポイトで、またはアップロードした画像から色を選び、好きな表記でコピーします。