Design and photography

Photographing Your Restaurant for the Web Without a Studio Budget

How an independent restaurant can shoot, crop and publish its own photography with a phone, and use it well on the website, the map listing and social.

Published
Read
16 min
Length
3,660 words

A neighborhood restaurant does not need a studio day to have good photography on its website. It needs about five kinds of image, shot during the light and the service it already has, cropped for the places they will actually appear, and kept current on a rhythm rather than replaced in a panic every two years.

The gap between a restaurant site that looks trustworthy and one that does not is rarely equipment. It is almost always whether the photographs show the real room, the real plates and the real people, and whether someone thought about how those images would be cropped on a phone before they were uploaded.

This is the whole process, from what to shoot to how to publish it, written for someone holding a phone in their own dining room on a quiet Tuesday afternoon.

What a restaurant website actually needs from photography

A restaurant website needs five categories of photograph, and almost nothing outside them. Most sites either fall short of this set or bury it under hundreds of near-identical dish shots, and both failures come from not naming the categories in the first place.

The five categories

The room. One or two wide frames that show what it feels like to sit there. This is the single most valuable photograph on the site, because it answers the question a first-time visitor is actually asking: what am I walking into. It belongs on the homepage, and it should be honest about scale. A small room photographed to look cavernous sets up a disappointment at the door.

The pass. The working end of the kitchen, plates going out, hands moving. This is the photo that tells someone the food is cooked by people rather than assembled from a freezer, and it does more for credibility than any adjective in the copy. For a counter-led room it is close to the whole pitch, which is why our page for chef-driven tasting counters is built around this kind of imagery rather than around plated close-ups.

A handful of hero dishes. Not the whole menu. Three to six plates that represent the range of the kitchen: the thing people come back for, something that photographs the format of the menu honestly, and something seasonal. These sit on the menu pages and carry the most weight when they are accurate, which is a point worth returning to on menu website design.

The people. Front of house, kitchen, owner. Faces make a neighborhood restaurant feel like a neighborhood restaurant rather than an address. They also age well: a portrait of a chef stays useful longer than a photo of a dish that left the menu in March.

Detail shots. The texture of a table, a glass catching light, a hand tearing bread, the neon sign by the door. These are the images that fill the gaps in a layout without demanding attention, and they are the easiest of the five to shoot because nothing has to be staged.

What you do not need

You do not need a photograph of every dish, a photograph of the empty dining room at eleven in the morning under full house lights, or a photograph of the building exterior taken from across the street on an overcast day. The first is a maintenance burden, the second is the single most common reason a warm room looks cold online, and the third almost never gets used in any layout.

Shoot in the light you already have

Use the light the room already has, at the time of day when it is best, rather than adding equipment. Restaurants are lit deliberately, and that lighting is part of the product. Overriding it with a phone flash produces a photo of a different, worse room.

Finding the window hour

Every dining room has an hour when daylight does most of the work. Find it by walking the room with your phone at three or four different times across one day and taking the same frame each time. One of those frames will obviously beat the others. That is your window hour, and from then on it is when you shoot the room, the detail shots and most of the dish photography.

Two practical habits help more than any setting. First, turn the flash off and leave it off. Second, tap to set the exposure on the brightest part of the subject, usually the plate or the lit surface, and then pull the exposure down slightly. A slightly dark restaurant photo reads as atmospheric. A blown-out one reads as a mistake, and the detail that got lost cannot be recovered afterwards.

Working with the light after dark

Evening service is harder and worth doing anyway, because for most restaurants that is when the room looks like itself. Shoot near the actual light sources, a table under a pendant lamp rather than one in the middle of the floor, brace the phone against a chair back or a table edge to keep it steady, and take several frames of everything because more of them will be soft than in daylight. Patio and rooftop rooms have the opposite problem in the evening, which is a bright sky against a dark deck, and the fix there is to shoot in the twenty minutes after sunset when the two balance out. That timing is worth building into the plan for a page like rooftop and patio spots, where the whole appeal is a specific time of day.

Why service-time photos beat staged ones

Photographs taken during service look right because everything in them is actually happening. A staged shot has to invent the things service provides for free: a half-drunk glass, a crumpled napkin, a blurred person passing behind the table, a plate that has been eaten from.

