Madfotografering til din hjemmeside: den komplette guide
Sådan skaber og optimerer du madfotografering til din restaurants hjemmeside. Dækker hero-billeder, menusider, gallerisektioner, billedstørrelser og indlæsningshastighed.
Dine hjemmesidebilleder sætter standarden
Din restaurants hjemmeside er den ene kanal, du fuldt ud kontrollerer. I modsætning til leveringsapps med standardiserede layouts og sociale medier med algoritmiske feeds viser din hjemmeside dit brand præcis, som du ønsker. Madfotograferingen på din hjemmeside sætter kvalitetsniveauet for, hvordan kunderne opfatter din restaurant.
Alligevel investerer mange restauranter i flotte billeder til leveringsapps, mens de forsømmer deres hjemmeside — eller endnu værre: bruger de samme små, leveringsoptimerede billeder på et site, der kræver større og mere slagkraftige visuelle elementer.
Typer af billeder, din hjemmeside har brug for
Hero-billede
Det store, fuldbrede billede øverst på forsiden. Dette er det mest effektfulde billede på hele din hjemmeside. Det bør:
- Vise din mest visuelt imponerende ret eller en smukt stylet bordscene
- Være mindst 1920 px bredt til fuldbred visning
- Være optimeret til hurtig indlæsning (komprimeret uden synligt kvalitetstab)
- Kommunikere din restaurants brandpersonlighed med det samme — afslappet, eksklusiv, moderne, rustik
Skift dit hero-billede efter sæson for at holde sitet friskt.
Billeder på menusiden
Hvis din hjemmeside har en menuside (det bør den), så tilføj billeder til mindst dine 10–15 mest populære retter. Fuld billeddækning af alle retter er ideelt, men prioriter:
- Signaturretter
- Retter med højest avance
- Retter der er svære at forestille sig ud fra navnet alene
- Sæsonspecialiteter
På hjemmesider kan menubilleder være større og mere detaljerede end miniaturer til leveringsapps. Brug minimum 800x600 px pr. ret.
Galleri eller visuel præsentation
En dedikeret galleriside eller -sektion, der viser din mad, dine lokaler og stemningen. Inkluder:
- 10–20 af dine bedste madbilleder
- 3–5 interiør-/stemningsbilleder
- 2–3 billeder der viser spiseoplevelsen (gæster der nyder maden)
Galleriet har dobbelt formål: Det imponerer dine besøgende og giver Google visuelt indhold til din Google Virksomhedsprofil.
Om-siden og billeder af teamet
Menneskeliggør dit brand med billeder af teamet, køkkenet og jeres historie. Selv et enkelt billede af kokken eller ejeren giver autenticitet, som stockfotos aldrig kan matche.
Billedspecifikationer til web
Opløsning og størrelser
| Anvendelse | Anbefalet størrelse | Maks. filstørrelse |
|---|---|---|
| Hero/banner | 1920x1080px | 200-400 KB |
| Menu-ret | 800x600px | 80-150 KB |
| Galleri | 1200x800px | 150-250 KB |
| Miniature | 400x300px | 30-60 KB |
Format
Brug WebP som primært format — det giver mindre filer end JPEG ved samme kvalitet. Tilbyd JPEG som fallback til ældre browsere. PNG er unødvendigt til madfotos (det er beregnet til grafik med transparens).
Indlæsningshastighed
Store, uoptimerede billeder er den mest almindelige årsag til, at restaurantsider loader langsomt. Langsomme sites mister besøgende og rangerer lavere i Google-søgning. Vigtige optimeringer:
- Komprimer alle billeder — Brug værktøjer som Squoosh, TinyPNG eller dit CMS’ indbyggede optimering
- Lazy loading — Indlæs kun billeder, når brugeren scroller til dem, ikke alle på én gang
- Responsive billeder — Lever mindre filer til mobiler og større til desktops
- CDN-levering — Lever billeder via et content delivery network for hurtig indlæsning globalt
Alt-tekst til SEO
Hvert madbillede på din hjemmeside bør have en beskrivende alt-tekst. Det hjælper Google med at forstå dine billeder og kan drive trafik fra Google Billedsøgning. Eksempler:
- God: "Grillet laks med ristede grøntsager og citronsmørsauce"
- Dårlig: "IMG_4532" eller "madfoto"
- Dårlig: "bedste restaurant madfoto lækker fantastisk laks"
Hold alt-teksten beskrivende og naturlig. Skriv det, der er på billedet.
Hjemmesidebilleder vs. leveringsapp-billeder
Din hjemmeside og leveringsapps bruges i forskellige sammenhænge:
| Aspekt | Hjemmeside | Leveringsapp |
|---|---|---|
| Billedstørrelse | Stor, høj opløsning | Små miniaturer |
| Billedformat | Fleksibelt | Platforms-specifikt (kvadrat, 3:2) |
| Stil | Kan være mere kunstnerisk/stemningsfuld | Skal være tydeligt og appetitligt i små størrelser |
| Kontekst | Browsing, overvejer et besøg | Klar til at bestille nu |
| Baggrund | Kan inkludere rekvisitter og stemning | Bør være ren og enkel |
Den ideelle tilgang: Fotografer og efterbehandl hver ret én gang, og eksporter derefter forskellige versioner til forskellige kontekster. AI-værktøjer gør dette effektivt — ét kildebillede kan samtidig generere en leveringsapp-optimeret version og en version i hjemmesidekvalitet.
Fotostil efter websektion
Forside: inspirerende
Dine forsidebilleder skal få gæsterne til at få lyst til at komme. Vælg dine mest fotogene retter, bedste styling og stærkeste kompositioner. Dette er ikke stedet for nyttebilleder — her skal dit absolut bedste arbejde vises.
Menuside: klar og præcis
Menubilleder skal tydeligt vise hver ret, som den faktisk serveres. Kunder bruger dem til at beslutte, hvad de vil bestille. Præcision og klarhed er vigtigere end kunstnerisk udtryk her.
Galleri: varieret og stemningsfuldt
Vis variation: forskellige retter, forskellige vinkler, restaurantens lokaler, teamet. Galleriet fortæller den fulde historie om jeres spiseoplevelse.
Blog/nyheder: kontekstuel
Hvis dit site har en blog- eller nyhedssektion, så brug billeder, der giver kontekst: sæsonens råvarer, procesbilleder af nye retter, opsummeringer af events. Disse billeder må gerne være mere uformelle og bag-om-scenerne.
Almindelige fejl med billeder på hjemmesider
At bruge miniaturer fra leveringsapps som hjemmesidebilleder. Et 400x400 px kvadrat beskåret til DoorDash ser pixeleret og malplaceret ud i et hero-afsnit på en hjemmeside. Din hjemmeside har brug for sine egne højopløselige eksporter.
Ingen billeder på menusiden. En tekstmenu alene på en hjemmeside i 2026 er en forpasset mulighed. Visuelle menuer øger engagementet og efterlader et stærkere indtryk.
Ukomprimerede billeder. Et enkelt foto på 5 MB kan få forsiden til at tage 8+ sekunder at indlæse på mobil. Komprimer alt.
Uensartet stil. Billeder taget på forskellige tidspunkter med forskelligt lys og baggrunde skaber en fragmenteret oplevelse. Behandl alle hjemmesidebilleder med samme stil for at sikre konsistens.
Stockfotos i stedet for rigtig mad. Besøgende kan se forskellen. Stockfotos undergraver tilliden. Ægte fotos af jeres egen mad — selv uperfekte — er altid bedre.
Kom godt i gang
Hvis din hjemmeside i øjeblikket ikke har madbilleder eller kun forældede:
- Fotografer dine 15 bedste retter med naturligt lys eller en simpel fotograferingsopsætning
- Forbedr med AI for ensartet kvalitet og stil
- Eksportér i hjemmesideopløsning (1200px+ i bredden)
- Tilføj til forside-hero, menuside og galleri
- Skriv beskrivende alt-tekst til hvert billede
- Komprimer og optimer for indlæsningshastighed
For det fulde fotografiske fundament, se vores guide madfotografering for restauranter. Og for at sikre, at dine hjemmesidebilleder matcher din leveringsapp og tilstedeværelsen på sociale medier, dækker vores brandingguide for restauranter visuel konsistens på tværs af platforme.