Restaurace tava s 18 stoly v Maltepe měla jasný problém: hosté skenovali QR a 5-6 sekund zírali na prázdnou obrazovku. Příčinou byly 4K JPEGy ze zrcadlovky, 4-6 MB na kartu produktu. Řešením není zahodit 4K, ale podávat správnou velikost.
Core Web Vitals: červená čára LCP
Práh Largest Contentful Paint (LCP) od Google je 2,5 s. Karty s 4K testují 4,2-6,1 sekundy — kategorie "Špatné". S WebP 800px stejná karta klesne na 1,2-1,8 sekundy, dobře v zóně "Dobré".
LCP přímo ovlivňuje SEO. Restaurace v top 3 mobilním vyhledávání mají průměrné LCP pod 1,9 s; nad 4 s padají na stránku 2-3.
Proč 800px WebP stačí
Moderní obrazovky telefonů (iPhone 14, Galaxy S23) mají 390-430px CSS. S retinou ×2 = max 860px. WebP 800px už dosahuje fyzického stropu. Zbývajících 3 200 pixelů 4K neodpovídá žádnému viditelnému pixelu.
WebP je při stejné kvalitě o 25-35% menší než JPEG. WebP 800px (180 KB) vs JPEG 4K (5,2 MB) = úspora 96,5% datového toku.
Pipeline responzivních obrázků thMenu
Při nahrání 4K originálu thMenu automaticky generuje varianty 320px, 640px, 800px, 1200px ve WebP+AVIF. Prohlížeč vybírá přes srcset.
Lazy loading je výchozí. First Contentful Paint pod 600 ms; zbytek se načítá při scrollování.
FAQ
Mám 4K originál smazat? Ne. thMenu jej drží v R2 pro budoucí 8K displeje.
O kolik je AVIF menší? O 50% menší než JPEG, o 20% menší než WebP při stejné kvalitě. Podporuje ho 94% prohlížečů.
Trpí kvalita fotografií? Ne. Na 800px na mobilu je 4K nerozlišitelný — oko nerozezná víc než 300 PPI v ruce.
Bylo to užitečné? Sdílejte to.
Související články
12 konkrétních výhod QR menu (podložených reálnými daty)
Nulové náklady na tisk, průměrná útrata vyšší o 31 %, automatická podpora 20 jaz…
Proč fotografie v jídelním lístku zvyšují tržby: průvodce pro restaurace
Jídla s fotografiemi dostávají až o 30 % více objednávek. Zde je věda za vizuáln…
Proc uzivatele Apple Pay cekaji o 12 sekund mene nez Chip+PIN v restauracich
Data Visa 2024: chip+PIN 25.3s, Apple Pay 13.1s. Pro brasserie s 32 stoly 4-6 ho…