4:3、16:9などのサイズ一覧

たまに必要になってその度に検索していたので作ってみた。
幅を総当りして、割り切れる高さを算出。

See the Pen aspect ratio calc by phantom4 (@phantom4) on CodePen.

以下は、幅1〜1280のときの4:3と16:9のリスト

4:3

• 4, 3
• 8, 6
• 12, 9
• 16, 12
• 20, 15
• 24, 18
• 28, 21
• 32, 24
• 36, 27
• 40, 30
• 44, 33
• 48, 36
• 52, 39
• 56, 42
• 60, 45
• 64, 48
• 68, 51
• 72, 54
• 76, 57
• 80, 60
• 84, 63
• 88, 66
• 92, 69
• 96, 72
• 100, 75
• 104, 78
• 108, 81
• 112, 84
• 116, 87
• 120, 90
• 124, 93
• 128, 96
• 132, 99
• 136, 102
• 140, 105
• 144, 108
• 148, 111
• 152, 114
• 156, 117
• 160, 120
• 164, 123
• 168, 126
• 172, 129
• 176, 132
• 180, 135
• 184, 138
• 188, 141
• 192, 144
• 196, 147
• 200, 150
• 204, 153
• 208, 156
• 212, 159
• 216, 162
• 220, 165
• 224, 168
• 228, 171
• 232, 174
• 236, 177
• 240, 180
• 244, 183
• 248, 186
• 252, 189
• 256, 192
• 260, 195
• 264, 198
• 268, 201
• 272, 204
• 276, 207
• 280, 210
• 284, 213
• 288, 216
• 292, 219
• 296, 222
• 300, 225
• 304, 228
• 308, 231
• 312, 234
• 316, 237
• 320, 240
• 324, 243
• 328, 246
• 332, 249
• 336, 252
• 340, 255
• 344, 258
• 348, 261
• 352, 264
• 356, 267
• 360, 270
• 364, 273
• 368, 276
• 372, 279
• 376, 282
• 380, 285
• 384, 288
• 388, 291
• 392, 294
• 396, 297
• 400, 300
• 404, 303
• 408, 306
• 412, 309
• 416, 312
• 420, 315
• 424, 318
• 428, 321
• 432, 324
• 436, 327
• 440, 330
• 444, 333
• 448, 336
• 452, 339
• 456, 342
• 460, 345
• 464, 348
• 468, 351
• 472, 354
• 476, 357
• 480, 360
• 484, 363
• 488, 366
• 492, 369
• 496, 372
• 500, 375
• 504, 378
• 508, 381
• 512, 384
• 516, 387
• 520, 390
• 524, 393
• 528, 396
• 532, 399
• 536, 402
• 540, 405
• 544, 408
• 548, 411
• 552, 414
• 556, 417
• 560, 420
• 564, 423
• 568, 426
• 572, 429
• 576, 432
• 580, 435
• 584, 438
• 588, 441
• 592, 444
• 596, 447
• 600, 450
• 604, 453
• 608, 456
• 612, 459
• 616, 462
• 620, 465
• 624, 468
• 628, 471
• 632, 474
• 636, 477
• 640, 480
• 644, 483
• 648, 486
• 652, 489
• 656, 492
• 660, 495
• 664, 498
• 668, 501
• 672, 504
• 676, 507
• 680, 510
• 684, 513
• 688, 516
• 692, 519
• 696, 522
• 700, 525
• 704, 528
• 708, 531
• 712, 534
• 716, 537
• 720, 540
• 724, 543
• 728, 546
• 732, 549
• 736, 552
• 740, 555
• 744, 558
• 748, 561
• 752, 564
• 756, 567
• 760, 570
• 764, 573
• 768, 576
• 772, 579
• 776, 582
• 780, 585
• 784, 588
• 788, 591
• 792, 594
• 796, 597
• 800, 600
• 804, 603
• 808, 606
• 812, 609
• 816, 612
• 820, 615
• 824, 618
• 828, 621
• 832, 624
• 836, 627
• 840, 630
• 844, 633
• 848, 636
• 852, 639
• 856, 642
• 860, 645
• 864, 648
• 868, 651
• 872, 654
• 876, 657
• 880, 660
• 884, 663
• 888, 666
• 892, 669
• 896, 672
• 900, 675
• 904, 678
• 908, 681
• 912, 684
• 916, 687
• 920, 690
• 924, 693
• 928, 696
• 932, 699
• 936, 702
• 940, 705
• 944, 708
• 948, 711
• 952, 714
• 956, 717
• 960, 720
• 964, 723
• 968, 726
• 972, 729
• 976, 732
• 980, 735
• 984, 738
• 988, 741
• 992, 744
• 996, 747
• 1000, 750
• 1004, 753
• 1008, 756
• 1012, 759
• 1016, 762
• 1020, 765
• 1024, 768
• 1028, 771
• 1032, 774
• 1036, 777
• 1040, 780
• 1044, 783
• 1048, 786
• 1052, 789
• 1056, 792
• 1060, 795
• 1064, 798
• 1068, 801
• 1072, 804
• 1076, 807
• 1080, 810
• 1084, 813
• 1088, 816
• 1092, 819
• 1096, 822
• 1100, 825
• 1104, 828
• 1108, 831
• 1112, 834
• 1116, 837
• 1120, 840
• 1124, 843
• 1128, 846
• 1132, 849
• 1136, 852
• 1140, 855
• 1144, 858
• 1148, 861
• 1152, 864
• 1156, 867
• 1160, 870
• 1164, 873
• 1168, 876
• 1172, 879
• 1176, 882
• 1180, 885
• 1184, 888
• 1188, 891
• 1192, 894
• 1196, 897
• 1200, 900
• 1204, 903
• 1208, 906
• 1212, 909
• 1216, 912
• 1220, 915
• 1224, 918
• 1228, 921
• 1232, 924
• 1236, 927
• 1240, 930
• 1244, 933
• 1248, 936
• 1252, 939
• 1256, 942
• 1260, 945
• 1264, 948
• 1268, 951
• 1272, 954
• 1276, 957
• 1280, 960

