da79d5e2da
- Remplacement des images PNG par des images WebP pour améliorer la performance et la qualité visuelle. - Mise à jour des références d'images dans les fichiers index.html, AppHeader.vue, AppFooter.vue, et plusieurs fichiers de configuration. - Modification des métadonnées SEO pour utiliser les nouvelles images WebP dans les pages About, Home, Fiverr, et Projects. - Ajout de nouvelles images WebP pour les projets et les services Fiverr dans les fichiers de données.
41 lines
1.2 KiB
Markdown
41 lines
1.2 KiB
Markdown
# Images du Portfolio
|
|
|
|
Ce dossier doit contenir les images pour votre portfolio :
|
|
|
|
## Structure des dossiers
|
|
|
|
```
|
|
images/
|
|
├── virtualtour.webp # Image du projet Virtual Tour
|
|
├── xinko.webp # Image du projet Xinko
|
|
├── dig.webp # Image du projet Image Manipulation
|
|
├── primate.webp # Image du projet Primate Web Admin
|
|
├── instagram.webp # Image du projet Instagram Bot
|
|
├── crowdin.webp # Image du projet Crowdin Status Bot
|
|
└── tech/ # Dossier pour les logos des technologies
|
|
├── javascript.webp
|
|
├── typescript.webp
|
|
├── nodejs.webp
|
|
├── vuejs.webp
|
|
├── react.webp
|
|
├── angular.webp
|
|
└── ... # Autres logos de technologies
|
|
```
|
|
|
|
## Recommandations
|
|
|
|
- **Format** : PNG ou JPG
|
|
- **Dimensions recommandées pour les projets** : 1200x630px (ratio 1.9:1)
|
|
- **Dimensions recommandées pour les logos tech** : 100x100px
|
|
- **Taille maximale** : 500KB par image
|
|
|
|
## Images temporaires
|
|
|
|
En attendant vos vraies images, vous pouvez utiliser des services comme :
|
|
|
|
- https://placeholder.com/
|
|
- https://placehold.co/
|
|
- https://via.placeholder.com/
|
|
|
|
Exemple : `https://placehold.co/1200x630/2563eb/ffffff?text=Virtual+Tour`
|