アスペクト比は、幅と高さの比例関係を表します。コロンで区切られた 2 つの数値として記述されます。16:9 は、高さ 9 単位ごとに幅が 16 単位であることを意味します。比率を正しく設定すると、画像が引き伸ばされたり、レイアウトが壊れたりするのを防ぐことができます。
幅と高さを入力するか、プリセットを選択します。比率ロックを有効にすると、一方の寸法を変更すると、もう一方の寸法が自動的に拡大縮小され、比率が維持されます。プレビューではスケールに応じた比率が表示され、一般的な解像度により、ビデオ、Web、印刷の開始点がすぐに得られます。
Frequently Asked Questions
Q: 最も一般的なアスペクト比は何ですか?
最も一般的なアスペクト比は何ですか?ビデオとスクリーンには 16:9、古いテレビやプレゼンテーションには 4:3、ソーシャル メディア投稿には 1:1、縦型ビデオには 9:16、写真には 3:2。
Q: 寸法からアスペクト比を計算するにはどうすればよいですか?
寸法からアスペクト比を計算するにはどうすればよいですか?両方の数値を最大公約数で割ります。 1920x1080 の場合、両方を 120 で割ると 16:9 になります。
Q: YouTube ではどのアスペクト比を使用すればよいですか?
YouTube ではどのアスペクト比を使用すればよいですか? 16:9が標準です。ショート動画や TikTok スタイルの縦型ビデオの場合は、9:16 を使用します。
Q: CSSでアスペクト比を使用できますか?
CSSでアスペクト比を使用できますか?はい、アスペクト比プロパティは 2021 年以降、すべての最新ブラウザでサポートされています。これは古いパディングトップ ハックを置き換えます。
Q: 画像が引き伸ばされて見えるのはなぜですか?
画像が引き伸ばされて見えるのはなぜですか?コンテナのサイズが画像の比率と一致しません。画像をコンテナの比率に合わせてトリミングするか、object-fit: cover を使用して歪みなく塗りつぶします。
日本の伝統色・和色
和色は平安時代の襲（かさね）の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。
山吹色 #F8B500山吹の花に由来する黄金色。JIS慣用色名
撫子色 #EEA9A9ナデシコの花の淡いピンク。平安時代から愛される
茜色 #B7282E茜草の根から染めた深い赤。夕焼けの色
若草色 #C3D825春の新芽を思わせる明るい黄緑
瑠璃色 #1E50A2仏教の七宝「瑠璃」に由来する深い青
桜色 #FEF4F4桜の花びらのようなごく淡いピンク
常磐色 #007B43常緑樹の深い緑。永遠を象徴する
Q: 和色とは何ですか？
和色とは何ですか？和色は平安時代の襲の色目に由来する日本の伝統色で、桜・山吹・瑠璃など自然の名を冠した色が多く、JIS慣用色名として269色が制定されています。
Q: 山吹色はどんな色ですか？
山吹色はどんな色ですか？山吹の花に由来する黄金色で、色値は #F8B500。JIS慣用色名の一つで、太田道灌の逸話でも知られる日本の代表色です。