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.
Assemble
Easily produce custom video content for your products
3D and AR with Vectary
Vectary web viewer helps you integrate 3D and AR on your Webflow website as easily as embedding a YouTube video.
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.
