Image Size

网站最佳图片尺寸:实用指南

在不浪费页面加载量的情况下,为网站主视觉、博客图片、产品照片、缩略图与 Retina 屏幕挑选实用的图片尺寸。

网站最佳的图片尺寸不是一个通用的数字。它取决于图片出现的位置。小小的缩略图、产品图库,与全宽主视觉,都需要不同的像素尺寸。

请以实际最大的显示尺寸作为起点。如果博客图片以 900 像素宽显示,导出 900 到 1800 像素宽的版本,通常比上传 4000 像素的原始文件更实用。

实用的起点

用途 实用宽度
博客正文图片 900-1400 px
全宽主视觉 1600-2400 px
产品图库 1200-2000 px
缩略图 300-600 px
标志 依版面而定;SVG 通常更好

Image Resize Tool 调整副本尺寸,再用 Image Compressor 压缩传递用的文件。

常见问题

网站图片应该多大?

应该接近它在页面上出现的最大尺寸,只有在高密度屏幕需要时才额外增加像素。

越大画质一定越好吗?

不一定。过大的文件会拖慢页面,而且仍可能被平台再次压缩。

Resources

参考资料

利用这些参考资料,在指南、对应的支持页面与内容创作者之间切换。

相关指南

接着阅读