Food-Fotografie für Ihre Website: Der komplette Leitfaden
Wie Sie Food-Fotografie für Ihre Restaurant-Website erstellen und optimieren. Behandelt Hero-Bilder, Speisekartenseiten, Galeriebereiche, Bildgrößen und Ladeperformance.
Ihre Website-Fotos setzen den Maßstab
Ihre Restaurant-Website ist der eine Kanal, den Sie vollständig kontrollieren. Anders als Liefer-Apps mit standardisierten Layouts und Social Media mit algorithmischen Feeds zeigt Ihre Website Ihre Marke genau so, wie Sie es beabsichtigen. Die Food-Fotografie auf Ihrer Website setzt die Qualitätslatte dafür, wie Kundinnen und Kunden Ihr Restaurant wahrnehmen.
Dennoch investieren viele Restaurants in großartige Fotos für Liefer-Apps, vernachlässigen aber ihre Website – oder schlimmer noch: Sie verwenden dieselben kleinen, für Lieferdienste optimierten Bilder auf einer Website, die größere, aufmerksamkeitsstärkere Visuals erfordert.
Fotoarten, die Ihre Website benötigt
Hero-Bild
Das große, seitenbreite Bild oben auf Ihrer Homepage. Es ist das mit Abstand wirkungsvollste Foto auf Ihrer gesamten Website. Es sollte:
- Ihr visuell beeindruckendstes Gericht oder eine wunderschön gestaltete Tischszene zeigen
- Mindestens 1920px breit für die Vollbreiten-Darstellung sein
- Für schnelles Laden optimiert sein (komprimiert, aber ohne sichtbare Qualitätsverluste)
- Die Markenpersönlichkeit Ihres Restaurants sofort vermitteln — lässig, gehoben, modern, rustikal
Wechseln Sie Ihr Hero-Bild saisonal, damit die Website frisch wirkt.
Fotos auf der Speisekartenseite
Wenn Ihre Website eine Speisekartenseite hat (das sollte sie), fügen Sie mindestens zu Ihren Top-10–15 Gerichten Fotos hinzu. Eine vollständige Fotodeckung aller Gerichte ist ideal, priorisieren Sie jedoch:
- Signature-Gerichte
- Gerichte mit der höchsten Marge
- Gerichte, die man sich anhand des Namens allein schwer vorstellen kann
- Saisonale Specials
Auf Websites dürfen Speisekartenfotos größer und detaillierter sein als Liefer-App-Thumbnails. Verwenden Sie mindestens 800x600px pro Gericht.
Galerie oder visuelle Präsentation
Eine eigene Galerieseite oder ein Abschnitt, der Ihre Speisen, Räumlichkeiten und Atmosphäre zeigt. Enthalten sein sollten:
- 10–20 Ihrer besten Food-Fotos
- 3–5 Innenraum-/Atmosphäre-Aufnahmen
- 2–3 Fotos, die das Gasterlebnis zeigen (Menschen, die das Essen genießen)
Diese Galerie erfüllt eine Doppelfunktion: Sie beeindruckt Website-Besucher und liefert Google visuelle Inhalte für Ihr Google-Unternehmensprofil.
Über-uns-Seite und Teamfotos
Machen Sie Ihre Marke mit Fotos Ihres Teams, der Küche und Ihrer Geschichte menschlicher. Schon ein einfaches Foto der Küchenchefin/des Küchenchefs oder der Inhaberin/des Inhabers schafft Authentizität, die Stockfotos nie erreichen.
Fotospezifikationen fürs Web
Auflösung und Größen
| Einsatzzweck | Empfohlene Größe | Maximale Dateigröße |
|---|---|---|
| Hero/Banner | 1920x1080px | 200–400 KB |
| Menüpunkt | 800x600px | 80–150 KB |
| Galerie | 1200x800px | 150–250 KB |
| Thumbnail | 400x300px | 30–60 KB |
Format
Verwenden Sie WebP als primäres Format — es erzeugt bei gleicher Qualität kleinere Dateien als JPEG. Bieten Sie JPEG als Fallback für ältere Browser an. PNG ist für Food-Fotos unnötig (es ist für Grafiken mit Transparenz gedacht).
Ladeperformance
Große, nicht optimierte Bilder sind der häufigste Grund, warum Restaurant-Websites langsam laden. Langsame Seiten verlieren Besucher und ranken bei Google schlechter. Unverzichtbare Optimierungen:
- Jedes Bild komprimieren — Nutzen Sie Tools wie Squoosh, TinyPNG oder die integrierte Optimierung Ihres CMS
- Lazy Loading — Bilder erst laden, wenn Nutzer dorthin scrollen, nicht alle auf einmal
- Responsive Bilder — Auf Mobilgeräten kleinere Dateien und auf Desktops größere ausliefern
- CDN-Auslieferung — Bilder über ein Content Delivery Network weltweit schnell bereitstellen
Alt-Text für SEO
Jedes Food-Foto auf Ihrer Website sollte einen beschreibenden Alt-Text haben. Das hilft Google, Ihre Bilder zu verstehen, und kann Traffic aus der Google-Bildersuche bringen. Beispiele:
- Gut: "Gegrillter Lachs mit Ofengemüse und Zitronen-Buttersauce"
- Schlecht: "IMG_4532" oder "Essensfoto"
- Schlecht: "bestes restaurant essen foto lecker erstaunlicher lachs"
Halten Sie Alt-Text beschreibend und natürlich. Schreiben Sie, was auf dem Foto zu sehen ist.
Website-Fotos vs. Liefer-App-Fotos
Ihre Website und Liefer-Apps dienen unterschiedlichen Kontexten:
| Aspekt | Website | Liefer-App |
|---|---|---|
| Bildgröße | Groß, hochauflösend | Kleine Thumbnails |
| Seitenverhältnis | Flexibel | Plattformspezifisch (quadratisch, 3:2) |
| Stil | Darf künstlerischer/stimmungsvoller sein | Muss bei kleinen Größen klar und appetitlich sein |
| Kontext | Stöbern, Besuch erwägen | Bestellung steht unmittelbar bevor |
| Hintergrund | Darf Requisiten und Atmosphäre enthalten | Sollte sauber und schlicht sein |
Der ideale Ansatz: Jedes Gericht einmal fotografieren und bearbeiten, dann verschiedene Versionen für unterschiedliche Kontexte exportieren. KI-Tools machen das effizient — ein Quellfoto erzeugt gleichzeitig eine für Liefer-Apps optimierte Version und eine Website-Qualitätsversion.
Fotostil je Website-Bereich
Homepage: Inspirierend
Ihre Homepage-Fotos sollten Lust auf einen Besuch machen. Setzen Sie auf Ihre fotogensten Gerichte, bestes Styling und stärkste Kompositionen. Das ist nicht der Ort für Nutzfotos — hier gehört Ihr absolut bestes Material hin.
Speisekartenseite: Klar und zutreffend
Speisekartenfotos sollten jedes Gericht so zeigen, wie es tatsächlich serviert wird. Kundinnen und Kunden nutzen sie, um ihre Auswahl zu treffen. Genauigkeit und Klarheit sind hier wichtiger als Kunstfertigkeit.
Galerie: Vielfältig und atmosphärisch
Zeigen Sie Vielfalt: verschiedene Gerichte, unterschiedliche Blickwinkel, den Gastraum, das Team. Die Galerie erzählt die ganze Geschichte Ihres Gasterlebnisses.
Blog/News: Kontextbezogen
Wenn Ihre Website einen Blog- oder News-Bereich hat, verwenden Sie Fotos, die Kontext geben: saisonale Zutaten, Prozessaufnahmen neuer Gerichte, Event-Zusammenfassungen. Diese Bilder dürfen lässiger und behind-the-scenes sein.
Häufige Fehler bei Website-Fotos
Thumbnails aus Liefer-Apps als Website-Bilder verwenden. Ein 400x400px-Quadrat, für DoorDash zugeschnitten, sieht im Hero-Bereich einer Website pixelig und unpassend aus. Ihre Website braucht eigene, hochauflösende Exporte.
Keine Fotos auf der Speisekartenseite. Eine rein textbasierte Speisekarte auf einer Website im Jahr 2026 ist eine verpasste Chance. Visuelle Speisekarten steigern das Engagement und hinterlassen einen stärkeren Eindruck.
Unkomprimierte Bilder. Ein einziges 5-MB-Foto kann dazu führen, dass Ihre Homepage auf dem Handy 8+ Sekunden lädt. Komprimieren Sie alles.
Inkonsistenter Stil. Fotos, die zu unterschiedlichen Zeiten mit unterschiedlicher Beleuchtung und verschiedenen Hintergründen aufgenommen wurden, erzeugen einen uneinheitlichen Eindruck. Verarbeiten Sie alle Website-Fotos mit derselben Stilbehandlung für Konsistenz.
Stockfotos statt echter Speisen. Besucher erkennen den Unterschied. Stockfotos untergraben Vertrauen. Echte Fotos Ihrer tatsächlichen Speisen, selbst wenn sie nicht perfekt sind, sind immer besser.
Erste Schritte
Wenn Ihre Website derzeit keine Food-Fotos oder veraltete hat:
- Fotografieren Sie Ihre Top-15-Gerichte mit Tageslicht oder einem einfachen Foto-Setup
- Mit KI für konsistente Qualität und Stil verbessern
- In Website-Auflösung exportieren (1200px+ breit)
- In Ihrem Homepage-Hero, auf der Speisekartenseite und in der Galerie einbinden
- Für jedes Bild einen beschreibenden Alt-Text schreiben
- Für Ladegeschwindigkeit komprimieren und optimieren
Für das komplette Fotografie-Fundament siehe unseren Leitfaden zur Food-Fotografie für Restaurants. Und damit Ihre Website-Fotos zu Ihrer Präsenz in Liefer-Apps und Social Media passen, behandelt unser Restaurant-Branding-Guide die visuelle Konsistenz über alle Plattformen hinweg.