Bildgrößen für Produkte & Locations — so werden Fotos perfekt angezeigt
Empfohlene Auflösung, Seitenverhältnis und Dateiformat für Produkt-, Menü- und Locationbilder — damit auf Buchungsseite und Produktdetail nichts beschnitten wird.
Gute Fotos verkaufen — aber nur, wenn sie auch richtig angezeigt werden. Diese Vorgaben kannst du direkt an deine Grafikerin, deinen Fotografen oder dein Team weitergeben. Wer sich daran hält, bekommt Bilder, die auf der Buchungsseite, im Produktdetail und in der Locationübersicht ohne Beschnitt und ohne Ränder erscheinen.
Warum das Seitenverhältnis wichtig ist
Univents zeigt Bilder in festen Kacheln an, damit das Raster der Buchungsseite ruhig und aufgeräumt wirkt. Produktbilder erscheinen in einer 4:3-Kachel (Querformat), Locationbilder in der Übersicht als breiter Streifen.
Dabei gilt:
- Bilder, die genau im empfohlenen Format angelegt sind, füllen ihre Kachel randlos und vollständig — nichts wird abgeschnitten.
- Quadratische oder hochformatige Produktbilder werden vollständig, aber mit seitlichen Rändern angezeigt (sie werden nicht mehr beschnitten). Für ein sauberes Gesamtbild empfehlen wir trotzdem das 4:3-Format.
- Beim Vergrößern (Klick auf das Bild bzw. auf „Details") ist immer das ganze Bild zu sehen.
Ein Sonderfall sind gestaltete Menükarten mit Text im Bild: Lege sie unbedingt im 4:3-Querformat an, damit der Text in der Kachel vollständig lesbar bleibt.
Produkt-, Menü- und Gerichtsbilder
Gilt für alle Bilder, die du im Inventar an Produkten hinterlegst (Hauptbild und Galerie) — sie erscheinen auf der Buchungsseite, im Produktdetail und in den Bundle-Komponenten.
- Auflösung: 1200 × 900 Pixel
- Seitenverhältnis: genau 4:3 (Querformat) — dann wird in der Vorschau nichts abgeschnitten und beim Vergrößern erscheint das ganze Bild ohne Ränder
- Dateiformat: JPG, PNG oder WebP
- Dateigröße: maximal 5 MB pro Bild — WebP mit wenigen hundert KB ist optimal für schnelle Ladezeiten
- Anzahl: bis zu 8 Bilder pro Produkt; das erste Bild (Hauptbild) erscheint in der Übersicht
Tipp: Motiv mittig platzieren und rundherum etwas Luft lassen — so wirkt das Bild in jeder Ansicht ausgewogen.
Locationbilder
Gilt für die Fotogalerie deiner Eventlocations — sie erscheinen in der Locationauswahl auf der Buchungsseite und im Location-Detail.
- Format: Querformat, z. B. 1200 × 600 Pixel — das Hauptmotiv mittig platzieren
- Anzeige: In der Übersicht wird das Bild als breiter Streifen angezeigt; oben und unten kann dabei etwas beschnitten werden. Beim Anklicken zum Vergrößern ist immer das ganze Bild zu sehen.
- Dateiformat: JPG, PNG oder WebP
- Dateigröße: maximal 5 MB pro Bild — WebP mit wenigen hundert KB ist optimal für Ladezeiten
- Anzahl: bis zu 12 Bilder pro Location
Kurz-Spezifikation zum Weitergeben
Diese Tabelle kannst du 1:1 an deine Designerin oder Agentur schicken:
| Produkt-/Menübilder | Locationbilder | |
|---|---|---|
| Auflösung | 1200 × 900 px | 1200 × 600 px |
| Seitenverhältnis | genau 4:3 (Querformat) | Querformat, Hauptmotiv mittig |
| Dateiformat | JPG, PNG, WebP | JPG, PNG, WebP |
| Max. Dateigröße | 5 MB (WebP mit wenigen hundert KB ideal) | 5 MB (WebP mit wenigen hundert KB ideal) |
| Max. Anzahl | 8 pro Produkt | 12 pro Location |
| Anzeige | 4:3-Kachel, randlos bei exaktem 4:3 | breiter Streifen, oben/unten ggf. beschnitten |
| Vergrößern | ganzes Bild ohne Beschnitt | ganzes Bild ohne Beschnitt |
Häufige Fragen
Was passiert mit quadratischen Bildern? Produktbilder im Quadrat- oder Hochformat werden vollständig angezeigt, bekommen aber seitliche Ränder in der Kachel. Nichts geht verloren — fürs sauberste Ergebnis empfehlen wir trotzdem 4:3.
Warum WebP? WebP komprimiert deutlich stärker als JPG bei gleicher Qualität. Ein 4:3-Bild mit 1200 × 900 px ist als WebP oft nur 100–300 KB groß — deine Buchungsseite lädt spürbar schneller, gerade auf dem Handy.
Kann ich eine PDF als Produktbild hochladen? Nein — PDFs können im Browser nicht als Bild angezeigt werden. Exportiere die Seite (z. B. eine Menükarte) als JPG, PNG oder WebP und lade diese Datei hoch.