言語: JA
無料で始める

Webflowの商品画像の要件

Webflow Ecommerce の商品画像:画像ごとに最大4 MB。メイン画像一枚に加えて最大25枚。レスポンシブ版は500〜3,200 px。

白背景に置かれた、メッシュベルトの黒文字盤の腕時計。斜め向き
元の写真: 無地の商品写真. Herofab で作成 · 白背景の物撮り
ファイルサイズ
画像ごとに最大4 MB
サイズ
ファイルが上限の4 MBより小さければ、どのサイズの画像でもアップロードできます。WebP 画像は一辺の長さが16,383ピクセルまで
形式
アップロードに最適な画像形式として、PNG、JPEG、SVG、WebP が挙げられています
禁止事項
商品画像とバリエーション画像のフィールドでの SVG 画像、およびアニメーション AVIF ファイル
枚数
商品には Main image フィールドがひとつと、More images という複数画像フィールドがあり、後者には最大25枚を登録できます
レスポンシブ画像
幅3,200ピクセルを超える画像について、Webflow は3,200、2,600、2,000、1,600、1,080、800、500ピクセルの7種類のバージョンを生成します。バージョンは、インラインの JPG、PNG、WebP 画像に対して作られます
CSV と API によるインポート
CSV インポートや API で追加した画像にはレスポンシブ版が作られないため、あらかじめ適切なサイズにし、最適化しておくべきです
WebP と AVIF
JPEG と PNG のアセットは、組み込みの変換ツールで WebP または AVIF に変換できます。変換は非可逆で、元のファイルを置き換えます
代替テキスト
代替テキストは、複数画像フィールド内の各画像を含め、画像ごとに設定できます。Webflow AI は JPG、PNG、GIF、WebP、AVIF について代替テキストを生成できます
Herofab

Webflow の要件に、対応。

Webflow は商品画像にピクセルサイズを定めておらず、ファイルごとに4 MBという上限だけがあります。2Kの PNG はそれを超えることがあるため、JPG でダウンロードするほうが安全です。正方形の2Kの出力は幅2,048ピクセルです。商品にはメイン画像一枚に加えて最大25枚を登録できるため、複数のポーズ、ゴーストマネキンのビュー、ディテール写真を載せる余裕があります。プランまたはクレジットパックで作成した画像には、ウォーターマークや追加の文字は入りません。

01

4 MB未満には JPG

Herofab の画像は PNG または JPG でダウンロードできます。2Kの PNG は Webflow の上限4 MBを超えることがあります。

02

すべてのビューを載せる余裕

メイン画像一枚と最大25枚の追加画像で、複数のポーズ、ゴーストマネキンのビュー、ディテール写真を載せる余裕があります。

03

ウォーターマークや追加の文字なし

プランまたはクレジットパックで作成した画像には、ウォーターマークや追加の文字は入りません。

よくある質問

Webflowについて、よくある質問。

Webflow の商品画像はどのサイズにすべきですか?

Webflow Ecommerce の商品画像:画像ごとに最大4 MB。メイン画像一枚に加えて最大25枚。レスポンシブ版は500〜3,200 px。

Webflow では商品画像のファイルサイズは最大どれくらいですか?

画像ごとに最大4 MB。出典:Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images、2026年10月12日に確認。

Webflow は商品画像でどのファイル形式を受け付けていますか?

アップロードに最適な画像形式として、PNG、JPEG、SVG、WebP が挙げられています。出典:Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images、2026年10月12日に確認。

Webflow の商品画像で認められていないものは何ですか?

商品画像とバリエーション画像のフィールドでの SVG 画像、およびアニメーション AVIF ファイル。出典:Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images、2026年10月12日に確認。

Webflow では商品ごとに画像は何枚ですか?

商品には Main image フィールドがひとつと、More images という複数画像フィールドがあり、後者には最大25枚を登録できます。出典:Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images、2026年10月12日に確認。

アップロード前に画像をチェックできますか?

はい。無料の画像サイズチェッカーが各ファイルをブラウザ内で読み込み、これらのルールに照らしてテストします。画像はアップロードされません。

これらの数値の出典は?

Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on imagesに基づき、2026年10月12日に確認しました。マーケットプレイスはルールを更新するため、最終的な基準は公式ページです。

はじめる

次のコレクションを、今週のうちに撮影。

登録時に20クレジットを付与、カード登録は不要です。無料クレジットで作成した画像にはウォーターマークが入ります。