16:9

• 16, 9
• 32, 18
• 48, 27
• 64, 36
• 80, 45
• 96, 54
• 112, 63
• 128, 72
• 144, 81
• 160, 90
• 176, 99
• 192, 108
• 208, 117
• 224, 126
• 240, 135
• 256, 144
• 272, 153
• 288, 162
• 304, 171
• 320, 180
• 336, 189
• 352, 198
• 368, 207
• 384, 216
• 400, 225
• 416, 234
• 432, 243
• 448, 252
• 464, 261
• 480, 270
• 496, 279
• 512, 288
• 528, 297
• 544, 306
• 560, 315
• 576, 324
• 592, 333
• 608, 342
• 624, 351
• 640, 360
• 656, 369
• 672, 378
• 688, 387
• 704, 396
• 720, 405
• 736, 414
• 752, 423
• 768, 432
• 784, 441
• 800, 450
• 816, 459
• 832, 468
• 848, 477
• 864, 486
• 880, 495
• 896, 504
• 912, 513
• 928, 522
• 944, 531
• 960, 540
• 976, 549
• 992, 558
• 1008, 567
• 1024, 576
• 1040, 585
• 1056, 594
• 1072, 603
• 1088, 612
• 1104, 621
• 1120, 630
• 1136, 639
• 1152, 648
• 1168, 657
• 1184, 666
• 1200, 675
• 1216, 684
• 1232, 693
• 1248, 702
• 1264, 711
• 1280, 720

更新

2020/12/31
Codepenをアップデートしました。（スクロールで次の100件を表示）

2018/7/10
Codepenをアップデートしました。

2016/11/29
UIを作りました。