There is also a practical reason. Staging a restaurant photograph means closing part of the room, plating food nobody will eat, and spending an hour arranging things that a camera will reduce to a corner of the frame. Shooting during a real service costs a member of staff a few minutes and produces images that could not be faked.

The compromise most independent restaurants land on works well: shoot the room and detail frames during a quiet early service, and shoot the hero dishes during a normal one by asking the kitchen to hand you a plate before it goes out. Dishes photographed as they are actually plated also protect against the gap between the picture and the plate, which is the fastest way to disappoint someone who ordered from an image.

Avoiding stock photography entirely

Do not use stock photography of food, rooms or people anywhere on a restaurant website. It fails on three counts at once. It misrepresents the product, since the dish in the photo is not a dish you serve. It is recognizable, because the same images circulate across hundreds of sites and people have seen them. And it removes the one advantage an independent restaurant has over a chain, which is that it looks like a specific place run by specific people.

The only defensible use is an abstract texture or pattern used as a background behind text, where nothing in the image claims to be your restaurant. Even then, a photograph of your own tabletop usually does the same job.

The shot list to work through in one afternoon

One afternoon, worked through in blocks, produces enough photography to rebuild a website. The list below is deliberately short, because the failure mode is not running out of shots but coming home with four hundred frames and never editing them.

Block What to shoot Rough time Why it earns its place
1. The room Wide frame from the entrance, one from a corner, one from a seated height 20 minutes Becomes the homepage hero and the top of the gallery
2. Tables and details Set table, glassware, a menu in someone’s hands, the bar back 20 minutes Fills layouts without competing with the main images
3. The pass Plates going out, hands working, the line mid-service 20 minutes Makes the kitchen feel real and is hard to fake
4. Hero dishes Three to six plates, each shot straight down and at a low angle 40 minutes Menu pages, social posts, map listing
5. People Owner, one chef, one front-of-house portrait 20 minutes Ages slower than any other category
6. Exterior The frontage at the best light of the day, plus the door and signage 15 minutes Helps people find the door and recognize it on arrival

Two rules make the afternoon work. Shoot every frame more than once, because the cost is zero and the second attempt is usually sharper. And keep a running note on your phone of what each block was, so that the edit afterwards is sorting rather than archaeology.

Composition, framing and safe crop areas

Compose every photograph looser than you think you need to, because the website will crop it. A photo framed perfectly in the camera app is a photo with no margin left when the same file has to work as a wide homepage banner, a square card in a grid, and a tall crop on a phone.

Three habits that fix most framing problems

  1. Leave air around the subject. Put the plate, the face or the table in the middle third of the frame with space on all sides. The empty space is what the crop eats.
  2. Shoot the same subject twice, in two orientations. One horizontal, one vertical. Vertical frames are what phones and social platforms want; horizontal frames are what website banners want. Having both means never stretching one into the other.
  3. Watch the background before the subject. A cluttered service station or a half-open fire door behind a beautiful plate ruins the shot, and it is the single easiest thing to fix at the moment of shooting and the hardest to fix afterwards.

Aspect ratios and what has to survive the crop

Responsive layouts serve different crops of the same image at different screen widths, which is exactly why the browser needs several versions of a file to choose between. The mechanics of that selection are documented in the MDN guide to responsive images, and the practical consequence for a photographer is simple: the subject has to survive every crop in the table below.

Placement Typical ratio What must stay inside the safe area
Homepage hero, desktop Wide, roughly 16:9 or wider The room, with nothing important near the left or right edge
Homepage hero, phone Tall, roughly 4:5 or taller The same room, center only; the edges will be gone
Gallery or card grid Square The subject, centered, with visible margin on all four sides
Menu item thumbnail Square or slightly wide The plate, filling most of the frame but not touching an edge
Social and stories Tall, roughly 9:16 Subject in the upper middle, since captions and buttons cover the bottom

The habit that follows from this table is to treat the center of the frame as the only guaranteed space and everything toward the edges as optional. If a photo only works at one ratio, it will break somewhere on the site.

File formats and sizes for fast pages

Export photographs to a modern web format at the size they will actually be displayed, and no larger. A restaurant website is one of the easiest kinds of site to make slow, because photography is the point and the temptation is to upload the original files straight off the phone.

