--- title: "Webflowの商品画像の要件 | Herofab" description: "Webflow Ecommerce の商品画像：画像ごとに最大4 MB。メイン画像一枚に加えて最大25枚。レスポンシブ版は500〜3,200 px。" url: https://herofab.app/ja/guides/webflow-ecommerce-product-image-size language: ja updated: 2026-10-12 --- # Webflowの商品画像の要件 Webflow Ecommerce の商品画像：画像ごとに最大4 MB。メイン画像一枚に加えて最大25枚。レスポンシブ版は500〜3,200 px。 ![白背景に置かれた、メッシュベルトの黒文字盤の腕時計。斜め向き](https://herofab.app/img/ex/watch-packshot-1100.webp) Herofab で作成 · 白背景の物撮り ## Webflow の画像要件（すべて） 出典：[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](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images)。2026年10月12日に確認。 [読み直した日 · 2026年10月12日](https://herofab.app/ja/guides/marketplace-image-rule-changes) - **ファイルサイズ:** 画像ごとに最大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 について代替テキストを生成できます [画像を無料でチェック](https://herofab.app/ja/tools/image-size-checker) ## Webflow の要件に、対応。 Webflow は商品画像にピクセルサイズを定めておらず、ファイルごとに4 MBという上限だけがあります。2Kの PNG はそれを超えることがあるため、JPG でダウンロードするほうが安全です。正方形の2Kの出力は幅2,048ピクセルです。商品にはメイン画像一枚に加えて最大25枚を登録できるため、複数のポーズ、ゴーストマネキンのビュー、ディテール写真を載せる余裕があります。プランまたはクレジットパックで作成した画像には、ウォーターマークや追加の文字は入りません。 ### 4 MB未満には JPG Herofab の画像は PNG または JPG でダウンロードできます。2Kの PNG は Webflow の上限4 MBを超えることがあります。 ### すべてのビューを載せる余裕 メイン画像一枚と最大25枚の追加画像で、複数のポーズ、ゴーストマネキンのビュー、ディテール写真を載せる余裕があります。 ### ウォーターマークや追加の文字なし プランまたはクレジットパックで作成した画像には、ウォーターマークや追加の文字は入りません。 [無料で始める](https://app.herofab.app/login?lang=ja) ## 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日に確認。 **アップロード前に画像をチェックできますか？** はい。無料の[画像サイズチェッカー](https://herofab.app/ja/tools/image-size-checker)が各ファイルをブラウザ内で読み込み、これらのルールに照らしてテストします。画像はアップロードされません。 **これらの数値の出典は？** 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日に確認しました。マーケットプレイスはルールを更新するため、最終的な基準は[公式ページ](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images)です。 [バーチャル試着](https://herofab.app/ja/tools/virtual-try-on) · [背景削除](https://herofab.app/ja/tools/background-remover) · [すべてのガイド](https://herofab.app/ja/guides/)