diff --git a/src/content/docs/fr/guides/images.mdx b/src/content/docs/fr/guides/images.mdx index b311694d657b8..6036dc775a3ef 100644 --- a/src/content/docs/fr/guides/images.mdx +++ b/src/content/docs/fr/guides/images.mdx @@ -43,13 +43,13 @@ Importez et utilisez les composants [``](#afficher-des-images-optimisé import { Image } from 'astro:assets'; import localBirdImage from '../../images/subfolder/localBirdImage.png'; --- -A bird sitting on a nest of eggs. -A bird. -A bird. +Un oiseau assis sur un nid d'œufs. +Un oiseau. +Un oiseau. -A bird sitting on a nest of eggs. -A bird. -A bird. +Un oiseau assis sur un nid d'œufs. +Un oiseau. +Un oiseau. ``` Consultez la référence complète de l'API des composants [``](/fr/reference/modules/astro-assets/#image-) et [``](/fr/reference/modules/astro-assets/#picture-). @@ -202,7 +202,7 @@ Pour les images distantes, utilisez l'URL complète de l'image comme valeur pour Un chat qui dort. ``` -### Choisir `` vs `` +### Choisir entre `` et `` Le composant `` optimise votre image et déduit la largeur et la hauteur (pour les images qu'il peut traiter) en se basant sur le rapport hauteur/largeur d'origine afin d'éviter le CLS. C'est la manière à privilégier pour utiliser des images dans les fichiers `.astro` chaque fois que cela est possible. @@ -271,7 +271,7 @@ Alternativement, le CDN peut fournir ses propres SDK pour s'intégrer plus facil ## Images dans les fichiers Markdown -Utilisez la syntaxe Markdown standard `![alt](src)` dans vos fichiers `.md`. Cette syntaxe fonctionne avec l'[API du Service d'images](/fr/reference/image-service-reference/) d'Astro pour optimiser vos images locales et les images distantes autorisées. +Utilisez la syntaxe Markdown standard `![alt](src)` dans vos fichiers `.md`. Cette syntaxe fonctionne avec l'[API du Service d'images](/fr/reference/image-service-reference/) d'Astro pour optimiser vos images locales stockées dans `src/` et les images distantes. Les images stockées dans le dossier `public/` ne sont jamais optimisées. ```md @@ -291,9 +291,9 @@ Utilisez la syntaxe Markdown standard `![alt](src)` dans vos fichiers `.md`. Cet ![Astro](https://example.com/images/remote-image.png) ``` -La balise `` n'est pas prise en charge pour les images locales et les composants `` et `` ne sont pas disponibles dans les fichiers `.md`. +La balise HTML `` peut également être utilisée pour afficher des images stockées dans `public/` ou des images distantes sans aucune optimisation ou traitement d'image. Cependant, `` n'est pas prise en charge pour vos images locales dans `src`. -Si vous avez besoin de plus de contrôle sur les attributs de votre image, nous vous recommandons d'utiliser [l'intégration MDX d'Astro](/fr/guides/integrations-guide/mdx/) pour ajouter la prise en charge du format de fichier `.mdx`. MDX permet d'ajouter des composants à Markdown et il existe des [options d'image supplémentaires disponibles dans MDX](#images-dans-les-fichiers-mdx). +Les composants `` et `` ne sont pas disponibles dans les fichiers `.md`. Si vous avez besoin de plus de contrôle sur les attributs de votre image, nous vous recommandons d'utiliser [l'intégration MDX d'Astro](/fr/guides/integrations-guide/mdx/) pour ajouter la prise en charge du format de fichier `.mdx`. MDX permet d'utiliser des [options d'image supplémentaires disponibles dans MDX](#images-dans-les-fichiers-mdx), y compris la combinaison de composants avec la syntaxe Markdown. ## Images dans les fichiers MDX @@ -303,7 +303,7 @@ De plus, il y a un support pour [la syntaxe standard Markdown `![alt](src)`](#im ```mdx title="src/pages/post-1.mdx" --- -title: Ma Page titre +title: Le titre de ma page --- import { Image } from 'astro:assets'; import rocket from '../assets/rocket.png'; @@ -341,7 +341,7 @@ En outre, vous pouvez déclarer une image associée à une entrée de la collect ```md title="src/content/blog/my-post.md" {3} --- title: "Mon premier article de blog" -cover: "./firstpostcover.jpeg" # will resolve to "src/content/blog/firstblogcover.jpeg" +cover: "./firstpostcover.jpeg" # se résoudra en "src/content/blog/firstblogcover.jpeg" coverAlt: "Photographie d'un coucher de soleil derrière une chaîne de montagnes." ---