perf: fix sizes attribute scaling bug to prevent mobile devices from downloading 1920w desktop images

2026-07-01 18:23:50 +02:00
parent 16d494689f
commit f2e59fa52f
2 changed files with 2 additions and 2 deletions
--- a/components/blocks/HeroVideo.tsx
+++ b/components/blocks/HeroVideo.tsx
@@ -84,7 +84,7 @@ export function HeroVideo(props: HeroVideoProps) {
        key={`img-${pathname}-${posterSrc}`}
        src={posterSrc}
        srcSet={posterSrc.includes('-poster.webp') ? `${posterSrc.replace('-poster.webp', '-poster-mobile.webp')} 800w, ${posterSrc} 1920w` : undefined}
-        sizes={posterSrc.includes('-poster.webp') ? "(max-width: 768px) 800px, 1920px" : undefined}
+        sizes={posterSrc.includes('-poster.webp') ? "100vw" : undefined}
        alt={posterAlt}
        className="absolute inset-0 w-full h-full object-cover z-[1] pointer-events-none"
        decoding="sync"