アスペクト比（縦横比）計算機

アスペクト比（縦横比）とは、矩形画像やディスプレイ画面における「横の長さと縦の長さの比率」を表した数値です。

レイアウトシフト（CLS）防止とSEO効果
Googleのページスピード指標である Core Web Vitals には、CLS（Cumulative Layout Shift：累積レイアウトシフト）というレイアウトのズレを評価する重要な項目があります。画像を読み込む前に、HTML側で正確な width と height（アスペクト比を維持した正確な比率）を指定しておかないと、画像の描画時に周囲のテキストがズレ落ち、CLSスコアが悪化します。

本計算機を使えば、動画サムネイルのトリミング用ピクセルサイズ、OGP画像の切り出し、UIデザインにおけるグリッド比率、およびHTML/CSS設計用の正確なピクセル値をリアルタイムに算出でき、レイアウト崩れのないSEOフレンドリーなウェブサイトの構築に役立ちます。