A few rules of thumb, which are working guidance rather than research findings:

  • Export in a modern format such as WebP or AVIF, with a JPEG fallback where it is needed. These formats generally produce noticeably smaller files than an unoptimised JPEG at similar visible quality.
  • Resize before uploading. A hero image does not need to be wider than the largest container it will ever fill, and a gallery thumbnail needs a fraction of that.
  • Treat a few hundred kilobytes as a working ceiling for a full-width hero image, and far less than that for thumbnails. Then judge the result by eye on a phone rather than by the number.
  • Let the largest image on the page load first and defer the rest, since the hero is usually the element that decides how quickly the page feels usable.

That last point is the one with the clearest documentation behind it. Largest Contentful Paint, one of the metrics in Core Web Vitals, measures when the main content of a page has rendered, and on a restaurant homepage that main content is almost always the hero photograph. The web.dev guide to optimising Largest Contentful Paint walks through why the hero image deserves priority and why everything below the fold should wait its turn. Getting this right is a build-time decision as much as an editing one, and it is part of what restaurant website design has to handle before the first photograph is ever uploaded.

Alt text that is genuinely descriptive

Write alt text that describes what is in the photograph, in a sentence someone could understand without seeing it. Alt text exists so that people using a screen reader get the same information as everyone else, and as a side effect it helps search engines understand the image.

The common failure is alt text written for a search engine rather than a person. “restaurant italian neighborhood pasta best” is not a description of anything. “A bowl of hand-rolled cavatelli with sausage ragu on a marble counter” is. The W3C Web Accessibility Initiative publishes an alt decision tree that walks through the cases, including the important one where an image is purely decorative and the correct alt text is empty rather than descriptive.

Google’s own image best practices make the same point from the search side: descriptive alt text, descriptive file names and images placed near the text they relate to all help. So rename the files before uploading. A folder of photographs called IMG_4471 through IMG_4630 is not just unhelpful to search engines, it makes the gallery impossible to maintain a year later.

A short checklist for each image:

  • Describe the subject, not the mood.
  • Skip “photo of” and “image of” at the start; the screen reader already says it is an image.
  • Name the dish if the photo is of a specific dish.
  • Leave alt text empty for purely decorative textures.

Give the gallery a structure and an upper limit, or it will slowly turn into an archive nobody looks at. A gallery page fails when it becomes the place every photo goes by default, because the good images end up buried among near-duplicates and the page gets heavier every month.

Three structural decisions keep it useful. First, group images rather than presenting one unsorted grid: by room and daypart is usually the most natural split for a restaurant, since a bright brunch room and a dim evening one are effectively two different products. Second, cap each group. Somewhere around a dozen images per group is enough to show the range without asking anyone to scroll through an archive. Third, load the images progressively as the visitor scrolls rather than all at once, so the page opens quickly even when the full set is large.

It is also worth being clear about what the gallery is for. It is not a portfolio of the kitchen’s best plating. It is the page that convinces someone they want to be in that room on Friday, which is the same job the gallery does in the wider local search to seated table playbook. Judged that way, a wide shot of a full room on a busy night is worth more than five immaculate close-ups of dishes.

When an older site has accumulated years of gallery images with no structure, the cleanup is usually a redesign job rather than a maintenance one, which is part of what a restaurant website redesign sets out to fix.

Photographing guests and staff

Ask people before you photograph them in a recognizable way, and ask again before you publish. This applies to guests and to staff, and the second conversation matters as much as the first, because agreeing to be photographed during service is not the same as agreeing to appear on a website homepage for the next three years.

Practically, this means a few habits. Shoot the room from angles where guests are out of focus or seen from behind, so that most of your atmosphere shots never raise the question at all. When you do want a recognizable face, go and ask, explain where it will appear, and accept a no without negotiating. Keep a simple note of who agreed to what, so that a request to take something down later can be honored quickly.

Rules about photography and publication differ from country to country and sometimes from city to city, and they can differ again for staff under an employment agreement. Check your own local rules and ask the people in the frame. We build and manage websites; we are not a licensing body and we cannot give legal advice on this, so treat the paragraph above as a prompt to ask the right questions locally rather than as an answer.

