2022-12-02 11:21:18 +01:00
|
|
|
---
|
|
|
|
|
import { Picture } from "@astrojs/image/components";
|
|
|
|
|
|
|
|
|
|
const { src, alt, width, height, ...attrs } = Astro.props;
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<Picture
|
|
|
|
|
src={src}
|
2022-12-28 10:36:15 +01:00
|
|
|
widths={[320, 640, 768]}
|
2022-12-02 11:21:18 +01:00
|
|
|
aspectRatio={`${width}:${height}`}
|
2022-12-28 10:36:15 +01:00
|
|
|
sizes={`(max-inline-size: ${width}px) 100vw, ${width}px`}
|
2022-12-02 11:21:18 +01:00
|
|
|
formats={["avif", "webp"]}
|
|
|
|
|
alt={alt ? alt : ""}
|
|
|
|
|
{...attrs}
|
|
|
|
|
/>
|
