Skip to content

Recipe Images Documentation

Menu Location: Settings > Content > Recipes (admin-edit.php?table=recipes)

Access Level: Administrator and above

Last Updated: 2026-03-01

Overview

Recipe Images management is part of the Recipes content system, allowing you to upload, organize, and display recipe photos alongside your recipe content. High-quality recipe images encourage customer engagement and showcase how to prepare products.

Primary Functions:

  • Upload recipe photos
  • Associate images with specific recipes
  • Display recipes with photos on website
  • Organize recipe image library
  • Showcase product usage and preparation
  • Inspire customers with meal ideas

Managing Recipe Images

Within Recipes Table

Fields Related to Images:

  • Recipe Title: Name of the recipe
  • Featured Image: Main recipe photo
  • Additional Images: Step-by-step or ingredient photos
  • Image Gallery: Multiple photos for one recipe

Uploading Images

Steps:

  1. Open/create recipe record
  2. Click "Choose File" for featured image
  3. Select high-quality photo
  4. Upload additional images if desired
  5. Save recipe
  6. Images display with recipe on website

Image Requirements

Specifications:

  • Format: JPG or PNG
  • Size: Minimum 800x600px (1200x900px recommended)
  • Aspect Ratio: 4:3 or 16:9 for best display
  • Quality: High resolution, well-lit, in-focus
  • File Size: Under 2MB (optimize before upload)

Best Practices:

  • Professional or high-quality amateur photography
  • Bright, natural lighting
  • Appealing food styling
  • Clean background/setting
  • Show finished dish prominently

Common Use Cases

Use Case 1: Add Hero Image to Recipe

Upload main featured photo for recipe card display.

Upload multiple images showing cooking process.

Use Case 3: Update Seasonal Recipe Photos

Refresh images for seasonal recipe collections.

Use Case 4: Replace Low-Quality Image

Swap old photo with professional photography.

Use Case 5: Add Product Context

Show products being used in recipe preparation.

Troubleshooting

Image Not Displaying

  • Verify image uploaded successfully
  • Check file format (JPG/PNG only)
  • Clear browser cache
  • Ensure image URL is accessible

Image Looks Pixelated

  • Upload higher resolution version
  • Minimum 800px width recommended
  • Check original photo quality

Best Practices

  1. Professional quality - Invest in good food photography
  2. Consistent style - Match your brand aesthetic
  3. Optimize files - Compress images to improve load times
  4. Show product - Feature your products in photos
  5. Update regularly - Refresh images seasonally

Quick Reference Card

Task Action
Upload recipe image Edit recipe, choose file, upload
Replace image Upload new image, saves over old
Add multiple photos Use additional image fields
Delete image Remove from recipe, save
View recipe Click recipe link to see on website

FAQs

What makes a good recipe photo?

Natural lighting, appealing food styling, focus on finished dish, clean composition, shows your products being used.

Can I use stock photos?

Only if you have rights. Original photography of your actual products preferred for authenticity.

How many images per recipe?

One featured image required. Additional images optional for step-by-step instructions or variations.

Do I need professional photography?

While professional photos are ideal, high-quality smartphone photos with good lighting can work well.

End of Documentation

For additional help, contact your system administrator or Kiva Logic support.