Guidance for Website Home Page Photos

Guidance for Website Home Page Photos

Homepage Photo Guidelines

Your homepage is the first thing visitors see, so choosing the right photos makes a big difference. Spillover website templates are designed around wide, landscape images that look sharp across desktop, tablet, and mobile devices.

Photo Requirements

  • Single Image Homepage: Provide 1 high resolution landscape photo that is at least 2000 pixels wide.
  • Homepage Slideshow: Provide 3 to 6 high resolution landscape photos, each at least 2000 pixels wide.
  • Use the highest quality original photos available. Avoid screenshots or photos downloaded from social media whenever possible.

What Makes a Great Homepage Photo?

The best homepage images are bright, sharp, and professionally composed. They should immediately show customers what makes your restaurant unique.

  • Landscape (horizontal) orientation.
  • High resolution with clear detail.
  • Well-lit with vibrant, natural colors.
  • Food filling most of the frame without being overly zoomed in.
  • Table spreads photographed from the side or directly above.
  • Clean backgrounds with minimal distractions.
  • Images that represent your signature dishes or overall dining experience.

Photos to Avoid

  • Portrait (vertical) photos.
  • Blurry or low resolution images.
  • Dark or poorly lit photos.
  • Photos with large empty areas that make the subject appear too small.
  • Images with distracting backgrounds or clutter.
  • Photos with heavy filters, graphics, or text over the image.

Examples of Good Homepage Photos

The following examples show the types of images that work best on a Spillover website homepage.

Landscape photo of a signature dish ✓ High Resolution Landscape Photo of a Signature Dish
Landscape table spread photographed from the side ✓ High Resolution Landscape Table Spread (Side View)
Landscape table spread photographed from above ✓ High Resolution Landscape Table Spread (Overhead View)
Landscape photo of a featured dish ✓ High Resolution Landscape Photo of a Featured Dish

Examples of Photos to Avoid

Portrait photos do not fit the wide homepage layout and are often heavily cropped, resulting in a poor appearance.

Portrait photo example ✗ Portrait Photo (Not Recommended)
Portrait photo example ✗ Portrait Photo (Not Recommended)
Portrait photo example ✗ Portrait Photo (Not Recommended)
Portrait photo example ✗ Portrait Photo (Not Recommended)

Additional Tips

  • Include a variety of photos if using a slideshow, such as signature dishes, appetizers, drinks, desserts, or your dining atmosphere.
  • Keep lighting and editing consistent across all homepage photos for a polished, professional look.
  • If possible, use professional photography to showcase your restaurant.
  • Choose photos that best represent the experience customers can expect when visiting.

For additional recommendations on taking great restaurant photos, see our Suggestions for Restaurant Photo Shots article.

    • Related Articles

    • Guidance on Photos for your Social Posts

      Types of Restaurant Photos Great photography helps showcase your restaurant, attract new customers, and create a professional first impression. The photos you use throughout your website, online ordering, and social media should tell the story of ...
    • Website Management Tools Overview (Video)

      <br> Topics covered in this session: Adding a Home Page Popup message to your website Adding an event to your Website Events Calendar Making simple edits to your website pages e.g. editing About Us copy Making Simple ...
    • Getting started with your Spillover Website Management Tools

      Viewing and Responding to Website Form Submissions Adding a Home Page Popup message to your website Adding an event to your Website Events Calendar Adding Blog/News Posts to your website Making simple edits to your website pages e.g. editing About Us ...
    • Adding a Home Page Popup message to your website

      This article shows you how to add and remove Pop Up Messages to/from the Home Page of your website so you can share important updates with your customers e.g. New Opening Hours, Changes to Dine-In or Online Ordering, or Special Promotions etc. 1) In ...
    • Creating a Blog Page on your website

      Note: You can also contact Support create this page and widget for you by opening a Support Ticket or emailing support@spillover.com 1. Go to the Pages tab of Command Center Navigation. 2. Check to see if your blog page has already been created ...