Röviden
- Admin → Design → a design megnyitása.
- Bal oldalt a Képek keretben: Háttérkép → Feltöltés.
- A Takarás csúszka magától beáll; ha sárga jelzés van, kattints a Takarás …%-ra javaslatra.
- Kép a tábla mellé: Kép a tábla mellett → Feltöltés, majd hely, szélesség, kitöltés.
- Nézd meg az előnézetet mindkét menüddel, és Mentés.
Válassz jó képet
Háttérképnek
- Fekvő kép, lehetőleg legalább 1920×1080 pont (egy mai telefonfotó bőven ilyen).
- Nyugodt, kevés részlettel: fa, kő, tégla, textil, elmosott enteriőr. Egy zsúfolt fotón a legjobb takarással is nehezebb olvasni.
- Illjen a design háttérszínéhez: sötét designhoz sötétebb, világoshoz világosabb kép.
A tábla mellé
- Álló kép — a sáv a képernyő negyede vagy harmada, teljes magasságban.
- Ételfotó, a hét ajánlata, hangulatkép.
- QR-kód vagy logó is mehet (étlap a telefonra, értékelés, közösségi oldal) — ilyenkor PNG-t használj.
Nem kell átméretezned. A Menüfal feltöltéskor a böngésződben lekicsinyíti és tömöríti a képet akkorára, amekkora a TV-n kell. Az átlátszó részeket tartalmazó PNG átlátszó marad. A TV a képet egyszer tölti le, utána a saját tárából veszi.
iPhone-fotó: az iPhone gyakran HEIC formátumban ment, amit a feltöltő nem fogad el. Küldd el magadnak a képet „Leggyakoribb” / JPEG formátumban, vagy készíts róla képernyőképet.
Töltsd fel a háttérképet
A felső menüben Design, és nyisd meg a designt. A bal oldali beállítások között, a logó alatt van a Képek keret. A Háttérkép mellett kattints a Feltöltés gombra, és válaszd ki a képet.
Pár másodperc „Feldolgozás…” után a kis bélyegkép és a jobb oldali előnézet is mutatja a képet.
Állítsd be a takarást
A kép fölé a Menüfal egy réteget tesz a design háttérszínéből. Minél erősebb ez a takarás, annál halványabb a kép, és annál jobban olvasható a rajta álló felirat.
- Szöveg — 3,6:1, legalább 4,5:1 kellene
- Feltöltéskor a csúszka magától beáll arra az értékre, amelynél a szöveg és a nevek a kép legkritikusabb részén is olvashatók.
- Lejjebb húzhatod, ha élénkebb képet szeretnél (0–90%, ötösével). Ha ettől gyenge lesz az olvashatóság, sárga jelzés jelenik meg, benne egy Takarás …%-ra gombbal, ami visszaállítja a szükséges értéket.
- Ahol a design saját lapra, kártyára írja az ételeket, ott kevesebb takarás is elég — a kép a lapok körül látszik.
„…a háttérszínen magában is gyenge: ezen a takarás nem segít, a színt kell cserélni” — ha ezt látod, a design színei már kép nélkül is gyengék. Nézd át a színeket a Színsor és betűméret útmutató szerint.
Kép a tábla mellett
Ugyanebben a keretben, lejjebb: Kép a tábla mellett → Feltöltés. A kép saját sávot kap a képernyő egyik szélén, a tábla a maradék helyre igazodik. Feltöltés után három beállítás jelenik meg:
| Beállítás | Lehetőségek | Mikor melyik |
|---|---|---|
| Helye | Bal oldalon / Jobb oldalon | Ahol a teremben kevésbé zavar — például a bejárat felőli oldal. |
| Sáv szélessége | Negyed / Harmad | Hosszú menünél a Negyed, hogy a táblának több hely maradjon. Rövid menü mellé a Harmad is belefér. |
| Kép a sávban | Kitölti / Egészben látszik | Kitölti: a kép széléből levág, hogy ne maradjon üres hely — fotóhoz ez való. Egészben látszik: körülötte a háttér marad — logóhoz, QR-kódhoz ezt válaszd, különben levághatja a szélét. |
A tábla betűje kisebb lesz. Oldalkép mellett a tábla keskenyebb helyre kerül, ezért arányosan kisebb betűvel ír. Hosszú napi menünél nézd meg az előnézetet, és ha kell, válaszd a Negyed szélességet.
Nézd meg, és mentsd
- A képek mindkét menütípus tábláján megjelennek. Ha a design napi menün és étlapon is fut, az előnézet fölötti legördülővel nézd meg mindkettőt.
- Nézd a leghosszabb menüdet: ott derül ki, hogy az oldalkép mellett is kényelmes-e a betű.
- Kattints a Mentés gombra. A TV-k kb. 10 másodpercen belül mutatják a képeket.
A Design oldal listájában a design kártyáján ezután „háttérképpel” és/vagy „oldalképpel” felirat áll.
Kép cseréje: Csere, levétele: Eltávolítás — mindkettő után Mentés.
Ötletek, és melyik designhoz mi illik
Háttérkép-ötletek
- A saját éttermed fa pultja, téglafala, terítője — közelről fotózva.
- Elmosott enteriőr, ahol a vendég felismeri a helyet.
- Szezonális textúra: őszi levelek, fenyőág, nyári szalma.
Oldalkép-ötletek
- A hét ételének fotója — cseréld hetente.
- QR-kód az étlaphoz, az értékeléshez vagy a közösségi oldalhoz.
- Aktuális ajánlat, akció, rendezvény plakátja.
- Saját lapos, kártyás designok (Zománctábla, Csempe, Pénztárblokk, Gyufacímke): a kép a lapok körül és között látszik, kevés takarás elég.
- Szinte teljes képernyős lapok (Árjegyzék, Kockás abrosz): a papír a képernyő 80–90%-át fedi, a háttérkép itt csak keretként látszik. Ide inkább oldalkép való.
- Közvetlenül a háttéren álló szöveg (például Nagybetűs, Útirány-tábla): itt számít a legtöbbet a takarás — hagyd a javasolt értéken.
És a logó?
A logónak külön mezője van a Képek keret fölött (Logó → Feltöltés). PNG, JPG, WebP vagy SVG lehet; a rendszer ezt is lekicsinyíti, az SVG legfeljebb 100 KB. A logó a tábla fejlécében jelenik meg — ha a logód inkább nagyban mutatna jól, töltsd fel oldalképként is, „Egészben látszik” beállítással.
Tipp: átlátszó hátterű PNG logó mutat a legjobban, mert nem lesz körülötte fehér téglalap.
Ha elakadsz
| Amit látsz | Mit jelent | Mit tegyél |
|---|---|---|
| „JPEG, PNG vagy WebP képet válassz.” | Más formátumú a fájl (például iPhone-os HEIC, PDF, GIF). | Mentsd el vagy küldd el magadnak JPEG-ként, és azt töltsd fel. |
| „Ez a fájl nem kép, vagy a böngésző nem tudja megnyitni.” | Sérült vagy nem valódi képfájl. | Nyisd meg a képet a gépeden, és mentsd el újra, vagy készíts róla képernyőképet. |
| „A képet nem sikerült elég kicsire tömöríteni. Próbálj kisebb képet.” | Nagyon nagy, részletgazdag kép, főleg átlátszó PNG. | Használj kisebb felbontású változatot, vagy fotónál JPEG-et. |
| A TV-n nem látszik a kép | Nem mentetted, vagy a TV más designt használ. | Mentés, majd a Képernyők oldalon ellenőrizd a design legördülőt. |
| A QR-kód vagy a logó széle levágva | A „Kép a sávban” beállítás „Kitölti”. | Állítsd „Egészben látszik”-ra. |
| A kép alig látszik | Magas a takarás, vagy a design lapjai szinte az egész képernyőt fedik. | Húzd lejjebb a takarást, amíg nem jön sárga jelzés; vagy válts olyan designra, ahol több hely marad a képnek. |
| A kép homályos a TV-n | Kicsi volt az eredeti kép (például egy weboldalról mentett bélyegkép). | Tölts fel nagyobb felbontású eredetit. |
| Mentéskor hibaüzenet, a többi beállítás mentése viszont működik | A rendszer frissítése még nem fejeződött be (lásd lent). | Szólj az üzemeltetőnek. |
Üzemeltetőknek
- A funkcióhoz a 026-os adatbázis-migráció kell (
theme_imagestábla). Kódfrissítés után a tárhelyen:npm run db:migrate. - A képek az adatbázisba mentődnek, fájlfeltöltési jog nem kell hozzájuk. A böngésző feltöltés előtt kicsinyít és tömörít; a szerver csak JPEG-et és PNG-t fogad, legfeljebb 1,5 MB-ot.
- A TV-k a képet az
/api/images/…címről kérik, és hosszú időre eltárolják; csere után új címet kapnak, így nem ragad be a régi kép.