Rozmiary obrazów dla produktów i lokalizacji — jak sprawić, by zdjęcia wyświetlały się idealnie
Zalecana rozdzielczość, proporcje i format pliku dla obrazów produktów, menu i lokalizacji — dzięki temu na stronie rezerwacji i w szczegółach produktu nic nie zostanie przycięte.
Dobre zdjęcia sprzedają — ale tylko wtedy, gdy są prawidłowo wyświetlane. Te wytyczne możesz przekazać bezpośrednio swojemu grafikowi, fotografowi lub zespołowi. Jeśli się do nich zastosujesz, Twoje obrazy będą wyświetlane na stronie rezerwacji, w szczegółach produktu i w przeglądzie lokalizacji bez przycinania i bez marginesów.
Dlaczego proporcje obrazu są ważne
Univents wyświetla obrazy w kafelkach o stałym rozmiarze, dzięki czemu siatka na stronie rezerwacji wygląda spokojnie i schludnie. Obrazy produktów pojawiają się w kafelku 4:3 (orientacja pozioma), a obrazy lokalizacji w przeglądzie — jako szeroki pas.
Obowiązują przy tym następujące zasady:
- Obrazy przygotowane dokładnie w zalecanym formacie wypełniają kafelek w całości, bez marginesów — nic nie jest ucinane.
- Kwadratowe lub pionowe obrazy produktów są wyświetlane w całości, ale z bocznymi marginesami (nie są już przycinane). Dla czystszego efektu i tak polecamy format 4:3.
- Po wybraniu Powiększ (kliknięcie obrazu lub „Szczegóły”) zawsze widać cały obraz.
Szczególnym przypadkiem są zaprojektowane karty menu z tekstem na obrazie: koniecznie przygotuj je w poziomym formacie 4:3, aby tekst w kafelku pozostał w pełni czytelny.
Obrazy produktów, menu i dań
Dotyczy wszystkich obrazów, które dodajesz do produktów w inwentarzu (obraz główny i galeria) — pojawiają się na stronie rezerwacji, w szczegółach produktu i w składnikach pakietu.
- Rozdzielczość: 1200 × 900 pikseli
- Proporcje obrazu: dokładnie 4:3 (orientacja pozioma) — wtedy w podglądzie nic nie zostaje ucięte, a po powiększeniu cały obraz jest widoczny bez marginesów
- Format pliku: JPG, PNG lub WebP
- Rozmiar pliku: maksymalnie 5 MB na obraz — WebP o rozmiarze kilkuset KB jest optymalny dla szybkiego ładowania
- Liczba: do 8 obrazów na produkt; pierwszy obraz (obraz główny) pojawia się w przeglądzie
Wskazówka: umieść główny motyw na środku i zostaw wokół niego trochę przestrzeni — dzięki temu obraz będzie dobrze wyglądał w każdym widoku.
Obrazy lokalizacji
Dotyczy galerii zdjęć Twoich lokalizacji wydarzeń — pojawiają się one w wyborze lokalizacji na stronie rezerwacji oraz w szczegółach lokalizacji.
- Format: orientacja ppozioma, np. 1200 × 600 pikseli — główny motyw umieść na środku
- Wyświetlanie: w przeglądzie obraz jest pokazywany jako szeroki pas; u góry i u dołu może zostać nieco przycięty. Po kliknięciu w celu powiększenia zawsze widać cały obraz.
- Format pliku: JPG, PNG lub WebP
- Rozmiar pliku: maksymalnie 5 MB na obraz — WebP o rozmiarze kilkuset KB jest optymalny dla czasu ładowania
- Liczba: do 12 obrazów na lokalizację
Krótka specyfikacja do przekazania dalej
Tę tabelę możesz przesłać w niezmienionej postaci swojemu projektantowi lub agencji:
| Obrazy produktów/menu | Obrazy lokalizacji | |
|---|---|---|
| Rozdzielczość | 1200 × 900 px | 1200 × 600 px |
| Proporcje obrazu | dokładnie 4:3 (orientacja pozioma) | orientacja pozioma, główny motyw na środku |
| Format pliku | JPG, PNG, WebP | JPG, PNG, WebP |
| Maks. rozmiar pliku | 5 MB (idealnie WebP o rozmiarze kilkuset KB) | 5 MB (idealnie WebP o rozmiarze kilkuset KB) |
| Maks. liczba | 8 na produkt | 12 na lokalizację |
| Wyświetlanie | kafelek 4:3, bez marginesów przy dokładnym 4:3 | szeroki pas, u góry/u dołu ewentualnie przycięty |
| Powiększ | cały obraz bez przycinania | cały obraz bez przycinania |
Często zadawane pytania
Co się dzieje z kwadratowymi obrazami? Obrazy produktów w formacie kwadratowym lub pionowym są wyświetlane w całości, ale w kafelku pojawiają się boczne marginesy. Nic nie przepada — dla najczystszego efektu i tak polecamy 4:3.
Dlaczego WebP? WebP kompresuje wyraźnie mocniej niż JPG przy tej samej jakości. Obraz 4:3 o rozmiarze 1200 × 900 px ma w formacie WebP często zaledwie 100–300 KB — Twoja strona rezerwacji ładuje się zauważalnie szybciej, zwłaszcza na telefonie.
Czy mogę przesłać plik PDF jako obraz produktu? Nie — przeglądarka nie potrafi wyświetlić plików PDF jako obrazów. Wyeksportuj stronę (np. kartę menu) jako JPG, PNG lub WebP i prześlij ten plik.