纵横比指南
纵横比描述了宽度和高度之间的比例关系。它被写为用冒号分隔的两个数字 - 16:9 表示每 9 个单位的高度对应 16 个单位的宽度。正确的比例可以防止图像拉伸和布局损坏。
输入您的宽度和高度，或选择预设。启用比例锁定后，更改一个尺寸会自动缩放另一个尺寸以保持比例。预览会绘制您的比例，常见的分辨率为您提供视频、网络和打印的即时起点。
专业提示
- 对于响应式网页设计，请使用 CSS 宽高比属性：宽高比：16 / 9;。它无需 JavaScript 即可使元素在任何容器宽度下保持比例。
- 调整图像大小时，请始终保持锁定状态。解锁的缩放会导致可见的扭曲——拉伸的标志和压扁的面孔是典型的表现。
常见问题
Q: 最常见的长宽比是多少？
最常见的长宽比是多少？视频和屏幕为 16:9，旧电视和演示为 4:3，社交媒体帖子为 1:1，垂直视频为 9:16，摄影为 3:2。
Q: 如何根据尺寸计算纵横比？
如何根据尺寸计算纵横比？将两个数字除以它们的最大公约数。对于 1920x1080，两者均除以 120，得到 16:9。
Q: YouTube 应该使用什么宽高比？
YouTube 应该使用什么宽高比？ 16:9 是标准。对于 Shorts 和 TikTok 风格的垂直视频，请使用 9:16。
Q: 我可以在 CSS 中使用纵横比吗？
我可以在 CSS 中使用纵横比吗？是的，自 2021 年以来，所有现代浏览器都支持宽高比属性。它取代了旧的 padding-top hack。
Q: 为什么我的图像看起来很拉伸？
为什么我的图像看起来很拉伸？容器尺寸与图像比例不匹配。要么按照容器比例裁剪图像，要么使用 object-fit: cover 进行填充而不失真。
中国传统色
中国传统色源自「五色观」——青、赤、黄、白、黑，对应五行、方位与季节。古人从矿物与植物中提炼颜料，形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作，至今仍是设计师的灵感源泉。
胭脂 #9D2933古代妆饰与衣料的经典红色，由胭脂虫或红花制成
朱砂 #FF461F矿物颜料，故宫红墙与印章的常用色
竹青 #789262竹叶之色，文人雅士钟爱的清雅色调
月白 #D6ECF0月光般的淡蓝色，明清宫廷常服用色
藤黄 #FFB61E取自藤本植物汁液，国画重要黄色颜料
石绿 #16A951矿物孔雀石研磨而成，山水画中的绿色
墨色 #50616D书法用墨的深灰蓝色，文房四宝之色
Q: 什么是中国传统色？
什么是中国传统色？中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料，形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值？
中国红是什么色值？中国红属于朱砂色系，常用色值 #FF461F（朱红）或 #9D2933（胭脂）。故宫红墙更接近深红色 #A61B29。