feat: add aspect-ratio.md cheatsheet.

2022-12-04 17:58:12 +08:00 · 2022-12-04 17:58:12 +08:00 · e57f03ce8d
commit e57f03ce8d
parent cb33da466e
2 changed files with 250 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -179,6 +179,7 @@ Quick Reference
 ## 其它

 [Quick Reference](./docs/quickreference.md)<!--rehype:style=background: rgb(16 185 129);&class=tag&data-lang=排版说明-->  
+[Aspect Ratio](./docs/aspect-ratio.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [Github Actions](./docs/github-actions.md)<!--rehype:style=background: rgb(121 184 255);-->  
 [Gitlab CI/CD](./docs/gitlab-ci.md)<!--rehype:style=background: rgb(226 67 41);&class=contributing-->  
 [Colors Named](./docs/colors-named.md)<!--rehype:style=background: rgb(16 185 129);&class=tag&data-lang=CSS-->  
--- a/docs/aspect-ratio.md
+++ b/docs/aspect-ratio.md
@ -0,0 +1,249 @@
+Aspect Ratio 备忘清单
+===
+
+此备忘单列出了一些常见的宽高比及其像素分辨率
+
+入门
+----
+<!--rehype:body-class=cols-2-->
+
+### 介绍
+<!--rehype:wrap-class=col-span-2-->
+
+- 宽高比是屏幕或图像的宽度和高度之间的比率
+- 它通常写成由冒号或“x”分隔的两个数字，例如：16:9 或 16x9
+- 这被解释为宽度为 W 像素，高度为每个 H 像素。
+- 分辨率是像素数（颜色的各个点）
+<!--rehype:className=style-round-->
+
+宽高比列表
+--------
+
+### 1080p
+<!--rehype:wrap-class=row-span-2-->
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 864 x 1080
+1.25 (5:4)   | 1350 x 1080
+1.33 (4:3)   | 1440 x 1080
+1.66 (5:3)   | 1800 x 1080
+1.78 (16:9)  | 1920 x 1080
+1.85         | 1920 x 1038
+1.90         | 1920 x 1011
+2.00         | 1920 x 960
+2.35         | 1920 x 817
+2.37         | 1920 x 810
+2.39         | 1920 x 803
+2.40         | 1920 x 800
+2.44         | 1920 x 787
+<!--rehype:className=show-header-->
+
+### 720p
+<!--rehype:wrap-class=row-span-2-->
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 576 x 720
+1.25 (5:4)   | 900 x 720
+1.33 (4:3)   | 960 x 720
+1.66 (5:3)   | 1200 x 720
+1.78 (16:9)  | 1280 x 720
+1.85         | 1280 x 692
+1.90         | 1280 x 674
+2.00         | 1280 x 640
+2.35         | 1280 x 545
+2.37         | 1280 x 540
+2.39         | 1280 x 536
+2.40         | 1280 x 533
+2.44         | 1280 x 525
+<!--rehype:className=show-header-->
+
+### Cinema DCP 4K
+
+纵横比 | 分辨率
+:-- | --
+Flat (1.85)           | 3996 x 2160
+Scope (2.39)          | 4096 x 1716
+Full Container (1.90) | 4096 x 2160
+<!--rehype:className=show-header-->
+
+### Cinema DCP 2K
+
+纵横比 | 分辨率
+:-- | --
+Flat (1.85)           | 1998 x 1080
+Scope (2.39)          | 2048 x 858
+Full Container (1.90) | 2048 x 1080
+<!--rehype:className=show-header-->
+
+### 8K
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 3686 x 4608
+1.25 (5:4)   | 5760 x 4608
+1.33 (4:3)   | 6144 x 4608
+1.66 (5:3)   | 7680 x 4608
+1.78 (16:9)  | 8192 x 4608
+1.85         | 8192 x 4428
+1.90         | 8192 x 4320
+2.00         | 8192 x 4096
+2.35         | 8192 x 3486
+2.37         | 8192 x 3456
+2.39         | 8192 x 3428
+2.40         | 8192 x 3413
+2.44         | 8192 x 3357
+<!--rehype:className=show-header-->
+
+### 6K
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 2765 x 3456
+1.25 (5:4)   | 4320 x 3456
+1.33 (4:3)   | 4608 x 3456
+1.66 (5:3)   | 5760 x 3456
+1.78 (16:9)  | 6144 x 3456
+1.85         | 6144 x 3321
+1.90         | 6144 x 3234
+2.00         | 6144 x 3072
+2.35         | 6144 x 2614
+2.37         | 6144 x 2592
+2.39         | 6144 x 2571
+2.40         | 6144 x 2560
+2.44         | 6144 x 2518
+<!--rehype:className=show-header-->
+
+### 4K
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 2765 x 3456
+1.25 (5:4)   | 4320 x 3456
+1.33 (4:3)   | 4608 x 3456
+1.66 (5:3)   | 5760 x 3456
+1.78 (16:9)  | 6144 x 3456
+1.85         | 6144 x 3321
+1.90         | 6144 x 3234
+2.00         | 6144 x 3072
+2.35         | 6144 x 2614
+2.37         | 6144 x 2592
+2.39         | 6144 x 2571
+2.40         | 6144 x 2560
+2.44         | 6144 x 2518
+<!--rehype:className=show-header-->
+
+### 3K
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 1382 x 1728
+1.25 (5:4)   | 2160 x 1728
+1.33 (4:3)   | 2304 x 1728
+1.66 (5:3)   | 2880 x 1728
+1.78 (16:9)  | 3072 x 1728
+1.85         | 3072 x 1661
+1.90         | 3072 x 1620
+2.00         | 3072 x 1536
+2.35         | 3072 x 1307
+2.37         | 3072 x 1296
+2.39         | 3072 x 1285
+2.40         | 3072 x 1280
+2.44         | 3072 x 1259
+<!--rehype:className=show-header-->
+
+### 2K
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 922 x 1152
+1.25 (5:4)   | 1440 x 1152
+1.33 (4:3)   | 1536 x 1152
+1.66 (5:3)   | 1920 x 1152
+1.78 (16:9)  | 2048 x 1152
+1.85         | 2048 x 1107
+1.90         | 2048 x 1078
+2.00         | 2048 x 1024
+2.35         | 2048 x 871
+2.37         | 2048 x 864
+2.39         | 2048 x 858
+2.40         | 2048 x 853
+2.44         | 2048 x 838
+<!--rehype:className=show-header-->
+
+### 8K UHD
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 2765 x 3456
+1.25 (5:4)   | 5400 x 3456
+1.33 (4:3)   | 5760 x 3456
+1.66 (5:3)   | 7200 x 3456
+1.78 (16:9)  | 7680 x 4320
+1.85         | 7680 x 4151
+1.90         | 7680 x 4042
+2.00         | 7680 x 3840
+2.35         | 7680 x 3268
+2.37         | 7680 x 3240
+2.39         | 7680 x 3213
+2.40         | 7680 x 3200
+2.44         | 7680 x 3148
+<!--rehype:className=show-header-->
+
+### 5K
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 2304 x 2880
+1.25 (5:4)   | 3600 x 2880
+1.33 (4:3)   | 3840 x 2880
+1.66 (5:3)   | 4800 x 2880
+1.78 (16:9)  | 5120 x 2880
+1.85         | 5120 x 2768
+1.90         | 5120 x 2700
+2.00         | 5120 x 2560
+2.35         | 5120 x 2179
+2.37         | 5120 x 2160
+2.39         | 5120 x 2142
+2.40         | 5120 x 2133
+2.44         | 5120 x 2098
+<!--rehype:className=show-header-->
+
+### 4K UHD
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 1728 x 2160
+1.25 (5:4)   | 2700 x 2160
+1.33 (4:3)   | 2880 x 2160
+1.66 (5:3)   | 3600 x 2160
+1.78 (16:9)  | 3840 x 2160
+1.85         | 3840 x 2076
+1.90         | 3840 x 2021
+2.00         | 3840 x 1920
+2.35         | 3840 x 1634
+2.37         | 3840 x 1620
+2.39         | 3840 x 1607
+2.40         | 3840 x 1600
+2.44         | 3840 x 1574
+<!--rehype:className=show-header-->
+
+### 3K UHD
+
+纵横比 | 分辨率
+:-- | --
+0.80 (4:5)   | 1296 x 1620
+1.25 (5:4)   | 2025 x 1620
+1.33 (4:3)   | 2160 x 1620
+1.66 (5:3)   | 2700 x 1620
+1.78 (16:9)  | 2880 x 1620
+1.85         | 2880 x 1557
+1.90         | 2880 x 1516
+2.00         | 2880 x 1440
+2.35         | 2880 x 1226
+2.37         | 2880 x 1215
+2.39         | 2880 x 1205
+2.40         | 2880 x 1200
+2.44         | 2880 x 1180
+<!--rehype:className=show-header-->