> ## Documentation Index
> Fetch the complete documentation index at: https://docs.clippie.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Image to Video

> Transform static images into dynamic videos with animations and voiceovers

## Overview

Turn static images into engaging video content with professional animations, transitions, and AI voiceovers. Perfect for creating slideshow-style content, image compilations, and visual storytelling.

## Perfect For

<CardGroup cols={2}>
  <Card title="Slideshow Videos" icon="images">
    Create beautiful photo slideshows with music
  </Card>

  <Card title="Educational Content" icon="book-open">
    Explain concepts with illustrated steps
  </Card>

  <Card title="Product Showcases" icon="store">
    Display products with dynamic presentations
  </Card>

  <Card title="Before/After" icon="arrow-right-arrow-left">
    Show transformations and comparisons
  </Card>
</CardGroup>

## How to Create

<Steps>
  <Step title="Add Your Images">
    Upload your images in sequence:

    * **Upload from device** - Drag and drop or select files
    * **AI Generation** - Generate images with AI based on descriptions
    * **Stock Library** - Choose from thousands of stock images
    * **URL Import** - Import images from web URLs

    Supports JPG, PNG, WebP, and more. No limit on image count.
  </Step>

  <Step title="Arrange & Time">
    Organize your visual story:

    * Drag to reorder images
    * Set duration for each image (1-30 seconds)
    * Add or remove images anytime
    * Duplicate images for emphasis
  </Step>

  <Step title="Add Animations">
    Bring images to life with motion:

    * **Ken Burns Effect** - Classic zoom and pan
    * **Fade** - Smooth fade in/out
    * **Slide** - Enter from sides
    * **Zoom In/Out** - Dynamic scaling
    * **Pan** - Horizontal or vertical movement
    * **Rotate** - Spinning effects
    * **Custom** - Combine multiple animations
  </Step>

  <Step title="Add Transitions">
    Connect images smoothly:

    * **Crossfade** - Classic dissolve
    * **Wipe** - Directional transitions
    * **Zoom** - Scale-based transitions
    * **Slide** - Push or reveal
    * **Creative** - Special effects

    Control transition duration (0.1-2 seconds).
  </Step>

  <Step title="Add Voiceover & Music">
    Enhance with audio:

    * **AI Voiceover** - Narrate each image with 40+ voices
    * **Background Music** - Choose from music library
    * **Custom Audio** - Upload your own audio
    * **Timing Sync** - Auto-sync audio to images
  </Step>

  <Step title="Customize Style">
    Polish your video:

    * Background color or blur
    * Image fitting (fill, fit, stretch)
    * Padding and borders
    * Text overlays
    * Logo watermarks
  </Step>
</Steps>

## Animation Styles

<Tabs>
  <Tab title="Ken Burns">
    Classic documentary-style zoom and pan

    **Best for**: Photos, landscapes, portraits

    **Effect**: Slow zoom in/out with subtle pan movement
  </Tab>

  <Tab title="Parallax">
    Layered depth effect

    **Best for**: Designs with multiple elements

    **Effect**: Different layers move at different speeds
  </Tab>

  <Tab title="Zoom">
    Simple but effective scaling

    **Best for**: Product images, before/after

    **Effect**: Dramatic zoom in or zoom out
  </Tab>

  <Tab title="Pan">
    Horizontal or vertical movement

    **Best for**: Wide images, panoramas

    **Effect**: Smooth camera-like panning
  </Tab>

  <Tab title="Bounce">
    Energetic entrance

    **Best for**: Fun content, youth audiences

    **Effect**: Spring-like bounce animation
  </Tab>
</Tabs>

## Customization Options

<AccordionGroup>
  <Accordion title="Image Settings" icon="image">
    * Crop and resize
    * Rotation angle
    * Opacity and blending
    * Filters (B\&W, sepia, vibrance)
    * Brightness and contrast
    * Fit mode (contain, cover, fill)
  </Accordion>

  <Accordion title="Animation Controls" icon="wand-magic-sparkles">
    * Animation type per image
    * Direction and intensity
    * Duration (0.5-10 seconds)
    * Easing curves
    * Start/end positions
    * Loop settings
  </Accordion>

  <Accordion title="Transitions" icon="right-left">
    * Transition style
    * Duration (0-2 seconds)
    * Direction
    * Easing
    * Custom timing curves
  </Accordion>

  <Accordion title="Text Overlays" icon="text">
    * Title text per image
    * Subtitle/description
    * Font, size, color
    * Position and animation
    * Background boxes
    * Stroke and shadow
  </Accordion>

  <Accordion title="Audio Options" icon="music">
    * AI voiceover per image
    * Background music track
    * Volume mixing
    * Fade in/out
    * Audio timing adjustments
  </Accordion>

  <Accordion title="Background" icon="panorama">
    * Solid color
    * Gradient
    * Blurred image
    * Custom image
    * Video background
  </Accordion>
</AccordionGroup>

## Scene Editor Features

Create complex multi-image compositions:

