> ## Documentation Index
> Fetch the complete documentation index at: https://storekit.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Spécifications d'images

> Tailles d'image, ratios d'aspect et formats de fichier recommandés pour les logos storekit, les photos de produits et les images de catégorie, ainsi que des conseils de téléversement.

Des images de haute qualité améliorent l'apparence de votre magasin et augmentent les taux de conversion. Toutes les images téléversées sur storekit sont automatiquement optimisées et servies via CDN pour un chargement rapide.

## Spécifications d'images

| Type d'image            | Taille recommandée | Taille de fichier max |
| ----------------------- | ------------------ | --------------------- |
| **Logo du magasin**     | 1536 x 1536 px     | 100 Mo                |
| **Bannière du magasin** | 2400 x 800 px      | 100 Mo                |
| **Images de produits**  | 1200 x 1200 px     | 100 Mo                |
| **Images de catégorie** | 1500 x 500 px      | 100 Mo                |

Ces tailles assurent un rendu net sur les écrans à haute densité (Retina) jusqu'à 3x.

Toutes les images sont automatiquement optimisées et redimensionnées pour différentes tailles d'écran via la livraison CDN.

## Téléverser des images

### Images de produits

1. Ouvrez le **Dashboard** et accédez à **Menus → Menu**
2. Sélectionnez le produit à modifier
3. Cliquez sur la zone d'image en haut de l'éditeur de produit
4. Choisissez un fichier image sur votre appareil et confirmez le téléversement
5. Enregistrez le produit

<Tip>
  Téléversez à la résolution la plus élevée possible. Le CDN de storekit génère automatiquement des versions optimisées pour différentes tailles d'écran, donc une image source plus grande sera toujours plus belle.
</Tip>

### Images d'en-tête de catégorie

1. Ouvrez le **Dashboard** et accédez à **Menus → Menu**
2. Sélectionnez la catégorie à mettre à jour
3. Cliquez sur la zone d'image d'en-tête en haut de l'éditeur de catégorie
4. Téléversez une image — utilisez une image large et courte de style bannière (l'image s'affiche en pleine largeur sans contrainte de hauteur, donc les images plus courtes fonctionnent mieux)
5. Enregistrez la catégorie

## Bonnes pratiques

* **Utilisez des photos de haute qualité** — Des images claires et bien éclairées augmentent significativement les taux de commande
* **Ratios d'aspect cohérents** — Gardez les images cohérentes entre les produits pour un rendu soigné
* **Lumière naturelle** — Les photos de nourriture sont plus belles avec une lumière douce et naturelle
* **Arrière-plans simples** — Évitez les arrière-plans encombrés qui détournent l'attention du produit
* **Orientation correcte** — Assurez-vous que les images ne sont pas pivotées ou à l'envers avant le téléversement

<Tip>
  Pour des conseils détaillés sur la capture de belles photos de nourriture, consultez [Photographie de produit](/docs/fr/guides/menu-engineering/product-photography).
</Tip>

## Formats pris en charge

storekit utilise Uploadcare pour le traitement des images, qui prend en charge un large éventail de formats, notamment PNG, JPG, GIF, WebP, HEIC, TIFF et BMP. Les images sont automatiquement converties et optimisées pour la livraison.

| Format   | Idéal pour                                             |
| -------- | ------------------------------------------------------ |
| **PNG**  | Logos, graphiques avec transparence                    |
| **JPG**  | Photographies, images de nourriture                    |
| **WebP** | Format moderne avec des fichiers de plus petite taille |
| **GIF**  | Images de produits animées                             |
| **HEIC** | Photos prises sur iPhone                               |

## Dépannage

### L'image ne se téléverse pas

**Cause :** Le fichier dépasse la limite de 100 Mo, utilise un format non pris en charge, ou une extension de navigateur interfère.

**Solution :**

1. Vérifiez la taille du fichier — compressez ou redimensionnez l'image si elle dépasse 100 Mo
2. Assurez-vous que le fichier est dans un format d'image pris en charge (PNG, JPG, GIF, WebP, HEIC, TIFF ou BMP)
3. Essayez un autre navigateur ou désactivez les extensions de navigateur
4. Videz le cache de votre navigateur et réessayez

### L'image apparaît floue

**Cause :** La résolution de l'image source est trop faible pour la taille d'affichage.

**Solution :** Téléversez une image qui atteint ou dépasse la résolution recommandée pour ce type d'image (consultez le [tableau des spécifications](#image-specifications) ci-dessus). Pour les images de produits, visez au moins 1200 x 1200 px pour un rendu net sur les écrans Retina — plus grand est toujours mieux car storekit réduit automatiquement.

### J'utilise une intégration POS et je ne peux pas changer les images

**Cause :** Les menus synchronisés avec un POS peuvent verrouiller l'édition des produits dans le tableau de bord storekit. Lorsqu'une intégration POS gère votre menu, les modifications effectuées dans le tableau de bord peuvent être écrasées lors de la prochaine synchronisation.

**Solution :** Mettez à jour les images directement dans votre système POS et laissez-les se synchroniser avec storekit. Si votre POS ne prend pas en charge le téléversement d'images, contactez le support pour discuter du déverrouillage de l'édition des images. Consultez [Vue d'ensemble de l'intégration POS](/docs/fr/guides/integrations/pos/overview) pour plus de détails sur le fonctionnement des menus synchronisés.


## Related topics

- [Photographie de produits](/docs/fr/guides/menu-engineering/product-photography.md)
- [Bannières promotionnelles](/docs/fr/guides/marketing/promotional-banners.md)
- [Personnaliser le design et la marque de votre magasin dans storekit](/docs/fr/guides/store-settings/branding-design.md)
- [Vidéos](/docs/fr/guides/menu-engineering/videos.md)
- [Ajouter et configurer les produits du menu](/docs/fr/guides/menu/products.md)