Hilo

[upper summit]

Tus imágenes deben de estar en la carpeta public, no en el scr

dentro de public las puedes poner, o mejor aún /public/images/ y ahí mete tus imágenes

y ya pones <img src="/images/imagen.png" alt="texto alternativo"/>

quítale el primer src, déjale el /assets/Pareja/F14.jpg

Tienes un console log colado

console.log(t[s]),

solo quítale el primer src déjalo como "/assets/Pareja/F14.jpg"

[lapis gulch]

puedes usar las imagenes y de hecho en la documentación sugieren hacerlo desde la carpeta assets, porque Astro desde allí las optimiza

el problema puede ser que no estás utilizando el Image que estás importando sino un img... o sea usa <Image src=...

lo otro que puede ser es que no tome directamente las rutas y que debas importar antes las imagenes... algo así
import image1 from "src/assets/image1"
<Image src={image1} ...

[devout spear]

respecto al componente <Image> de Astro, es interesante cuando son muchísimas imágenes para optimizar.......

Pero si ya te las pasan optimizadas no tiene sentido usar <Image> o si es una web con pocas imágenes es preferible optimizarlas manualmente, así como hace Midu en cada proyecto de Astro que ha hecho hasta el momento: usando la web de https://squoosh.app/ o https://imgto.xyz/

[lapis gulch]

cuál dirías que sería la pega de utilizar <Image> de Astro en el caso que las optimizaras por tu cuenta? después de todo el componente de Astro también trae otras mejoras, que desde luego también pueden ser implementadas por uno mismo...

[devout spear]

uhmmm... sólo hay una pequeña pega, si usas servicios como Vercel te terminarán cobrando el costo computacional de optimizar las imágenes en sus servidores, así mismo el tiempo de build demorará más.

🤔 Inclusive, hace no mucho, hubieron algunos salseos por cobro excesivo de optimización de imágenes por parte de Vercel.

Pero por una parte lo entiendo, eran personas optimizando varias decenas de miles de imágenes que no leyeron bien los detalles del pricing....
...Recuerdo que cobran 5 dólares por cada 1000 imágenes

y alguien tiene que pagar el mantenimiento y costo de oportunidad del uso de los servidores

1640 dólares por optimizar imágenes

[lapis gulch]

uufff.. buen dato, no había pensado en ello. Ahora, utilizo Netlify y hasta ahora todo bien, aunque no he trabajado con demasiadas imágenes.

[lapis gulch]

respecto al componente <Image> de Astro, es interesante cuando son muchísimas imágenes para optimizar.......
no entendí esta parte que dices, en relación con tu comentario posterior. Porque si dices que es mejor cuando son muchísimas imágenes, entonces en realidad allí es cuando corres el peligro de los costes, no?

[devout spear]

ajan, allí es cuando corres el peligro de los costes..... porque Vercel/Netlify copian tu proyecto desde Github cada vez que ocurre un cambio para hacer build en sus servidores, osea, optimiza las imágenes cada vez que ocurre la build