diff --git a/CHANGELOG.md b/CHANGELOG.md
index a9db753..569e789 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
 
 ## [Unreleased]
 
+### Changed
+
+- Default site logo in top menu changed to optimized PNG image file. Added both black and white versions of SLS’s logo to `assets/images/logo/`.
+
 
 
 ## [1.1.1] – 2024-01-09
diff --git a/src/app/components/menus/top/top-menu.component.ts b/src/app/components/menus/top/top-menu.component.ts
index 2c389f8..4029b91 100644
--- a/src/app/components/menus/top/top-menu.component.ts
+++ b/src/app/components/menus/top/top-menu.component.ts
@@ -35,9 +35,9 @@ export class TopMenuComponent implements OnDestroy, OnInit {
   showTopContentButton: boolean = true;
   showTopSearchButton: boolean = true;
   showTopURNButton: boolean = true;
-  siteLogoDefaultImageUrl: string = 'assets/images/logo.svg';
+  siteLogoDefaultImageUrl: string = 'assets/images/logo/SLS_logo_full_white_346x112.png';
   siteLogoLinkUrl: string = 'https://www.sls.fi/';
-  siteLogoMobileImageUrl: string = 'assets/images/logo-mobile.svg';
+  siteLogoMobileImageUrl: string = 'assets/images/logo/SLS_logo_symbol_white_112x112.png';
   _window: Window;
 
   constructor(
@@ -56,8 +56,8 @@ export class TopMenuComponent implements OnDestroy, OnInit {
     this.showSiteLogo = config.component?.topMenu?.showSiteLogo ?? false;
 
     this.siteLogoLinkUrl = config.component?.topMenu?.siteLogoLinkURL ?? 'https://www.sls.fi/';
-    this.siteLogoDefaultImageUrl = config.component?.topMenu?.siteLogoDefaultImageURL ?? 'assets/images/logo.svg';
-    this.siteLogoMobileImageUrl = config.component?.topMenu?.siteLogoMobileImageURL ?? 'assets/images/logo-mobile.svg';
+    this.siteLogoDefaultImageUrl = config.component?.topMenu?.siteLogoDefaultImageURL ?? 'assets/images/logo/SLS_logo_full_white_346x112.png';
+    this.siteLogoMobileImageUrl = config.component?.topMenu?.siteLogoMobileImageURL ?? 'assets/images/logo/SLS_logo_symbol_white_112x112.png';
 
     if (!this.siteLogoMobileImageUrl && this.siteLogoDefaultImageUrl) {
       this.siteLogoMobileImageUrl = this.siteLogoDefaultImageUrl;
diff --git a/src/assets/config/config.ts b/src/assets/config/config.ts
index 44958e2..538a7cf 100644
--- a/src/assets/config/config.ts
+++ b/src/assets/config/config.ts
@@ -340,8 +340,8 @@ export const config: Config = {
       showURNButton: false,
       showLanguageButton: true,
       showSiteLogo: true,
-      siteLogoDefaultImageURL: "assets/images/logo.svg",
-      siteLogoMobileImageURL: "assets/images/logo-mobile.svg",
+      siteLogoDefaultImageURL: "assets/images/logo/SLS_logo_full_white_346x112.png",
+      siteLogoMobileImageURL: "assets/images/logo/SLS_logo_symbol_white_112x112.png",
       siteLogoLinkURL: "https://www.sls.fi/"
     },
     variants: {
diff --git a/src/assets/images/logo/.gitkeep b/src/assets/images/logo/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/images/logo/SLS_logo_full_black_346x112.png b/src/assets/images/logo/SLS_logo_full_black_346x112.png
new file mode 100644
index 0000000..29f7ea2
Binary files /dev/null and b/src/assets/images/logo/SLS_logo_full_black_346x112.png differ
diff --git a/src/assets/images/logo/SLS_logo_full_white_346x112.png b/src/assets/images/logo/SLS_logo_full_white_346x112.png
new file mode 100644
index 0000000..db35b73
Binary files /dev/null and b/src/assets/images/logo/SLS_logo_full_white_346x112.png differ
diff --git a/src/assets/images/logo.svg b/src/assets/images/logo/SLS_logo_full_white_vector.svg
similarity index 100%
rename from src/assets/images/logo.svg
rename to src/assets/images/logo/SLS_logo_full_white_vector.svg
diff --git a/src/assets/images/logo/SLS_logo_symbol_black_112x112.png b/src/assets/images/logo/SLS_logo_symbol_black_112x112.png
new file mode 100644
index 0000000..2a8cae0
Binary files /dev/null and b/src/assets/images/logo/SLS_logo_symbol_black_112x112.png differ
diff --git a/src/assets/images/logo/SLS_logo_symbol_white_112x112.png b/src/assets/images/logo/SLS_logo_symbol_white_112x112.png
new file mode 100644
index 0000000..9fe9868
Binary files /dev/null and b/src/assets/images/logo/SLS_logo_symbol_white_112x112.png differ
diff --git a/src/assets/images/logo-mobile.svg b/src/assets/images/logo/SLS_logo_symbol_white_vector.svg
similarity index 100%
rename from src/assets/images/logo-mobile.svg
rename to src/assets/images/logo/SLS_logo_symbol_white_vector.svg