Exemple d'article avec image

Introduction

Ceci est un exemple d’article avec une image à la une. L’image sera automatiquement convertie en WebP lors du build et optimisée avec des versions responsives.

Comment ajouter une image

Pour ajouter une image à votre article :

1. Placez votre image (JPG ou PNG) dans /src/assets/blog/
2. Référencez-la dans le frontmatter de votre article :

---
title: "Mon article"
image: ../../assets/blog/pbn_rocket-b.png
---

3. Astro s’occupe du reste : conversion WebP, génération de srcset, optimisation, etc.

Avantages

• Conversion automatique en WebP pour des fichiers plus légers

• Génération de plusieurs tailles pour le responsive

• Lazy loading automatique pour les performances

• Qualité optimisée selon le contexte

import imageRocket from ”@/assets/blog/pbn_rocket-b.png”;