Media & Screenshots

Upload images, capture screenshots, and extract design assets from websites.

Uploading Media

Upload images and files to your site's media library:

# Upload an image
redo upload ./hero-image.jpg

# Upload with a custom name
redo upload ./photo.png --name "team-photo"

The CLI automatically optimizes images for web delivery:

Uploading hero-image.jpg...
✓ Optimized: 2.4MB → 340KB (86% reduction)
✓ Uploaded to: https://media.redopage.com/site_abc/hero-image.webp

Supported Formats

• Images: JPG, PNG, GIF, WebP, SVG
• Documents: PDF
• Videos: MP4, WebM (coming soon)

Screenshots

Screenshot Your Site

Capture screenshots of your draft pages:

# Screenshot the home page
redo screenshot --page /

# Screenshot a specific page
redo screenshot --page /about

# Mobile viewport
redo screenshot --page / --mobile

# Full page (scroll capture)
redo screenshot --page /pricing --full

Screenshot Any URL

Capture screenshots of external websites:

# Screenshot a competitor's site
redo screenshot https://example.com

# With mobile viewport
redo screenshot https://example.com --mobile

# Full page
redo screenshot https://example.com --full

Screenshot Options

Option	Description
--page <path>	Screenshot a draft page on your site
--mobile	Use mobile viewport (375px wide)
--full	Capture full page (scrolling screenshot)
--output <path>	Custom output path

Fetching Web Content

Convert any URL to clean markdown for content migration:

# Fetch and convert to markdown
redo fetch https://example.com/blog/post

# Save to a file
redo fetch https://example.com/about --output about.md

Output is clean markdown you can import into Redo Page:

# About Our Company

We've been serving customers since 2010...

## Our Team

- **Jane Smith** - CEO
- **John Doe** - CTO

[Contact us](/contact) to learn more.

Download Files

Download files directly instead of converting:

# Download a PDF
redo fetch https://example.com/brochure.pdf --download

# Download an image
redo fetch https://example.com/logo.png --download

Extracting Design Assets

Extract colors, fonts, and images from any website:

redo extract https://example.com

Output includes design system information:

Extracting design from https://example.com...

COLORS
──────
Primary:    #2563eb (blue-600)
Secondary:  #64748b (slate-500)
Background: #ffffff
Text:       #1e293b (slate-800)

FONTS
─────
Headings: Inter (700)
Body:     Inter (400)

IMAGES
──────
✓ Downloaded 12 images to ./extract/images/
  - hero-banner.jpg (1920x1080)
  - team-photo.jpg (800x600)
  - logo.svg
  ...

Output saved to: ./extract/design-report.json

Extract Options

# Extract only colors
redo extract https://example.com --colors-only

# Extract only images
redo extract https://example.com --images-only

# Custom output directory
redo extract https://example.com --output ./my-extract

Next: AI Context →