Recipe Images and Videos

High-quality visuals make recipes more appealing and increase engagement. This guide covers adding images and videos to your recipes.

Recipe Main Image

Uploading Images

1. Click the image area in the recipe editor
2. Select an image from your computer
3. The image uploads and displays

Supported Formats

• JPEG (.jpg, .jpeg)
• PNG (.png)
• WebP (.webp)

Image Requirements

• Minimum size: 800x800 pixels
• Recommended size: 1200x1200 pixels or larger
• Aspect ratio: Square or 4:3 works best
• File size: Under 5MB for faster loading

Alt Text

Add descriptive alt text for accessibility and SEO:

• Describe what's shown in the image
• Include recipe name
• Example: "Golden brown chocolate chip cookies on a cooling rack"

Direction Step Images

On Advanced and Enterprise plans, add images to individual directions:

Adding Step Images

1. Click the image icon on any direction step
2. Upload an image
3. The image appears alongside that step

Best Uses for Step Images

• Show technique (how to knead dough)
• Illustrate visual cues (what "golden brown" looks like)
• Demonstrate assembly (layering a lasagna)
• Display specialized equipment setup

Step Image Tips

• Focus on the specific action in that step
• Keep images clear and well-lit
• Show the detail customers need to see
• Maintain consistent image quality

Recipe Video

Add videos from YouTube, Vimeo, TikTok, or Instagram to your recipes.

1. Find the Video field in the recipe editor
2. Paste the video URL or embed code
3. The video appears in your recipe card

For detailed instructions on supported URL formats and embedding from each platform, see Recipe Videos.

Image Optimization

Recipe Kit automatically optimizes images for:

• Fast loading on all devices
• Responsive display
• CDN delivery

Manual Optimization

Before uploading, you can:

• Compress images using tools like TinyPNG
• Crop to appropriate aspect ratio
• Ensure proper color/exposure

Storage Options

Shopify CDN

By default, images upload to Shopify's CDN for fast, reliable delivery.

Custom Storage

Enterprise users can configure custom storage destinations.

Best Photography Tips

Equipment

• Good natural light or photo lights
• Neutral background
• Smartphone or DSLR camera

Composition

• Fill the frame with the dish
• Use complementary props (napkins, utensils)
• Show texture and detail
• Consider the angle (overhead, 45 degrees)

Styling

• Use fresh ingredients for garnish
• Clean plate edges
• Natural, not overly styled presentation
• Show steam or action when possible

Plan Features

What's Next?

• Recipe Videos - Detailed video embedding guide
• Recipe Card Templates - How images display on cards
• Recipe Directions - Adding step images