Skip to content
FunktionerPriserPartnerBloggHjälpOm ossKontakt
Kom igångLogga in
Tillbaka till Bloggen
industry2026-07-166 min läsning

AR-matförhandsvisning via WebXR: webbläsar-3D utan app

Hur Dishoom Soho uppnådde +22% genomsnittsnota med model-viewer. Under-200KB .glb-optimering och R2-hosting för ören i månaden.

th

thMenu Team

thmenu.com

Den indiska fine-dining-restaurangen Dishoom i London Soho rapporterade 2024 en 22% ökning av genomsnittsnota efter att ha integrerat WebXR-matförhandsvisning i QR-menyn. Tricket: ingen app att installera.

model-viewer.dev: en HTML-tagg, tre plattformar

Googles öppen källkods-webbkomponent <model-viewer> dirigerar .usdz till iOS Quick Look och .glb till Android Scene Viewer. En markup-rad täcker båda ekosystem.

Gästen trycker "Visa i ditt utrymme", riktar telefonen mot bordet, och rätten visas i naturlig storlek. iOS 18 Quick Look stöder animation, ljud och fysik — biryani-ånga inkluderad.

Filstorlek: 200KB-gränsen

Varje 3D-tillgång måste hålla sig under 200KB. På 4G tar 1MB 3–4 sekunder; användaren hoppar av.

  • Blender Decimate: minska polygoner till 5K–10K.
  • gltf-pipeline: Draco + KTX2. Typiskt 75% minskning.
  • RealityConverter: .glb till .usdz för iOS AR Quick Look.

Cloudflare R2-hosting

200 rätter × 200KB = 40MB. R2 har noll egress-kostnader och $0.015/GB-månad — ca $0.0006/månad. thMenu Pro+ hostar 3D-modeller under menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. Bygg in hash i URL; nya tillgångar får nya URL:er utan cache-rensning.

FAQ

Behöver jag en 3D-artist? Nej. Polycam eller RealityScan skapar en rätt på 3–5 minuter från 30–40 foton.

Stöder gamla telefoner det? Quick Look från iOS 12, Scene Viewer Android 7+. Täckning över 92%.

Är model-viewer gratis? Apache 2.0-licens. I produktion hos Shopify, IKEA, Pinterest.

Var detta hjälpsamt? Dela det.