How can I export or backup all the images in the CMS created with Webflow?

Webflow does not offer a direct method to export all CMS images (e.g., from image fields or rich text) in bulk. However, you can manually extract them using a structured approach.

1. Export the CMS Content as CSV

• Go to CMS Collections in your Webflow project’s Designer.
• Click the collection you want to export.
• In the top-right, click Export > CSV.
• This CSV file will include image URLs for all image fields and images embedded in rich text fields (as raw HTML).

2. Extract Image URLs from the CSV

• Open the CSV using a spreadsheet tool like Google Sheets or Excel.
• Look for columns that have:
• Image fields: These will show direct image URLs (e.g., _https://cdn.prod.website-files.com/..._).
• Rich text fields: May contain HTML with <img> elements. You’ll need to extract the src values manually or using formulas/scripts.

3. Download the Images

You have two main options:

• Manual Download:

• Copy the image URL from the CSV.

• Paste into your browser to view and then right-click > Save image as…

• Repeat for all (this is practical only for small sets).

• Use a Bulk Image Downloader or Script:

• If you have many images, paste all the image URLs into a text file.

• Use tools like:

  • DownThemAll (Firefox extension)
  • wget or curl (CLI tools)
  • Custom Python script to automate downloading via URLs

4. Alternative: Use Webflow API (Advanced)

• Use the Webflow CMS API to programmatically fetch collection items, including media URLs.
• This is useful for richer backups and can be automated.

Summary

You can backup your CMS images by exporting the collection as a CSV, extracting image URLs, and then downloading images manually or via script. For automation or large datasets, consider using the Webflow API.