Pixie

How to integrate Pixie with Webflow

CMS images slow down sites when they aren't properly sized for different devices and layouts. Manually resizing hundreds of images across collections takes hours and creates inconsistent dimensions.

Install the Pixie app from the Webflow marketplace to resize and crop CMS images in bulk across your collections. The app connects through OAuth authorization and provides visual controls for processing images directly in the Webflow interface.

Use the Pixie app

Install the Pixie - CMS Image Optimizer from the Webflow marketplace to resize and crop CMS images without writing code. The app connects through OAuth authorization and provides visual controls for managing image dimensions across your CMS collections.

After installation, you select which sites and collections to process, choose your preferred image dimensions, and configure format conversion settings. The app processes images and shows progress in real-time through the Webflow interface.

Note: Webflow has native WebP conversion available via its in-built tool.

This integration enables the following actions:

• Bulk resizing across multiple CMS collections and items at once
• Custom dimensions for resizing images to specific widths and heights
• Selective processing for individual images or entire collections
• eCommerce support for product images, gallery images, and related content

The app requires permissions to read your user information, read and write CMS data, access site data and publishing status, and manage eCommerce store data. OAuth authorization keeps your connection secure and prevents conflicts with other integrations.

If you have an account with Pixie, just install the app on Webflow. The app will handle OAuth authentication during installation. This approach maintains compatibility with existing integrations and provides better security.

The Pixie feature guide confirms support for CMS gallery images, standard CMS images, eCommerce product images, and related content images. Rich text image processing is not currently available. Large-scale batch processing may take time depending on your collection size.

What you can build

Integrating Pixie with Webflow lets you maintain consistent image dimensions across CMS collections and reduce manual resizing work.

• Content sites with standardized images: Blog sites with multiple CMS articles where Pixie resizes hero images and thumbnails to consistent dimensions across your collection
• eCommerce product catalogs: Product stores where Pixie crops product images to uniform dimensions for grid layouts and ensures consistency across your catalog
• Digital agency workflows: Multiple client sites where Pixie processes CMS images in bulk across collections, reducing manual resizing time per project
• Marketing campaign pages: Campaign sites with CMS-driven content where images maintain consistent dimensions without manual editing for each upload