--- title: "Webflow 画像圧縮：4 MB 未満、無料 | Herofab" description: "商品写真を Webflow の上限 4 MB 未満に圧縮。JPG で保存し、トリミングはしません。無料、ブラウザで動作し、何もアップロードされません。" url: https://herofab.app/ja/tools/webflow-image-compressor language: ja updated: 2026-10-12 --- # 画像をWebflow 向けに圧縮。 写真をドロップすると、Webflow の画像ルールにあるファイルサイズ上限の 4 MB 未満でダウンロードできます。まず品質を下げ、必要な場合にのみピクセル寸法を縮小します。写真がトリミングされることはありません。ブラウザ内で動作し、何もアップロードされません。 ![白背景に置かれた、メッシュベルトの黒文字盤の腕時計。斜め向き](https://herofab.app/img/ex/watch-packshot-1100.webp) Herofab で作成 · 白背景の物撮り ## 画像ごとに 4 MB 未満、JPG で保存 上限は各プラットフォームの公式ヘルプページに基づき、[ガイド](https://herofab.app/ja/guides/)に要約しています（2026年9月24日確認）。 ## 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日確認 Webflow Ecommerce の商品画像：画像ごとに最大4 MB。メイン画像一枚に加えて最大25枚。レスポンシブ版は500〜3,200 px。 - **使用する上限:** 画像ごとに 4 MB 未満、JPG で保存 - **保持されるピクセル:** ここで確認したルールには最小ピクセルサイズの記載がないため、このツールは写真が元の幅の四分の一を下回る前に停止します。 - **ファイルサイズ:** 画像ごとに最大4 MB - **サイズ:** ファイルが上限の4 MBより小さければ、どのサイズの画像でもアップロードできます。WebP 画像は一辺の長さが16,383ピクセルまで - **形式:** アップロードに最適な画像形式として、PNG、JPEG、SVG、WebP が挙げられています [Webflow 画像ガイド](https://herofab.app/ja/guides/webflow-ecommerce-product-image-size) · [画像圧縮](https://herofab.app/ja/tools/image-compressor) ## プラットフォーム別の画像圧縮。 [Walmart](https://herofab.app/ja/tools/walmart-image-compressor) · [Shopee](https://herofab.app/ja/tools/shopee-image-compressor) · [Cdiscount](https://herofab.app/ja/tools/cdiscount-image-compressor) · [Ricardo](https://herofab.app/ja/tools/ricardo-image-compressor) · [Heureka](https://herofab.app/ja/tools/heureka-image-compressor) · [Miinto](https://herofab.app/ja/tools/miinto-image-compressor) · [Google Ads](https://herofab.app/ja/tools/google-ads-image-compressor) · [Amazon A+ Content](https://herofab.app/ja/tools/amazon-a-content-image-compressor) · [Amazon Brand Store](https://herofab.app/ja/tools/amazon-brand-store-image-compressor) · [LinkedIn ads](https://herofab.app/ja/tools/linkedin-ads-image-compressor) · [Snapchat ads](https://herofab.app/ja/tools/snapchat-ads-image-compressor) · [Google Business Profile](https://herofab.app/ja/tools/google-business-profile-image-compressor) · [Temu](https://herofab.app/ja/tools/temu-image-compressor) · [Newegg](https://herofab.app/ja/tools/newegg-image-compressor) · [Amazon Ads](https://herofab.app/ja/tools/amazon-ads-image-compressor) · [Reddit Ads](https://herofab.app/ja/tools/reddit-ads-image-compressor) · [Mailchimp](https://herofab.app/ja/tools/mailchimp-image-compressor) · [Wolf & Badger](https://herofab.app/ja/tools/wolf-badger-image-compressor) · [THE ICONIC](https://herofab.app/ja/tools/the-iconic-image-compressor) · [Trade Me](https://herofab.app/ja/tools/trade-me-image-compressor) · [SHEIN](https://herofab.app/ja/tools/shein-image-compressor) · [AliExpress](https://herofab.app/ja/tools/aliexpress-image-compressor) · [Folksy](https://herofab.app/ja/tools/folksy-image-compressor) · [ZALORA](https://herofab.app/ja/tools/zalora-image-compressor) · [Taboola](https://herofab.app/ja/tools/taboola-image-compressor) · [Outbrain](https://herofab.app/ja/tools/outbrain-image-compressor) · [Omnisend](https://herofab.app/ja/tools/omnisend-image-compressor) ## Webflow 向けの圧縮、よくある質問。 **Webflow の画像のファイルサイズ上限はどれくらいですか？** Webflow のガイドに要約したルールによると、画像ごとに 4 MB です。このツールは各写真をそのサイズ未満の JPG として保存します。 **Webflow で JPG は受け付けられますか？** はい。Webflow が挙げている形式は PNG、JPEG、WEBP です。 **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日に確認しました。マーケットプレイスはルールを更新するため、最終的な基準は[公式ページ](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images)です。