数字内容中充满了各种形状和大小的图像。消费者拿起手机，浏览社交媒体应用并点击网站链接时，很可能会遇到一系列垂直、水平和正方形的照片。如果在台式设备上执行相同的操作，体验可能会完全不同。在这些情况下，图像的形状都经过精心选择，以确保最佳的浏览体验。
查阅平台规格说明并使用正确的宽高比上传图片，有助于确保图像不会被裁剪，并且显示得足够大，以便观看者看清细节。
了解更多关于照片和视频宽高比的信息，并发现社交媒体平台和网站最常用的宽高比。
什么是宽高比？
宽高比是任何图形的宽度与高度的比率。宽度和高度的比率写作两个用冒号分隔的数字，例如 16:9 或 1:1。宽高比描述的是图像或视频几何形状，而非显示尺寸。例如，1:1 的宽高比仅表示图像是正方形的。它可能小到作为网页图标（favicon），也可能大到作为广告牌。
流行的视觉平台如 Instagram、Facebook、TikTok 和 Pinterest 展示许多不同的宽高比。应用程序和网站设计师会选择特定的宽高比来打造理想的用户体验。例如，Instagram 对 Stories 使用垂直的 9:16 比例，对发现信息流中的网格图片使用 1:1 的正方形比例。当查看 Instagram Story 时，这种垂直图像利用了整个移动屏幕以实现沉浸式观看。在网格视图中，正方形 1:1 的图片整齐排列，并最大化同时显示的帖子数量。为特定平台选择错误的宽高比会导致显示效果不佳，图像可能显得太小或被裁剪。
常见宽高比
- 1:1：在 Instagram 和 LinkedIn 的信息流以及许多个人头像中，你经常可以看到方形图片。
- 4:3：这是大多数数码相机和中画幅相机使用的标准宽高比。
- 4:5：用于 Instagram 和 Facebook 广告的竖版图片。这是胶片摄影中的原始宽高比之一，常用于人像照片。
- 9:16：出现在 Instagram 和 Facebook 快拍（Stories）中的竖版图片。这也是 TikTok 和其他竖屏社交视频的标准比例。
- 16:9：用于 YouTube 缩略图和传统风景照的横版图片。这种宽高比也用于 YouTube 和其他横屏视频。
纵横比与图像尺寸
如果您希望在不同渠道使用同一张图片，可能需要调整纵横比以确保其正常显示。如果对所有内容都使用相同的纵横比，由于许多平台会自动裁剪形状不符的图片，您可能会丢失图像细节。在上传前调整照片有助于保持其预期的视觉效果和风格。Shopify 的在线商店编辑器允许商家为主题图片设置焦点区域，以便主题在裁剪时围绕照片中最重要的部分进行裁剪。
请注意，调整纵横比会改变图像的轮廓形状。它并不控制显示尺寸，也不会显著改变文件大小。图像的显示尺寸由应用程序或网站设计以及响应式设计决定，具体取决于用户的设备。文件大小则由图像拍摄技术和导出方式决定。更改图像显示尺寸需要编辑您的网站结构或图像导出设置；改变文件大小可能涉及压缩、重新导出或放大处理。
更改图像的纵横比类似于裁剪操作，涉及从顶部或侧面移除部分图像，以改变原始纵横比并调整比例。在为特定平台调整纵横比时，使用带有参考线的照片编辑工具有助于确保准确性。
Shopify 的免费图像调整大小工具允许任何人直接从网页上同时编辑多张图像，它提供了大量预设的宽高比选项，使您能够轻松为所选平台调整图像大小。要调整图像大小，只需将其拖放到指定区域，选择您的宽高比，然后选择最适合的平台即可，最多可上传 10 张不同的图像。
社交媒体最佳纵横比
选择合适的宽高比有助于打造引人入胜的用户体验，并确保在您选择的平台上正确显示。探索热门社交媒体平台上图片、视频和广告的最佳宽高比，遵循以下指南以简化图片的裁剪和上传过程：
- 信息流帖子：1:1 至 3:4
- 快拍（Stories）：9:16
- Reels：9:16
- Reels 封面照片：1:1.55
- 个人资料照片：1:1
- 信息流图片广告：1:1 至 4:5
- 信息流视频广告：4:5
- 个人资料信息流图片广告：1.91:1 至 4:5
- 个人资料信息流视频广告：1.91:1 至 9:16
- 快拍（Stories）图片广告：9:16
- 快拍（Stories）视频广告：4:5
- Reels 图片广告：9:16
- Reels 视频广告：9:16
- 信息流轮播广告：介于 1:1 和 4:5 之间
- 故事轮播广告：9:16
- Reels 轮播广告：9:16
- 信息流合集广告：介于 1.91:1 和 1:1 之间
- 故事合集广告：1.91:1 至 1:1
- Reels 合集广告：封面照片为 9:16，产品图片为 1:1
- 探索页图片广告：9:16
- 探索页视频广告：4:5
- 个人资料照片：1:1
- 信息流图片：介于 1:1 和 4:5 之间
- 信息流视频：4:5
- 故事图片：9:16
- 故事视频：9:16
- 轮播广告：图片和视频均为 1:1 或 4:5
- 右侧栏广告：1:1
- 流内视频广告：介于 1:1 和 16:9 之间
- 市场广告：1:1
- 受众网络广告：9:16
- Reels 视频广告：9:16
- Reels 叠加广告：介于 1.91:1 和 1:1 之间
TikTok
- 个人资料照片：1:1
- 信息流视频：9:16
- 信息流广告：1:1、9:16 或 16:9
- 标准格式：2:3 或 1:1
- 个人资料照片：1:1
- 封面照片：16:9
- 视频图钉和视频广告：1:1、2:3、4:5 或 9:16
- 标准、测验、展示：2:3
- Premier 聚光灯广告：1:1 或 16:9
- 创意广告：9:16
- 合集、轮播图：1:1 或 2:3
- 最大宽度视频广告：1:1
YouTube
- 个人资料图片：1:1
- 横幅、标准视频和视频缩略图：16:9
- YouTube 短视频：9:16
X
- 个人资料图片：1:1
- 页眉：3:1
- 帖子：16:9
- 视频和视频广告：1:1 或 16:9
- 个人资料图片：1:1
- 封面照片：4:1
- 帖子：1:1
- 文章封面图：16:9
网站最佳宽高比
社交媒体平台有图像指南并推荐理想的宽高比。当您构建自己的电子商务网站时，并没有必须遵循的硬性规定。虽然从技术上讲您可以上传任何形状的图像，但选择一个在移动设备和桌面设备上看起来都良好的宽高比将有助于为最广泛的受众提供高质量的购物体验。使用本指南为您的网站图像选择宽高比：
全宽图形
电子商务网站通常使用大型全宽图形来打造引人注目的品牌图像，常见的例子包括页眉、背景图像和英雄图像。
- 横幅：3:2
- 背景图：16:9
- 主视觉图（Hero image）：16:9
- 灯箱图片（全屏）：16:9
产品列表
正方形图片在移动设备和桌面设备上都能良好显示。采用 1:1 的正方形格式，移动端显示尺寸足够大，便于顾客欣赏产品细节。
- 产品列表：1:1
- 缩略图：1:1
内联图片
内联（或嵌入）图像出现在网页的主体部分，它们可以增加视觉吸引力并帮助打破大段文本，这对博客和其他内容营销尤其有用。
- 正方形：1:1
- 竖版：4:3
- 横版：16:9
徽标、图标和符号
徽标的最佳宽高比因设计而异。正方形格式（1:1）的图片很受欢迎，可以自然地兼作社交媒体个人资料图片或网站收藏夹图标。
- 徽标（横版）：4:1
- 徽标（正方形）：1:1
- 网站图标：1:1
- 社交媒体图标：1:1
照片最佳宽高比常见问题解答
网页的最佳宽高比是多少？
网站可能包含多种图片样式。横幅或主图通常使用 16:9 的宽高比；嵌入的图片常采用 16:9、1:1 或 4:3 的比例。最佳宽高比取决于图片在网站设计中的展示方式。
Instagram 上 4:3 还是 16:9 更好？
Instagram 主要是一个移动平台，竖版图片在手机屏幕上显示得更大。比例为 4:3 或 16:9 的图片均为横版。对于信息流帖子或广告，使用 1:1 的正方形或 3:4 的竖版图片能确保更大的显示尺寸。
最通用的宽高比是什么？
最传统的宽高比是 16:9。这种横向图像形状具有极高的通用性，被广泛接受并适用于多种平台。在大多数情况下，16:9 的图像可以裁剪为其他流行的宽高比（例如 1:1），以优化移动端的显示效果。