Photographie culinaire pour votre site web : guide complet
Comment créer et optimiser des photos culinaires pour le site web de votre restaurant. Couvre les images de couverture (hero), les pages de menu, les sections galerie, le dimensionnement des images et les performances de chargement.
Les photos de votre site web définissent la norme
Le site web de votre restaurant est le seul canal que vous contrôlez entièrement. Contrairement aux applications de livraison aux mises en page standardisées et aux réseaux sociaux aux fils algorithmiques, votre site présente votre marque exactement comme vous l’entendez. La photographie culinaire sur votre site fixe la barre de qualité de la perception qu’ont vos clients de votre restaurant.
Pourtant, beaucoup d’établissements investissent dans d’excellentes photos pour les applis de livraison tout en négligeant leur site — ou pire, réutilisent les mêmes petites images optimisées pour la livraison sur un site qui exige des visuels plus grands et plus percutants.
Les types de photos dont votre site a besoin
Image de couverture
La grande image pleine largeur en haut de votre page d’accueil. C’est la photo la plus impactante de tout votre site. Elle doit :
- Montrer votre plat le plus spectaculaire visuellement ou une table joliment stylée
- Mesurer au moins 1920 px de large pour un affichage pleine largeur
- Être optimisée pour un chargement rapide (compressée sans dégradation visible)
- Communiquer immédiatement la personnalité de votre marque — décontractée, haut de gamme, moderne, rustique
Changez votre image de couverture selon les saisons pour garder un site vivant.
Photos de la page du menu
Si votre site comporte une page de menu (il le devrait), ajoutez des photos d’au moins vos 10 à 15 meilleurs plats. Une couverture photo complète de chaque item est idéale, mais priorisez :
- Les plats signatures
- Les articles à forte marge
- Les items difficiles à visualiser rien qu’au nom
- Les spécialités saisonnières
Pour le site web, les photos de menu peuvent être plus grandes et plus détaillées que les miniatures des applis de livraison. Utilisez un minimum de 800x600 px par plat.
Galerie ou vitrine visuelle
Une page ou section dédiée à vos plats, votre espace et votre ambiance. Incluez :
- 10 à 20 de vos meilleures photos culinaires
- 3 à 5 photos d’intérieur/ambiance
- 2 à 3 photos montrant l’expérience à table (des personnes qui dégustent)
Cette galerie a une double utilité : elle impressionne les visiteurs et fournit à Google du contenu visuel pour votre fiche Google Business.
Page À propos et photos de l’équipe
Humanisez votre marque avec des photos de votre équipe, de la cuisine et de votre histoire. Même une simple photo du chef ou du propriétaire apporte une authenticité que les banques d’images n’atteignent jamais.
Spécifications des photos pour le web
Résolution et dimensions
| Cas d’usage | Taille recommandée | Taille de fichier max |
|---|---|---|
| Image de couverture / bannière | 1920x1080px | 200-400 KB |
| Élément du menu | 800x600px | 80-150 KB |
| Galerie | 1200x800px | 150-250 KB |
| Vignette | 400x300px | 30-60 KB |
Format
Utilisez WebP comme format principal — il produit des fichiers plus petits que le JPEG à qualité équivalente. Fournissez un JPEG en secours pour les anciens navigateurs. Le PNG est inutile pour les photos culinaires (conçu pour des graphiques avec transparence).
Performances de chargement
De grandes images non optimisées sont la cause la plus fréquente de lenteur des sites de restaurants. Les sites lents perdent des visiteurs et se positionnent moins bien sur Google. Optimisations essentielles :
- Compressez chaque image — utilisez des outils comme Squoosh, TinyPNG, ou l’optimisation intégrée de votre CMS
- Chargement différé (lazy loading) — ne chargez les images qu’au défilement, pas toutes en même temps
- Images responsives — servez des fichiers plus petits sur mobile et plus grands sur desktop
- Diffusion via CDN — servez les images depuis un réseau de diffusion de contenu pour un chargement rapide partout dans le monde
Texte alternatif (alt) pour le référencement (SEO)
Chaque photo de plat sur votre site doit avoir un texte alternatif descriptif. Cela aide Google à comprendre vos images et peut générer du trafic via Google Images. Exemples :
- Bon : "Saumon grillé avec légumes rôtis et sauce au beurre citronné"
- Mauvais : "IMG_4532" ou "photo de nourriture"
- Mauvais : "meilleure photo de nourriture de restaurant délicieuse incroyable saumon"
Gardez un ton descriptif et naturel. Décrivez simplement ce que montre la photo.
Photos de site web vs. photos d’application de livraison
Votre site et les applis de livraison répondent à des contextes différents :
| Aspect | Site web | Application de livraison |
|---|---|---|
| Taille d’image | Grande, haute résolution | Petites vignettes |
| Ratio d’aspect | Flexible | Spécifique à la plateforme (carré, 3:2) |
| Style | Peut être plus artistique/avec ambiance | Doit être clair et appétissant en petit format |
| Contexte | Navigation, envisager une visite | Prêt à commander maintenant |
| Arrière-plan | Peut inclure accessoires, ambiance | Doit être propre et simple |
L’approche idéale : photographier et retoucher chaque plat une seule fois, puis exporter différentes versions selon le contexte. Les outils d’IA rendent cela efficace — une photo source génère simultanément une version optimisée pour appli de livraison et une version de qualité site web.
Style photo par section du site
Page d’accueil : inspirante
Les photos de votre page d’accueil doivent donner envie de venir. Misez sur vos plats les plus photogéniques, le meilleur stylisme et vos compositions les plus fortes. Ce n’est pas l’endroit pour des visuels utilitaires — c’est celui de votre travail le plus abouti.
Page du menu : claire et fidèle
Les photos de menu doivent représenter clairement chaque plat tel qu’il est servi. Les clients s’en servent pour décider quoi commander. Ici, l’exactitude et la clarté priment sur l’art.
Galerie : variée et atmosphérique
Montrez de la variété : différents plats, différents angles, le lieu, l’équipe. La galerie raconte l’expérience complète de votre table.
Blog/Actualités : contextuelle
Si votre site a un blog ou une section actu, utilisez des photos qui ajoutent du contexte : ingrédients de saison, étapes d’un nouveau plat, récapitulatifs d’événements. Ces photos peuvent être plus spontanées et en coulisses.
Erreurs courantes liées aux photos de site web
Utiliser des miniatures d’application de livraison comme images de site web. Un carré 400x400 px recadré pour DoorDash paraît pixelisé et maladroit dans une image de couverture de site. Votre site a besoin de ses propres exports haute résolution.
Aucune photo sur la page du menu. Un menu uniquement texte en 2026 est une occasion manquée. Les menus visuels génèrent plus d’engagement et marquent davantage les esprits.
Images non compressées. Une seule photo de 5 Mo peut faire dépasser 8 secondes de chargement à votre page d’accueil sur mobile. Compressez tout.
Style incohérent. Des photos prises à des moments, lumières et arrière-plans différents créent une expérience disparate. Appliquez le même traitement stylistique à toutes les photos du site pour la cohérence.
Photos de stock au lieu de vrais plats. Les visiteurs font la différence. Les banques d’images sapent la confiance. De vraies photos de vos plats, même imparfaites, valent toujours mieux.
Par où commencer
Si votre site n’a pas de photos culinaires ou qu’elles sont dépassées :
- Photographiez vos 15 plats phares en utilisant la lumière naturelle ou une installation photo simple
- Améliorez-les avec l’IA pour une qualité et un style cohérents
- Exportez à une résolution pour le web (1200 px+ de large)
- Ajoutez-les à l’image de couverture de la page d’accueil, à la page du menu et à la galerie
- Rédigez un texte alternatif descriptif pour chaque image
- Compressez et optimisez pour la vitesse de chargement
Pour des bases complètes, consultez notre guide sur la photographie culinaire pour restaurants. Et pour garantir l’alignement entre les photos de votre site, votre appli de livraison et vos réseaux sociaux, notre guide de branding des restaurants couvre la cohérence visuelle cross‑plateforme.