Picovert

Wix图片尺寸指南2026:各版块的尺寸要求

Picovert 团队2026-04-065 分钟阅读

Wix会自动处理大量图片优化工作——CDN分发、WebP转换和响应式尺寸调整——但您仍然需要以正确的 尺寸上传图片。使用错误的尺寸会导致模糊的英雄图、被裁剪的Logo,或者商品网格参差不齐。本指南涵盖 2026年Wix网站每个版块的精确图片尺寸。

Wix图片尺寸 — 快速参考

  • 英雄图 / 全宽横幅:1920×1080 px(16:9)
  • 背景版块图片:1920×600~1920×800 px
  • 博客文章特色图片:940×529 px(16:9)
  • 文章内图片:最大宽度 940 px
  • 商品 / 店铺图片:1000×1000 px(1:1 正方形)
  • Logo:最小 250×250 px(透明背景的PNG)
  • 图库图片:1280×960 px(4:3)或 1280×720 px(16:9)
  • 网站图标(Favicon):32×32 px 或 64×64 px
  • 最大上传大小:每张图片 25 MB
  • 支持格式:JPG、PNG、GIF、WebP、BMP、TIFF

Wix如何处理图片

在深入了解具体尺寸之前,了解Wix自动处理的内容会很有帮助:

  • CDN分发:所有上传的图片都通过Wix的全球CDN提供。世界各地的访客从 地理位置最近的服务器获取图片。
  • WebP转换:Wix自动将上传的图片转换为WebP格式供现代浏览器使用。 上传前无需自行转换为WebP。
  • 响应式尺寸调整:Wix从您的上传文件生成多种尺寸,并为每种设备提供 合适的尺寸。上传2倍分辨率以获得Retina清晰度——Wix会提供正确的尺寸。
  • 自动压缩:Wix在上传时压缩图片。从已优化的原始文件开始可获得最佳 结果——如果原始文件太大,Wix的压缩可能会添加明显的伪影。

英雄图 / 全宽横幅图片

英雄图(在Wix中也称为"横幅")通常是访客在页面上看到的第一张大图。推荐尺寸:

  • 推荐:1920×1080 px(16:9 横向)——覆盖大多数桌面宽度
  • 最小:宽度 1000 px
  • 文件大小目标:低于 500 KB 以实现快速的首次内容绘制

在移动端,Wix从中心裁剪英雄图。将最重要的视觉内容——面孔、产品、标题背景——保持在图片 宽度的中央60%以内。使用Wix内置的焦点工具告知Wix在为小屏幕裁剪时应保留图片的哪个部分。

对于照片,使用85-90%质量的JPEG或WebP。对于含有文字或硬边缘的图形,使用PNG。

背景图片(页面版块)

位于版块内容后面的背景图片与英雄图的行为相同,但由于不是全视口高度,通常具有不同的宽高比。 常见尺寸:

  • 标准版块背景:1920×600 px 至 1920×800 px
  • 全高背景:1920×1080 px

背景图片通常与颜色叠加层或模糊效果一起显示,以改善文字对比度。设计背景图片时请记住这一点 ——它们不需要完全独立呈现,但应该有足够的色调变化,在叠加层下看起来也不错。

博客文章图片

Wix博客图片有两种不同的用途:

  • 特色图片(缩略图):940×529 px(16:9)——显示在博客列表页、最近文章 小组件和社交分享预览中。16:9比例确保在所有这些场景中正确渲染,不会意外裁剪。
  • 文章内图片:Wix博客编辑器显示最大940px宽的图片。宽于940 px的图片 将被缩小。为保持页面加载速度,文章内每张图片目标大小为200 KB或更少。

使用图片调整大小工具将博客图片调整为精确的940×529 px, 然后使用压缩工具在上传前将其压缩到200 KB以下。

商品 / 店铺图片

对于Wix商店,一致的正方形商品图片可提供最整洁的网格布局:

  • 推荐:1000×1000 px(1:1 正方形)
  • 最大有效尺寸:2000×2000 px——上传更大的图片没有视觉效果上的好处, 因为Wix不会显示更大的尺寸
  • 背景:主要商品照片使用白色背景,打造干净、一致的店铺外观
  • 附加图片:所有商品图库图片使用相同的1:1比例以保持一致性

店铺中所有商品图片应共享相同的宽高比。混合比例会创建不均匀的网格,显得不专业。如果您的 商品照片是长方形的,使用调整大小工具将其标准化为1000×1000 px。

Logo

Wix的Logo位置显示在页眉中,并根据主题缩放。最佳做法:

  • 格式:带透明背景的PNG(Alpha通道)——确保Logo在任何页眉背景颜色下 都能正确显示
  • 推荐尺寸:最小 250×250 px。由于Wix会缩放它,请以2倍(500×500 px) 上传以获得Retina清晰度
  • SVG:Wix还支持Logo使用SVG格式。SVG可以在任何尺寸下完美缩放而不 出现像素化,非常适合有精细细节或文字的Logo

绝对不要将Logo上传为JPEG——JPEG不支持透明度,因此您的Logo在彩色页眉上会有白色矩形 背景框。

图库图片

Wix从上传的图库图片自动创建缩略图。为获得最佳结果:

  • 照片图库:1280×960 px(4:3)或 1280×720 px(16:9)
  • 一致的宽高比:图库中的所有图片应共享相同的比例。在网格图库中混合 横向和纵向图片会显得杂乱——Wix会对其进行裁剪以适应
  • 文件大小:每张图片低于 300 KB。图库一次加载多张图片,因此文件大小 比单张英雄图具有更大的累积影响

网站图标(Favicon)

  • 推荐:32×32 px 或 64×64 px 的 ICO 或 PNG
  • Wix接受最大 100×100 px 的网站图标上传
  • 保持设计简洁——网站图标非常小,在32 px时精细细节会丢失。如果需要,使用转换工具创建正确的格式

Wix图片性能技巧

  • 使用Wix的"图片质量"设置:在Wix编辑器中,每张图片都有质量设置。 对主要英雄图使用"超高质量",对大多数其他图片使用"高质量"。
  • 避免对照片使用PNG:PNG是无损格式,会为照片创建大文件。上传前使用转换工具将照片转换为JPEG或WebP。
  • 英雄图低于500 KB:这是获得良好首次内容绘制分数的门槛。使用压缩工具在不明显损失质量的情况下达到此目标。
  • 以2倍分辨率上传用于Retina显示:英雄图以1920 px上传,商品图片以 2000 px上传——Wix将为每种设备提供合适的尺寸,Retina屏幕将显示完整的清晰度。

分步指南:为Wix准备图片

  1. 确定图片类型(英雄图、商品图、博客图等),并参考上面的推荐尺寸。
  2. 使用图片调整大小工具设置精确尺寸。英雄图调整为 1920×1080 px,商品图片调整为1000×1000 px。
  3. 使用压缩工具减小文件大小。英雄图目标低于500 KB, 博客和图库图片目标低于200 KB。
  4. 对于Logo,确保文件是带透明背景的PNG。对于照片,以85%质量保存为JPEG。
  5. 上传到Wix,并在英雄图和背景图片上使用焦点工具。