How to Use This Tool 使用说明

1. Select a preset ratio (like 16:9, 4:3, 1:1) from the dropdown, or enter a custom ratio.
2. Enter either the width or height to calculate the other dimension automatically.
3. The preview bar shows a visual representation of the aspect ratio.
4. Common resolutions for each ratio are displayed for quick reference.
5. This is useful for video production, image cropping, responsive web design, and screen specifications.

1. 从下拉菜单选择预设比例（如 16:9、4:3、1:1），或输入自定义比例。
2. 输入宽度或高度，自动计算另一个维度。
3. 预览条可视化展示宽高比。
4. 每种比例的常见分辨率供快速参考。
5. 适用于视频制作、图片裁剪、响应式网页设计和屏幕规格。

Frequently Asked Questions 常见问题

• What is aspect ratio? — Aspect ratio is the proportional relationship between width and height of an image or screen. For example, 16:9 means the width is 16 units and the height is 9 units.
• What is the most common aspect ratio? — 16:9 is the most common, used by most monitors, TVs, and YouTube videos. 4:3 was common in older TVs. 1:1 is used for Instagram posts and profile pictures.
• How does this help with responsive design? — In CSS, you can use aspect-ratio: 16/9 to maintain the ratio. This calculator helps you determine the correct dimensions.

• 什么是宽高比？ — 宽高比是图像或屏幕宽度与高度的比例关系。例如 16:9 表示宽度为 16 个单位，高度为 9 个单位。
• 最常见的宽高比是什么？ — 16:9 最为常见，用于大多数显示器、电视和 YouTube 视频。4:3 用于老式电视。1:1 用于 Instagram 帖子和头像。
• 这对响应式设计有什么帮助？ — 在 CSS 中可以用 aspect-ratio: 16/9 保持比例。此计算器帮助你确定正确的尺寸。