KAKERU TOOLS ─ 無料・登録なし
アスペクト比 計算ツール画像を入れるだけで、縦横の比率と aspect-ratio のコードが出る。「横を○pxにしたら縦は？」もその場で計算できます。
無料で使える登録・インストール不要スマホでもOK
×
数字を直接入れても、すぐ形と答えが変わります。
画像を入れると、その画像で形を確かめられます（画像は保存も送信もされません）。
答え
大きさを計算同じ比率のまま
横をpx にすると、縦は
縦をpx にすると、横は
コピペ用のコード
はみ出した部分は
aspect-ratio は「横 / 縦」で書きます。約分しなくても動きますが、約分すると何の比率か分かりやすくなります。
1
画像を入れる（または数字を入れる）
縦横の大きさを読み取ります。よく使う比率のボタンからでもOK。
2
比率と大きさを確かめる
約分した比率・小数・%で表示。「横○pxなら縦は？」も計算できます。
3
コードをコピーして貼る
aspect-ratio と object-fit をセットで。古いブラウザ向けの書き方も出せます。
Sizesよく使う大きさから始める
Learnしくみを知りたい人へ（WEB技術の記事）
ABOUT ─ この道具について
KAKERUデザインが作りました。WEBとデザインの仕事を20年以上続けてきた中で「あったら便利」と思ったものを、無料の道具にしています。サイト制作やWEBまわりのご相談もどうぞ。