this post was submitted on 28 May 2026
7 points (100.0% liked)

Forum Libre

1352 readers
40 users here now

Partagez et discutez de sujets positifs ou liés à votre quotidien, tels que:

Les mots d'ordre sont : respect et bienveillance, l'objectif est de proposer un environnement positif et tranquille.

Les discussions politiques ou pouvant provoquer des émotions négatives sont déconseillées, et ont davantage leur place sur

Les règles de l'instance sont bien entendu d'application.

Fils hebdomadaires"

"Demandez-moi n'importe quoi"

Communautés détendues

Communautés liées:

Loisirs:

Vie Pratique:

Communautés d'actualité

Société:

Pays:

Communauté de secours:

Communautés principales de l'instance

Nous rejoindre sur Zulip: https://jlailu.zulipchat.com/

founded 2 years ago
MODERATORS
just_chill@jlai.lu
Baleine@jlai.lu
inlandempire@jlai.lu
Saule@jlai.lu
7
[Jeudi Techno] Tu as une question sur du matos, du programme ? T'es au bon endroit. (2026-05-28) (media.piefed.social)
submitted 3 days ago by Nono@piefed.social to c/forumlibre@jlai.lu
16 comments fedilink hide all child comments
 

Envie de poster une question technique sur du matériel ou du logiciel ?
Allez, viens !

you are viewing a single comment's thread
view the rest of the comments
[–] BlackEco@lemmy.blackeco.com 2 points 3 days ago (1 children)

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 (![](../assets/img/martine-a-la-plage.jpg)), mais la balise img qui en résulte n'a pas d'attribut srcset.

[–] inlandempire@jlai.lu 1 points 2 days ago* (last edited 2 days ago) (1 children)

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 page

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

[–] inlandempire@jlai.lu 1 points 2 days ago* (last edited 2 days ago)

Attends 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