From 61b49409de37e77836e3a90206b2978883f22300 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 29 Apr 2025 15:56:14 +0200
Subject: [PATCH] fix: adjust header image dimensions to improve image quality

addresses #8698uzqru
---
 .../ep_theme/Resources/Private/Partials/HeaderSliderSmall.html  | 2 +-
 .../Resources/Private/Partials/Product/HeaderDetail.html        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
index 679c008e..49eac74d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
@@ -7,7 +7,7 @@
             <f:alias map="{image: slide.image.0}">
                 <f:if condition="{image}">
                     <picture>
-                        <source srcset="{f:uri.image(image: image, width: '1370')}" media="(min-width: 768px)">
+                        <source srcset="{f:uri.image(image: image, width: '1440')}" media="(min-width: 768px)">
                         <source srcset="{f:uri.image(image: image, height: '320', cropVariant: 'mobile')}" media="(max-width: 767px)">
                         <f:image class="block w-full h-full object-cover"
                                  image="{image}"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
index 6f75763a..4d2296d8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
@@ -14,7 +14,7 @@
         </f:if>
         <div class="herounit h-80 lg:h-96 mb-8">
             <picture>
-                <source srcset="{f:uri.image(image: image, width: '1370c', height: '380c')}" media="(min-width: 768px)">
+                <source srcset="{f:uri.image(image: image, width: '1440c', height: '380c')}" media="(min-width: 768px)">
                 <source srcset="{f:uri.image(image: image, height: '320c')}" media="(max-width: 767px)">
                 <f:image class="block w-full h-full object-cover"
                          image="{image}"