Compress image for Webflow CMS Collection
Webflow's CMS collections render item images at up to 2000 px. Compressed WebP keeps collection pages performant.
Your images stay on your device. Nothing is uploaded.
Webflow CMS collections (Blog Posts, Products, Portfolio items) render item images at up to 2000 px in default templates. The Webflow CDN doesn't automatically convert to WebP — the image you upload is the image that gets served.
This preset produces a 1920 px WebP at quality 82 — Webflow-optimal for CMS items.
Related tools
- Compress image for WordPress Featured Image
- Compress image for WordPress Hero (Above-the-Fold)
- Compress image for WooCommerce Product
- Compress image for WordPress Gallery
- Compress image for Shopify Collection Banner
- Compress image for Shopify Blog Post
- Compress image for Shopify Homepage Slideshow
- Compress image for Substack Newsletter
Frequently asked questions
- What size should an image be for Webflow CMS collection item?
- The preset on this page reflects the recommended dimensions for Webflow CMS collection item. Uploading at these dimensions avoids the auto-crop or auto-downscale that the platform would otherwise apply.
- Does the platform re-encode after upload?
- Yes — most platforms re-encode uploaded images to their internal format and bitrate. Starting from a clean, correctly sized image means only one round of lossy re-encoding rather than two.
- What format should I use for Webflow CMS collection item?
- The preset uses the format recommended for Webflow CMS collection item. JPEG is the safest universal choice; some workflows benefit from WebP or PNG for specific reasons (transparency, screenshots, etc.).
- Is anything uploaded?
- No. The compression and resize run in your browser. The image only leaves your device when you upload it to Webflow CMS collection item yourself.
- Can I batch process multiple images for Webflow CMS collection item?
- Yes — use the bulk compressor to process a folder of images with the same settings. Every image gets the correct dimensions and quality for Webflow CMS collection item.
Prepare a Webflow — CMS collection item image.
Drop your image — the tool applies the correct dimensions and quality for the platform.
Start compressing