Keeping the library current and connected

Refresh photography on a seasonal rhythm and push the same images out to the map listing and social, so that every place someone looks shows the same restaurant. A website gallery that was accurate two years ago is a slow liability: the menu has changed, the room has been repainted, and the staff in the portraits have moved on.

A seasonal rhythm that is realistic

Four short shoots a year is a workable pattern, each tied to something that has actually changed. A spring shoot for the new menu and the patio opening, a summer shoot for the room at its brightest, an autumn shoot for the change in menu and light, and a winter shoot for the room in the evening with everything lit. Each of these is an hour or two, not a production, and each one gives you enough material for a quarter of website updates and social posts.

Between shoots, one habit keeps the library alive: whenever a dish changes or something in the room is new, photograph it that week rather than waiting for the next scheduled session.

Connecting the website to the map listing and social

The photographs on the website should not live only on the website. The Google Business Profile has its own photo section, and Google Business Profile Help documents how to add photos to a profile, including the exterior, interior and food categories that map neatly onto the shot list above. Someone searching on a phone often sees those images before they ever reach the site, so the exterior shot and the room shot in particular belong in both places. That alignment between site and listing is the core of Google Business Profile work for restaurants.

Social posts are where the vertical frames from each shoot go. Since you shot every subject twice, in two orientations, the tall versions are already there and no separate shoot is needed. The point of doing all three at once is consistency: the room someone sees in a search result, on the website gallery and on a social feed should be recognizably the same room, photographed in the same light, by the same person, in the same season.

Where to start

Start by booking one afternoon in the diary and working through the six-block shot list above with a phone, then sorting the results into the five categories the same evening. That single session produces more usable material than most independent restaurants have accumulated in years of taking occasional photos on busy nights.

Everything after that is publishing discipline: crop for the layout, export at a sensible size, write real alt text, keep the gallery curated, and push the best frames to the map listing in the same sitting. If you would rather have the publishing side handled for you while the kitchen keeps the camera, see what is included on each tier on the pricing page, or book a demo and we will look at your current photography on your own screen and work out which of the five categories is missing.

Sources

  1. web.dev: Core Web Vitals
  2. web.dev: Optimize Largest Contentful Paint
  3. MDN: Responsive images
  4. W3C WAI: An alt decision tree
  5. Google Search Central: Google Images best practices
  6. Google Business Profile Help: Add photos or videos to your Business Profile

Frequently asked questions

Can a restaurant really shoot its own website photography on a phone?

Yes, for most of what a neighborhood restaurant website needs. Modern phone cameras handle a well-lit room and a plated dish perfectly well, and the limiting factor is almost always light and timing rather than the camera itself. Hiring a photographer still makes sense for a launch campaign or a signature dish you plan to build a whole page around.

How many photos does a restaurant website actually need?

Far fewer than most owners assume. A homepage needs one strong image of the room, the menu pages need a handful of accurate dish shots, and a gallery works better as a curated set than as an archive of everything ever shot. Quality and accuracy matter more than volume, because every extra image is another file a visitor has to download.

Is stock photography ever acceptable for a restaurant site?

It is acceptable for abstract background textures and nothing else. Stock images of food or of a room mislead people about what they will actually walk into, and visitors recognize them quickly because the same images appear on other sites. A slightly imperfect real photo of your own room outperforms a polished photo of somebody else's.

What image file size should a restaurant aim for on its website?

Treat a few hundred kilobytes as a working ceiling for a large hero image and considerably less for gallery thumbnails, then check the result on a phone connection rather than office wifi. These are practical rules of thumb, not fixed thresholds. The real test is whether the page becomes usable quickly, which is what the Core Web Vitals metrics described by web.dev are designed to measure.

Do we need permission to photograph guests in the dining room?

Ask people directly before you photograph them in a recognizable way, and again before you publish. Rules about photography and publication vary by country and sometimes by city, so check your own local rules rather than assuming a restaurant is exempt because it is a business. We build and manage websites and cannot give legal advice, so treat this as a prompt to ask rather than as guidance to rely on.

Want this running on your own site?

A live walk-through of the site you would get, in about 30 minutes. Plans from $117 a month, live in as little as 7 days.

Book a demo with EateryWebStudioRead another