diff --git a/.changeset/lucky-emus-dress.md b/.changeset/lucky-emus-dress.md
new file mode 100644
index 0000000000..629594a283
--- /dev/null
+++ b/.changeset/lucky-emus-dress.md
@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/application-components': patch
+'@commercetools-frontend/assets': patch
+---
+
+Load background png for public pages from assets
diff --git a/packages/application-components/src/components/public-page-layout/public-background.d.ts b/packages/application-components/src/components/public-page-layout/public-background.d.ts
deleted file mode 100644
index 246c1e5056..0000000000
--- a/packages/application-components/src/components/public-page-layout/public-background.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const base64Image: string;
-export default base64Image;
diff --git a/packages/application-components/src/components/public-page-layout/public-background.js b/packages/application-components/src/components/public-page-layout/public-background.js
deleted file mode 100644
index f098731a88..0000000000
--- a/packages/application-components/src/components/public-page-layout/public-background.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const pngPath = path.join(__dirname, 'public-background.png');
-const base64String = fs.readFileSync(pngPath).toString('base64');
-
-module.exports = base64String;
diff --git a/packages/application-components/src/components/public-page-layout/public-page-layout.tsx b/packages/application-components/src/components/public-page-layout/public-page-layout.tsx
index 92263711b4..ffb08ec999 100644
--- a/packages/application-components/src/components/public-page-layout/public-page-layout.tsx
+++ b/packages/application-components/src/components/public-page-layout/public-page-layout.tsx
@@ -2,12 +2,11 @@ import { FC, ReactNode } from 'react';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import CommercetoolsLogoSvg from '@commercetools-frontend/assets/logos/commercetools_primary-logo_horizontal_white-text_RGB.svg';
+import publicBackgroundUrl from '@commercetools-frontend/assets/images/public-background.png';
 import { customProperties, useTheme } from '@commercetools-uikit/design-system';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
 import { designTokens as appKitDesingTokens } from '../../theming';
-// https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
-import base64Background from /* preval */ './public-background';
 
 const year = new Date().getUTCFullYear();
 
@@ -42,7 +41,7 @@ const Container = styled.div`
   padding: ${customProperties.spacingXl} 0;
   justify-content: center;
   background-size: cover;
-  background-image: url(data:image/png;base64,${base64Background});
+  background-image: url(${publicBackgroundUrl});
   background-position: center;
 `;
 const ContainerColumn = styled.div`
diff --git a/packages/application-components/src/components/public-page-layout/public-background.png b/packages/assets/images/public-background.png
similarity index 100%
rename from packages/application-components/src/components/public-page-layout/public-background.png
rename to packages/assets/images/public-background.png