Pixie
Connect Pixie with Webflow to automate CMS image optimization, reduce file sizes, and speed up page load times.
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
Frequently asked questions
Sign up for a Pixie account, then download the Pixie - CMS Image Optimizer app from Webflow Apps. Select the specific sites and CMS collections you want to optimize, then configure your preferred optimization settings like dimensions and format conversion options. The Pixie help guide walks through each authorization step and shows where to manage connected sites.
Pixie requires four permission scopes: read authorized user information, read and write CMS data, read site data and publishing status, and read and write eCommerce store data. These permissions let the app access your CMS collections, process images, and update optimized versions back to your site.
Pixie handles CMS gallery images, standard CMS images, eCommerce product images, and related content images. You can target specific image fields within collections rather than processing all images on your site.
OAuth authorization prevents conflicts with existing Webflow integrations and provides more secure connections between Pixie and your site. OAuth also lets you revoke access without regenerating keys that might be used elsewhere.
Sites typically see faster image load times, improved SEO rankings from better performance scores, and reduced manual optimization workload. The Webflow integration page documents faster image loading through automated optimization and WebP conversion. Actual results vary based on original image quality, dimensions, and how many images you optimize across your CMS.
Description
Pixie is an image optimization tool that automates the compression and conversion of CMS images in Webflow.
This integration page is provided for informational and convenience purposes only.
Elfsight Webflow Plugins
Connect your Webflow site with over 100 customizable, no-code widgets from Elfsight to add social feeds, forms, reviews, chat, and more—without writing a single line of code.
CMS Library: Load More
Load items from your Collection List on the same page, with Finsweet's CMS Library!
Common Ninja
Common Ninja brings over 100 customizable no-code widgets to Webflow, enabling businesses to add interactive elements like forms, reviews, countdown timers, and social proof without coding. This integration enhances user engagement, improves conversions, and extends Webflow's functionality through a simple embed process that keeps content automatically synchronized.
CMS Library: Nest
Simulate multiple nested Collections on a single page, with Finsweet's CMS Library!
CMS Library: Slider
Create CMS slider with dynamic number of slides, with Finsweet's CMS Library!
Webflow Tabs
Connect Webflow Tabs with external APIs and tools to create dynamic, CMS-driven tab interfaces with automated content.
CMS Library: Anchor
Create CMS anchor links and sections, with Finsweet's CMS Library!
CMS Library: Combine
Combine multiple CMS Dynamic Lists into one single Collection List, with Finsweet's CMS Library!
CMS Library: Add Classes
Give unique add-on classes to elements inside your Collection List, with Finsweet's CMS Library!
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.