<CardGroup cols={2}>
  <Card title="Split Screen" icon="table-columns">
    Show multiple images simultaneously in split layouts
  </Card>

  <Card title="Picture-in-Picture" icon="square">
    Overlay smaller images on main image
  </Card>

  <Card title="Collage" icon="grid">
    Create photo grid layouts with multiple images
  </Card>

  <Card title="Sequential" icon="layer-group">
    Layer images with staggered timing
  </Card>
</CardGroup>

## Pro Tips

<Tip>
  **Match animation to mood**: Use slow, smooth animations for emotional content; fast, dynamic for energetic videos.
</Tip>

<Note>
  **Image quality matters**: Use high-resolution images (1080p+) for best results. Low-quality images will look pixelated when zoomed.
</Note>

<Warning>
  **Don't over-animate**: Too many different animation styles can be distracting. Keep it consistent.
</Warning>

## Best Practices

### Image Selection

* Use high-resolution images (1920x1080 or higher)
* Maintain consistent aspect ratios
* Ensure good lighting and clarity
* Consider color harmony across images
* Leave room for text if adding overlays

### Animation Strategy

* Match animation speed to content type
* Use smooth, professional transitions
* Keep viewer focus in mind
* Don't over-complicate
* Test timing on mobile devices

### Audio Integration

* Keep voiceover clear and concise
* Match music mood to visual content
* Ensure audio doesn't overlap awkwardly
* Use fade effects for smooth audio transitions
* Balance music and voiceover volumes

## Use Cases

<CardGroup cols={2}>
  <Card title="Real Estate" icon="house">
    Property tours and listing showcases
  </Card>

  <Card title="Portfolio" icon="briefcase">
    Display work samples and projects
  </Card>

  <Card title="Tutorials" icon="chalkboard">
    Step-by-step visual guides
  </Card>

  <Card title="Testimonials" icon="comment">
    Customer reviews with photos
  </Card>

  <Card title="Product Demos" icon="box">
    Feature highlights and benefits
  </Card>

  <Card title="Event Recaps" icon="calendar">
    Wedding, party, or event summaries
  </Card>

  <Card title="Infographics" icon="chart-simple">
    Data visualization and statistics
  </Card>

  <Card title="Comparisons" icon="scale-balanced">
    Before/after or A/B comparisons
  </Card>
</CardGroup>

## Template Styles

<Tabs>
  <Tab title="Elegant">
    Smooth, sophisticated animations

    * Slow fade transitions
    * Subtle Ken Burns effect
    * Minimal text overlays
    * Classical or ambient music
  </Tab>

  <Tab title="Dynamic">
    High-energy, attention-grabbing

    * Quick transitions
    * Zoom and bounce animations
    * Bold text treatments
    * Upbeat background music
  </Tab>

  <Tab title="Professional">
    Clean, corporate presentation style

    * Simple fade transitions
    * Professional fonts
    * Company branding
    * Corporate music
  </Tab>

  <Tab title="Storytelling">
    Narrative-focused flow

    * Strategic pacing
    * Voiceover narration
    * Emotional music
    * Text captions for context
  </Tab>
</Tabs>

## Platform Optimization

<Tabs>
  <Tab title="Instagram">
    * **Aspect Ratio**: 1:1 (square) or 4:5 (portrait)
    * **Duration**: 15-60 seconds
    * **Style**: Aesthetic, cohesive feed
    * **Images**: 3-10 images
  </Tab>

  <Tab title="TikTok/Reels">
    * **Aspect Ratio**: 9:16 (vertical)
    * **Duration**: 15-60 seconds
    * **Style**: Fast-paced, engaging
    * **Images**: 5-15 images
  </Tab>

  <Tab title="YouTube">
    * **Aspect Ratio**: 16:9 (landscape)
    * **Duration**: 1-10 minutes
    * **Style**: Detailed, informative
    * **Images**: 10-50+ images
  </Tab>

  <Tab title="LinkedIn">
    * **Aspect Ratio**: 1:1 or 16:9
    * **Duration**: 30-90 seconds
    * **Style**: Professional, polished
    * **Images**: 5-12 images
  </Tab>
</Tabs>

## Advanced Features

<CardGroup cols={2}>
  <Card title="AI Image Generation" icon="sparkles">
    Generate custom images with AI for your video
  </Card>

  <Card title="Batch Upload" icon="upload">
    Upload multiple images at once
  </Card>

  <Card title="Auto-Timing" icon="clock">
    Automatically time images to audio length
  </Card>

  <Card title="Smart Crop" icon="crop">
    AI-powered intelligent cropping
  </Card>
</CardGroup>

## Pricing

Image videos are charged based on:

* **Video length**: 1 credit per minute
* **AI voiceover**: Additional credits
* **AI image generation**: Credits per image generated

<Card title="View Pricing" icon="dollar-sign" href="https://clippie.ai/pricing">
  See pricing details
</Card>

## Need Help?

<Card title="Get Support" icon="life-ring" href="mailto:support@clippie.ai">
  Contact us for help with image videos
</Card>