diff --git a/public/osmapp-screenshot-300px.png b/public/osmapp-screenshot-300px.png
new file mode 100644
index 000000000..df2c21d28
Binary files /dev/null and b/public/osmapp-screenshot-300px.png differ
diff --git a/public/osmapp-screenshot-300px@2x.png b/public/osmapp-screenshot-300px@2x.png
new file mode 100644
index 000000000..a14319056
Binary files /dev/null and b/public/osmapp-screenshot-300px@2x.png differ
diff --git a/src/components/HomepagePanel/HomepagePanel.tsx b/src/components/HomepagePanel/HomepagePanel.tsx
index 3d7b0ebb0..daa72800c 100644
--- a/src/components/HomepagePanel/HomepagePanel.tsx
+++ b/src/components/HomepagePanel/HomepagePanel.tsx
@@ -101,10 +101,11 @@ export const HomepagePanel = () => {
 
             <Center mb>
               <img
-                src="/osmapp-screenshot.png"
+                src="/osmapp-screenshot-300px.png"
+                srcSet="/osmapp-screenshot-300px@2x.png 2x"
                 alt={t('homepage.screenshot_alt')}
                 width={300}
-                height={300 * (1033 / 1371)}
+                height={226}
               />
             </Center>