Des gens qui bossent avec Astro ici ? Je galère à avoir des images optimisées (càd en plusieurs tailles en fonction de la taille de l’écran de l’utilisateur) dans du contenu en Markdown (MDX pour être précis) dans une Content Collection.
D’après la doc, il suffit d’utiliser un chemin relatif (), mais la balise img qui en résulte n’a pas d’attribut srcset.
Je saurais pas expliquer pourquoi ça marchera mais je crois que comme ça Astro process ton image pour l’optimiser, et le post de blog importe l’image opti à la sortie plutôt que directement l’image de base en l’important avec la balise img.
Si c’est que pour une seule image tu n’as pas besoin de srcset je crois, si tu en as plusieurs tu peux séparer par une virgule mais il faut rajouter quelque chose comme widths={[400, 800, 1200]} selon les résolutions que tu veux
![[Jeudi Techno] Tu as une question sur du matos, du programme ? T'es au bon endroit. (2026-05-28)](https://media.piefed.social/posts/ey/O8/eyO80P1kdJLyHc4.jpg?uid=2c5fe32a39e24b55a9244e78951ec911){kind=link}
Des gens qui bossent avec Astro ici ? Je galère à avoir des images optimisées (càd en plusieurs tailles en fonction de la taille de l’écran de l’utilisateur) dans du contenu en Markdown (MDX pour être précis) dans une Content Collection.
D’après la doc, il suffit d’utiliser un chemin relatif (
), mais la baliseimgqui en résulte n’a pas d’attributsrcset.Je suis pas expert mais je pense que le plus facile c’est de l’importer dans ton fichier mdx, càd:
--- import { Image } from 'astro:assets'; import TonImage from '../assets/img/tonimage.jpg'; --- Le contenu de la page <Image src={TonImage} alt="Description de ton image"> Le contenu de la pageJe saurais pas expliquer pourquoi ça marchera mais je crois que comme ça Astro process ton image pour l’optimiser, et le post de blog importe l’image opti à la sortie plutôt que directement l’image de base en l’important avec la balise img.
Si c’est que pour une seule image tu n’as pas besoin de srcset je crois, si tu en as plusieurs tu peux séparer par une virgule mais il faut rajouter quelque chose comme
widths={[400, 800, 1200]}selon les résolutions que tu veuxAttends non je dis de la merde tu peux pas importer dans du markdown, je vérifie un truc et je reviens
Edit: oui en fit il fut queyu mettes lehaut dj codedans ton […slug].astroet ça devrait marcher