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.
✓ High Resolution Landscape Photo of a Signature Dish
✓ High Resolution Landscape Table Spread (Side View)
✓ High Resolution Landscape Table Spread (Overhead View)
✓ 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 (Not Recommended)
✗ Portrait Photo (Not Recommended)
✗ Portrait Photo (Not Recommended)
✗ 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 ...