# Structure des Images - Perle de Ceylan

Ce dossier contient toutes les images du site web. La structure est organisée par sections pour faciliter la maintenance.

## 📁 Structure des dossiers

```
images/
├── hero/
│   └── plantation-tea.jpg          # Image de fond hero (1920x1080px recommandé)
├── products/
│   ├── boite-the-premium.jpg       # Image produit principale hero (800x800px)
│   ├── boite-the-ouverte.jpg       # Boîte ouverte avec sachets (1200x900px)
│   ├── sachets-the-detail.jpg      # Détail des sachets (800x800px)
│   └── boite-the-luxueuse.jpg      # Boîte premium pour tarification (1000x1000px)
├── personnalisation/
│   ├── nom-edition.jpg              # Exemple personnalisation nom (800x600px)
│   ├── message-direction.jpg        # Exemple message direction (800x600px)
│   ├── choix-couleurs.jpg           # Exemple choix couleurs (800x600px)
│   └── qr-code.jpg                  # Exemple QR code (800x600px)
├── process/
│   ├── consultation.jpg             # Étape 1 - Consultation (800x600px)
│   ├── conception.jpg               # Étape 2 - Conception (800x600px)
│   ├── production.jpg                # Étape 3 - Production (800x600px)
│   └── livraison.jpg                 # Étape 4 - Livraison (800x600px)
└── gallery/
    ├── realisation-1.jpg            # Réalisation 1 (1200x900px)
    ├── realisation-2.jpg            # Réalisation 2 (1200x900px)
    ├── realisation-3.jpg            # Réalisation 3 (1200x900px)
    └── realisation-4.jpg            # Réalisation 4 (1200x900px)
```

## 📐 Spécifications techniques

### Formats recommandés
- **Format principal** : JPG (qualité 85-90%)
- **Format alternatif** : WebP (pour meilleures performances)
- **Transparence** : PNG uniquement si nécessaire

### Dimensions recommandées

#### Hero
- **plantation-tea.jpg** : 1920x1080px (16:9)
- **boite-the-premium.jpg** : 800x800px (1:1)

#### Produits
- **boite-the-ouverte.jpg** : 1200x900px (4:3)
- **sachets-the-detail.jpg** : 800x800px (1:1)
- **boite-the-luxueuse.jpg** : 1000x1000px (1:1)

#### Personnalisation
- Toutes les images : 800x600px (4:3)

#### Processus
- Toutes les images : 800x600px (4:3)

#### Galerie
- Toutes les images : 1200x900px (4:3)

## 🎨 Conseils pour les images

### Hero Background
- Plantation de thé au Sri Lanka
- Brume matinale, atmosphère authentique
- Couleurs vertes et naturelles
- Lumière douce et chaleureuse

### Produits
- Photos professionnelles haute qualité
- Éclairage uniforme
- Fond neutre ou contextuel
- Mise en valeur du packaging premium

### Personnalisation
- Mockups de boîtes personnalisées
- Exemples concrets de réalisations
- Avant/après si possible
- Différentes variantes de couleurs

### Processus
- Photos réelles du processus si possible
- Sinon, illustrations professionnelles
- Cohérence visuelle entre les 4 étapes
- Ambiance professionnelle et soignée

### Galerie
- Réalisations réelles pour clients
- Diversité des personnalisations
- Qualité premium visible
- Mise en scène élégante

## ⚡ Optimisation

### Avant upload
1. Compresser les images (TinyPNG, ImageOptim)
2. Redimensionner aux dimensions recommandées
3. Nommer les fichiers de manière descriptive
4. Vérifier la qualité visuelle

### Performance
- Toutes les images utilisent `loading="lazy"` sauf hero
- Images hero avec `loading="eager"` pour chargement prioritaire
- Alt text optimisé pour SEO et accessibilité

## 📝 Notes importantes

- **Tous les fichiers doivent être en minuscules avec tirets**
- **Pas d'espaces dans les noms de fichiers**
- **Format JPG recommandé pour photos**
- **Format PNG uniquement si transparence nécessaire**
- **WebP peut être ajouté comme alternative moderne**

## 🔄 Mise à jour

Lors de l'ajout de nouvelles images :
1. Respecter la structure de dossiers
2. Utiliser les dimensions recommandées
3. Optimiser avant upload
4. Mettre à jour ce README si nouvelle structure