Configuration des Images - Zed Photography

Ce fichier explique comment configurer les images pour le portfolio de photographie.

Images Placeholder Utilisées

Le portfolio utilise des URLs d'images de placeholder qui peuvent être remplacées par de vraies photos.

Structure des Images

images/
├── portraits/
│   ├── portrait-1.jpg
│   ├── portrait-2.jpg
│   └── ...
├── weddings/
│   ├── wedding-1.jpg
│   ├── wedding-2.jpg
│   └── ...
├── nature/
│   ├── nature-1.jpg
│   ├── landscape-1.jpg
│   └── ...
└── events/
    ├── event-1.jpg
    └── ...

URLs de Placeholder Actuelles

Portraits

• portrait-1.jpg → https://picsum.photos/400/300?random=1

• portrait-2.jpg → https://picsum.photos/400/300?random=2

• portrait-3.jpg → https://picsum.photos/400/300?random=3

• portrait-4.jpg → https://picsum.photos/400/300?random=4

• portrait-5.jpg → https://picsum.photos/400/300?random=5

• portrait-6.jpg → https://picsum.photos/400/300?random=6

• portrait-featured.jpg → https://picsum.photos/600/400?random=10

Mariages

• wedding-1.jpg → https://picsum.photos/400/300?random=11

• wedding-2.jpg → https://picsum.photos/400/300?random=12

• wedding-3.jpg → https://picsum.photos/400/300?random=13

• wedding-4.jpg → https://picsum.photos/400/300?random=14

• wedding-5.jpg → https://picsum.photos/400/300?random=15

• wedding-6.jpg → https://picsum.photos/400/300?random=16

• wedding-featured.jpg → https://picsum.photos/600/400?random=20

Nature & Paysages

• nature-1.jpg → https://picsum.photos/400/300?random=21

• nature-2.jpg → https://picsum.photos/400/300?random=22

• nature-3.jpg → https://picsum.photos/400/300?random=23

• nature-4.jpg → https://picsum.photos/400/300?random=24

• nature-5.jpg → https://picsum.photos/400/300?random=25

• nature-6.jpg → https://picsum.photos/400/300?random=26

• landscape-1.jpg → https://picsum.photos/400/300?random=27

• landscape-featured.jpg → https://picsum.photos/600/400?random=30

Événements

• event-1.jpg → https://picsum.photos/400/300?random=31

• event-2.jpg → https://picsum.photos/400/300?random=32

• event-3.jpg → https://picsum.photos/400/300?random=33

• event-4.jpg → https://picsum.photos/400/300?random=34

• event-5.jpg → https://picsum.photos/400/300?random=35

• event-6.jpg → https://picsum.photos/400/300?random=36

Images du Photographe

• photographer-profile.jpg → https://picsum.photos/400/500?random=40

• photographer-working.jpg → https://picsum.photos/500/400?random=41

Images Famille

• family-1.jpg → https://picsum.photos/400/300?random=50

Comment Remplacer les Images

Option 1: Images Locales

1. Placez vos vraies photos dans le dossier images/

2. Respectez les noms de fichiers utilisés dans les pages Markdown

3. Tailles recommandées:

Option 2: URLs Externes

1. Hébergez vos images sur un service (Cloudinary, AWS S3, etc.)

2. Modifiez les URLs dans les fichiers .md

3. Assurez-vous que les URLs sont accessibles publiquement

Option 3: Services de Placeholder Spécialisés

Pour des images plus pertinentes, vous pouvez utiliser:

• Unsplash (photos libres): https://source.unsplash.com/400x300/?portrait

• Lorem Picsum (photos aléatoires): https://picsum.photos/400/300

• Placeholder.com (couleurs unies): https://via.placeholder.com/400x300/CCCCCC/000000?text=Portfolio

Formats Recommandés

• Format: JPG pour les photos, PNG pour les logos

• Qualité: 85% pour le web

• Tailles: Vignettes: 400x300px Images featured: 600x400px ou plus Images de profil: 400x500px Images pleine largeur: 1200x800px

Optimisation

1. Compression: Utilisez TinyPNG ou similaire

2. Responsive: Prévoyez plusieurs tailles si nécessaire

3. Lazy Loading: Déjà implémenté avec loading="lazy"

4. Alt Text: Toujours inclure des descriptions

Script de Téléchargement

Créez un script pour télécharger les placeholders:

#!/bin/bash
mkdir -p images

# Télécharger les images de placeholder
curl "https://picsum.photos/400/300?random=1" -o images/portrait-1.jpg
curl "https://picsum.photos/400/300?random=2" -o images/portrait-2.jpg
# ... etc pour toutes les images

Notes Importantes

1. Droits d'auteur: Assurez-vous d'avoir les droits sur toutes les images

2. Vie privée: Obtenez les autorisations nécessaires pour les photos de personnes

3. Performance: Optimisez la taille des images pour le web

4. SEO: Utilisez des noms de fichiers descriptifs et des alt tags pertinents

Structure Finale Recommandée

images/
├── portfolio/
│   ├── portraits/
│   ├── weddings/
│   ├── nature/
│   └── events/
├── about/
│   ├── photographer-profile.jpg
│   └── behind-the-scenes/
└── misc/
    ├── logos/
    └── backgrounds/

Cette structure modulaire facilite l'organisation et la maintenance du portfolio.