Devblocks CMS Image Optimizer
Large CMS collections accumulate uncompressed images over time as content editors upload full-resolution photos and marketing teams import product libraries. Each uncompressed image increases page load times and consumes bandwidth.
How to integrate Devblocks CMS Image Optimizer with Webflow
Devblocks CMS Image Optimizer installs directly from the Webflow Apps marketplace. Use the Devblocks CMS Image Optimizer app to batch-process existing CMS images and convert them to compressed WebP format without manual re-uploads.
The app works within Webflow on Starter, CMS, Business, and Enterprise plans. It supports Image Fields, Multi-Image Fields, Rich Text images, and Ecommerce product images across your collections.
Use the Devblocks CMS Image Optimizer app
The installation process follows Webflow's standard app workflow as documented in Webflow's Apps overview. Search for "Devblocks CMS Image Optimizer" in the Apps panel, click install, and grant the necessary permissions. The app then appears in Webflow where you can select CMS collections and trigger batch compression.
The app requests read and write access to your assets, CMS data, and site publishing capabilities. These permissions allow it to retrieve original images, process them through TinyPNG compression, and replace them with WebP versions.
The app supports the following actions:
- Convert CMS images to WebP format across Image Fields, Multi-Image Fields, and Rich Text images
- Compress Ecommerce product images in CMS collections on Starter, CMS, Business, and Enterprise plans
- Batch-process existing collections without manually exporting and re-uploading images
- Reduce file sizes using TinyPNG compression technology
Devblocks is available on Starter, CMS, Business, and Enterprise plans only. Webflow's Ecommerce plans do not support marketplace apps, so if you're running a Webflow Ecommerce store, you cannot install Devblocks CMS Image Optimizer. For Ecommerce plan users, external CDN services like Cloudinary, ImageKit, or Imgix provide programmatic image compression through custom code implementation.
The app has the following technical constraints:
- Webflow's platform specifies a 4MB maximum file size for uploaded images
- The app works only within Webflow with no API access, webhook capabilities, or automation platform integration
- Images are processed through TinyPNG's service running on Google Cloud Platform in California
What you can build
Integrating Devblocks CMS Image Optimizer with Webflow lets you compress existing CMS images by converting them to WebP format using TinyPNG compression.
- Blog with large image libraries: Batch-process featured images, in-article photos, and author headshots across thousands of CMS articles to reduce bandwidth consumption without re-uploading each asset manually
- Portfolio sites with high-resolution work samples: Convert full-resolution images in CMS-powered portfolio collections to WebP format for case study pages and project galleries
- Marketing sites with rich text content: Convert inline images within rich text fields to WebP format, processing embedded images that editors added over months or years without manual re-uploading
Frequently asked questions
Yes, but they serve different purposes. Webflow's native platform automatically converts new image uploads to WebP and AVIF formats. Devblocks addresses a different need — batch-processing existing CMS collections that were uploaded before you wanted to compress them. The tool converts these older images to WebP without requiring you to re-upload each file individually.
You can use Devblocks at no cost on Starter, CMS, Business, and Enterprise plans. Webflow's Ecommerce plans do not support marketplace apps, so Devblocks cannot be installed on Ecommerce plan sites. This is a Webflow platform limitation rather than a Devblocks incompatibility.
If you're running a Webflow Ecommerce site, consider external CDN services like Cloudinary, ImageKit, or Imgix. These services require custom code implementation but support Ecommerce plans and offer features like responsive image generation (srcset) and AVIF format support.
No. Devblocks operates as a manual-only tool within Webflow. The app has no API endpoints or webhook capabilities, so there's no way to trigger image processing programmatically or automatically when new content is added to your CMS collections.
For each batch of new CMS images, you'll need to manually open the Devblocks app and trigger the compression process.
Description
A free native Webflow app that converts CMS images to WebP format using TinyPNG compression technology. The app processes existing CMS collections through a UI-based workflow, requiring no code implementation or external service configuration. It supports Image Fields, Multi-Image Fields, Rich Text Images, and Ecommerce product images.
This integration page is provided for informational and convenience purposes only.
Lottieflow by Finsweet
Download unique Lottie icon animations to implement on your website, product, or app for free. Browse for Lottie files, change hex color, customize easing, and download the JSON file. It’s that simple!
Lordicon Animated Icons
Lordicon is a beautifully designed and animated icon set based on Lottie with a powerful library and powerful Webflow integration.
LottieFiles
Bring lightweight, scalable vector animations to your Webflow sites with LottieFiles — the platform that makes adding motion as simple as uploading an image.
LottieFiles for Webflow
Get animations designed especially for Webflow.
Listen Notes
Connect Listen Notes with Webflow to embed podcast players and sync podcast content to your CMS automatically.
IconScout
Connect IconScout with Webflow to access 9.3+ million design assets directly in your workflow without context switching.
FreeImages
Connect FreeImages with Webflow to add free commercial stock photography to your sites through manual workflows.
Drawer Design
High-quality Lottie animations for busy startup owners, designers & developers
Charttt
Embed image charts into Webflow sites, emails, blog posts, and anywhere else.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
