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屏幕将显示完整的清晰度。