Webflow 把限制设在哪里。
- 1
限制的是文件大小,而非尺寸
只要文件不超过大小限制,任何尺寸的图片都可以上传到 Webflow。细节丰富的场景保存为 PNG 时文件会变大:2K时可能超出这一限制,4K文件还要更大。JPG 下载是更稳妥的文件。上传前请查看每个文件的大小;限制本身见本页的表格。
- 2
“Main image”与“More images”
Webflow 商品有一个“Main image”字段,以及一个可容纳有限数量其他图片的“More images”字段。商品和变体的图片字段不允许使用 SVG 文件。请把最素净的全貌视图放入“Main image”字段;其余位置可以放由同一张原图生成的其他角度、风格化场景和细节特写。
- 3
响应式版本,导入时除外
对于宽度足够的图片,Webflow 会生成一组较窄的版本,适用于内嵌的 JPG、PNG 和 WebP 图片。通过 CSV 导入或 API 添加的图片不会生成这类版本,Webflow 表示它们应当已是合适的尺寸并经过优化。因此,以导入方式建立的商品目录需要事先准备好文件。
Webflow 的要求。
- 文件大小
- 每张图片最大4 MB
- 尺寸
- 只要文件小于4 MB的限制,任何尺寸的图片都可以上传;WebP 图片的边长上限为16,383像素
- 格式
- PNG、JPEG、SVG 和 WebP 被列为最适合上传的图片格式
- 不允许
- 商品和变体图片字段中的 SVG 图片,以及动态 AVIF 文件
- 数量
- 每件商品有一个 Main image 字段和一个 More images 多图字段,后者最多可容纳25张图片
- 响应式图片
- 对于宽度超过3,200像素的图片,Webflow 会生成7个版本,分别为3,200、2,600、2,000、1,600、1,080、800和500像素;内嵌的 JPG、PNG 和 WebP 图片会生成这些版本
- CSV 和 API 导入
- 通过 CSV 导入或 API 添加的图片不会生成响应式版本,因此应事先调整为合适的尺寸并完成优化
- WebP 和 AVIF
- JPEG 和 PNG 素材可用内置转换工具转换为 WebP 或 AVIF;转换为有损转换,并会替换原始文件
- 替代文本
- 可以为每张图片设置替代文本,包括多图字段中的每张图片;Webflow AI 可为 JPG、PNG、GIF、WebP 和 AVIF 生成替代文本
Webflow 商品页面背后的那张照片。
- 为整件商品拍一张照片,再为它最精细的部位拍一张特写,例如搭扣、表盘或缝上的标签;“More images”字段在主图之外容得下一张细节视图。
- 让商品的每条边缘都留在画面内,四周留有余地;被画面裁掉的部分无法如实补回,无论之后选择什么场景。
- 趁商品在手边,记下它的名称、材质和颜色:Webflow 允许为每张图片设置 Alt 文本,“More images”字段中的每一张也不例外。
Webflow 商品图:常见问题解答。
放进 Webflow 店铺的应是 PNG 还是 JPG?
多数情况下是 JPG。Webflow 限制每个图片文件的大小,而 Herofab 的2K PNG 可能超出这一限制,同一图像的 JPG 则更小。PNG 和 JPEG 都在 Webflow 指明可上传的格式之列。如果需要 PNG,应先查看它的文件大小;免费的图片尺寸检测工具会在浏览器中按 Webflow 公布的限制检测文件。
Webflow 的转换工具可以用于 Herofab 图像吗?
Webflow 的内置工具可把 JPEG 和 PNG 素材转换为 WebP 或 AVIF。Webflow 称这种转换是有损的,并表示它会替换原始文件。转换之前,请把从 Herofab 下载的文件作为母版保存在 Webflow 之外,并在转换完成后查看商品上的细小文字。
一件 Webflow 商品可以有多少张图片?
“Main image”字段中一张,“More images”字段中另有固定数量的若干张;具体数量见本页的表格。商品影棚可由一张原图展示商品的正面、四分之三侧面、侧面或俯拍视图,背景可以是素净的底面,也可以是场景。每增加一张图片,就多一个须低于大小限制的文件,每张图片也都可以有自己的 Alt 文本。
费用是多少?
每张图像4积分,选择4K时另加一个积分。费用在生成前显示;如任务失败,积分将退还。注册时赠送的20免费积分可用此工具生成5张图像。
