From bafba70d324509f0a9303d389e24704dac5fb6db Mon Sep 17 00:00:00 2001 From: davidabram Date: Fri, 18 Jul 2025 23:52:32 +0200 Subject: [PATCH 1/5] new hero picture dimensions --- apps/website/src/components/hero.astro | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/website/src/components/hero.astro b/apps/website/src/components/hero.astro index b406b900..f78c41cf 100644 --- a/apps/website/src/components/hero.astro +++ b/apps/website/src/components/hero.astro @@ -16,7 +16,8 @@ import heroImage from "../assets/croco-13.png"; From 76652dff7e2b52019e7430d22ed0e84f0a9f636f Mon Sep 17 00:00:00 2001 From: davidabram Date: Sat, 19 Jul 2025 00:07:50 +0200 Subject: [PATCH 2/5] Picture to Image --- apps/website/src/components/hero.astro | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/website/src/components/hero.astro b/apps/website/src/components/hero.astro index f78c41cf..8cf467e5 100644 --- a/apps/website/src/components/hero.astro +++ b/apps/website/src/components/hero.astro @@ -2,7 +2,7 @@ import { grid_classes } from "./_grid"; import Pill from "./Pill.astro"; import Section from "./Section.astro"; -import { Picture } from "@astrojs/image/components"; +import { Image } from "astro:assets"; import heroImage from "../assets/croco-13.png"; --- @@ -13,7 +13,7 @@ import heroImage from "../assets/croco-13.png";
- Date: Sat, 19 Jul 2025 00:15:08 +0200 Subject: [PATCH 3/5] update the rest of the pictures --- apps/website/src/components/Avatar.astro | 7 ++++--- .../src/components/BookACallForm.astro | 7 ++++--- apps/website/src/components/ServiceCard.astro | 7 ++++--- apps/website/src/components/ValueCard.astro | 7 ++++--- apps/website/src/components/cto/Hero.astro | 7 ++++--- apps/website/src/layouts/post-base.astro | 19 +++++++++---------- apps/website/src/pages/blog/index.astro | 6 +++--- 7 files changed, 32 insertions(+), 28 deletions(-) diff --git a/apps/website/src/components/Avatar.astro b/apps/website/src/components/Avatar.astro index 1c9f3830..a573b5b4 100644 --- a/apps/website/src/components/Avatar.astro +++ b/apps/website/src/components/Avatar.astro @@ -1,13 +1,14 @@ --- -import { Picture } from "@astrojs/image/components"; +import { Image } from "astro:assets"; const { image, name, company, role } = Astro.props; ---
- diff --git a/apps/website/src/components/BookACallForm.astro b/apps/website/src/components/BookACallForm.astro index a0a7291a..341bf199 100644 --- a/apps/website/src/components/BookACallForm.astro +++ b/apps/website/src/components/BookACallForm.astro @@ -3,7 +3,7 @@ import CalcomEmbedInline from "../components/CalcomEmbedInline.astro"; import { grid_classes } from "./_grid"; import Pill from "./Pill.astro"; import Section from "./Section.astro"; -import { Picture } from "@astrojs/image/components"; +import { Image } from "astro:assets"; import meetingImage from "../assets/meeting-croc.png"; --- @@ -15,11 +15,12 @@ import meetingImage from "../assets/meeting-croc.png";
-
diff --git a/apps/website/src/components/ServiceCard.astro b/apps/website/src/components/ServiceCard.astro index a10f9bb0..8cd21216 100644 --- a/apps/website/src/components/ServiceCard.astro +++ b/apps/website/src/components/ServiceCard.astro @@ -1,6 +1,6 @@ --- import classnames from "classnames"; -import { Picture } from "@astrojs/image/components"; +import { Image } from "astro:assets"; interface Props { idx: number; @@ -75,11 +75,12 @@ const image = await src();
-
diff --git a/apps/website/src/components/ValueCard.astro b/apps/website/src/components/ValueCard.astro index 1e2a5459..1c637c16 100644 --- a/apps/website/src/components/ValueCard.astro +++ b/apps/website/src/components/ValueCard.astro @@ -1,5 +1,5 @@ --- -import { Picture } from "@astrojs/image/components"; +import { Image } from "astro:assets"; interface Props { idx: number; @@ -36,11 +36,12 @@ const image = await src();
-
diff --git a/apps/website/src/components/cto/Hero.astro b/apps/website/src/components/cto/Hero.astro index 14f17481..e36c97ba 100644 --- a/apps/website/src/components/cto/Hero.astro +++ b/apps/website/src/components/cto/Hero.astro @@ -2,7 +2,7 @@ import { grid_classes } from "../_grid"; import Pill from "../Pill.astro"; import Section from "../Section.astro"; -import { Picture } from "@astrojs/image/components"; +import { Image } from "astro:assets"; import heroImage from "../../assets/cto-hero.png"; --- @@ -57,10 +57,11 @@ import heroImage from "../../assets/cto-hero.png"; lg:col-start-7 lg:row-start-1" > - diff --git a/apps/website/src/layouts/post-base.astro b/apps/website/src/layouts/post-base.astro index 46e1c082..2f7c7aea 100644 --- a/apps/website/src/layouts/post-base.astro +++ b/apps/website/src/layouts/post-base.astro @@ -67,10 +67,10 @@ const dateObj = new Date(createdAt);
{ image && ( - { authorImage && ( -
{image && ( - diff --git a/apps/website/src/pages/blog/index.astro b/apps/website/src/pages/blog/index.astro index 771c564f..feee733b 100644 --- a/apps/website/src/pages/blog/index.astro +++ b/apps/website/src/pages/blog/index.astro @@ -62,11 +62,11 @@ posts.sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
{image && ( - From 43db4759324f8cf4c891178397715182dfa994ff Mon Sep 17 00:00:00 2001 From: davidabram Date: Sat, 19 Jul 2025 00:19:26 +0200 Subject: [PATCH 4/5] fix --- apps/website/src/layouts/post-base.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/website/src/layouts/post-base.astro b/apps/website/src/layouts/post-base.astro index 2f7c7aea..2f3bd2ff 100644 --- a/apps/website/src/layouts/post-base.astro +++ b/apps/website/src/layouts/post-base.astro @@ -1,7 +1,7 @@ --- import Base from "../layouts/base-blog.astro"; import Head from "../layouts/head.astro"; -import { Picture } from "astro:assets"; +import { Image } from "astro:assets"; import { markdownify } from "../ify"; import { getCollection } from "astro:content"; import formatDate from "../format-date"; From b5b61ee61feb8c78a33a555af8792cd6547104d2 Mon Sep 17 00:00:00 2001 From: davidabram Date: Sat, 19 Jul 2025 00:27:39 +0200 Subject: [PATCH 5/5] fix --- apps/website/src/layouts/post-base.astro | 3 +++ apps/website/src/pages/blog/index.astro | 3 ++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/website/src/layouts/post-base.astro b/apps/website/src/layouts/post-base.astro index 2f3bd2ff..83f7c202 100644 --- a/apps/website/src/layouts/post-base.astro +++ b/apps/website/src/layouts/post-base.astro @@ -75,6 +75,7 @@ const dateObj = new Date(createdAt); class="rounded-lg" loading="eager" decoding="auto" + inferSize={true} /> ) } @@ -101,6 +102,7 @@ const dateObj = new Date(createdAt); alt={title} loading="lazy" decoding="auto" + inferSize={true} class={ "max-w-none h-[100px] w-[155px] md:h-[140px] md:w-[215px]" } @@ -137,6 +139,7 @@ const dateObj = new Date(createdAt); widths={[200, 300]} sizes="(max-width: 767px) 100vw, 33vw" loading="lazy" + inferSize={true} decoding="auto" /> )} diff --git a/apps/website/src/pages/blog/index.astro b/apps/website/src/pages/blog/index.astro index feee733b..c4e207f0 100644 --- a/apps/website/src/pages/blog/index.astro +++ b/apps/website/src/pages/blog/index.astro @@ -1,7 +1,7 @@ --- import Base from "../../layouts/base-blog.astro"; import { getCollection } from "astro:content"; -import { Picture } from "astro:assets"; +import { Image } from "astro:assets"; import formatDate from "../..//format-date"; import Meta from "../../layouts/base-meta-tags.astro"; @@ -69,6 +69,7 @@ posts.sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime()); sizes={i === 0 ? "(max-width: 639px) 100vw, 936px" : "(max-width: 639px) 100vw, 50vw"} loading={i < 3 ? "eager" : "lazy"} decoding="auto" + inferSize={true} /> )}