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.
AI Image Enhancer
Connect AI Image Enhancer by OLAI to your Webflow site to upgrade image quality and generate custom visuals without leaving your workspace.
Vimeo
Connect Vimeo's professional video hosting platform with Webflow to create engaging websites with high-quality video content, custom players, and seamless CMS integration. Display portfolio reels, educational content, or background videos while maintaining complete control over playback and design.
Videezy Webflow Integration
Connect Videezy (HD stock video library) with Webflow to create engaging backgrounds, hero sections, and dynamic galleries using free and premium footage — no complex production required.
Unsplash
Seamlessly integrate Unsplash's library of over 5 million high-quality, royalty-free images directly into your Webflow Designer. Search, filter, and insert professional photography without leaving your design environment, accelerating content creation while maintaining visual excellence.
Uploadcare File Uploader
Connect Uploadcare's powerful file handling capabilities with Webflow to enable advanced file uploads, image optimization, and content delivery for your websites. This integration allows site visitors to upload files directly through your Webflow forms, automatically processes images for optimal delivery, and stores files securely in the cloud — all without complex backend infrastructure.
SVGator
Add SVGator animations to Webflow sites for scalable vector motion graphics with interactive triggers.
Pixabay
Connect Pixabay's library of 5.3+ million royalty-free images, videos, and audio files to your Webflow site. Build visually rich websites without licensing fees while maintaining complete design control and copyright compliance.
Pngtree
Connect Pngtree – a library of millions of royalty-free PNGs, vectors, and design templates – with Webflow to streamline your design workflow by accessing transparent graphics, infographics, and marketing assets without leaving the platform
Pexels
Add millions of free, high-quality stock photos and videos to your Webflow sites instantly. Search and embed professional media content without leaving Webflow, while maintaining proper attribution and optimizing for performance.
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.
