アスペクト比計算
幅と高さからアスペクト比を計算します。片方の値から比率を維持したサイズも算出。
アスペクト比
比率を維持してリサイズ
一般的なアスペクト比
<button class="preset rounded bg-gray-100 px-3 py-1 text-xs hover:bg-gray-200" data-w="1920" data-h="1080">16:9 (1920x1080)</button><button class="preset rounded bg-gray-100 px-3 py-1 text-xs hover:bg-gray-200" data-w="1024" data-h="768">4:3 (1024x768)</button><button class="preset rounded bg-gray-100 px-3 py-1 text-xs hover:bg-gray-200" data-w="2560" data-h="1080">21:9 (2560x1080)</button><button class="preset rounded bg-gray-100 px-3 py-1 text-xs hover:bg-gray-200" data-w="1080" data-h="1080">1:1 (1080x1080)</button><button class="preset rounded bg-gray-100 px-3 py-1 text-xs hover:bg-gray-200" data-w="1080" data-h="1920">9:16 (1080x1920)</button><button class="preset rounded bg-gray-100 px-3 py-1 text-xs hover:bg-gray-200" data-w="1440" data-h="960">3:2 (1440x960)</button>