diff --git a/public/assets/logo.png b/public/assets/logo.png
new file mode 100644
index 0000000..53d6ba8
Binary files /dev/null and b/public/assets/logo.png differ
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 35331f5..b171d8b 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,7 +2,9 @@
 import { LOGO_IMAGE, SITE } from "src/config";
 import Hr from "./Hr.astro";
 import LinkButton from "./LinkButton.astro";
-import logo from "/assets/logo.svg";
+
+import logoPNG from "/assets/logo.png";
+import logoSVG from "/assets/logo.svg";
 
 export interface Props {
   activeNav?: "posts" | "tags" | "about" | "search";
@@ -19,7 +21,7 @@ const { activeNav } = Astro.props;
         {
           LOGO_IMAGE.enable ? (
             <img
-              src={logo}
+              src={LOGO_IMAGE.svg ? logoSVG : logoPNG}
               alt="AstroPaper Logo"
               width={LOGO_IMAGE.width}
               height={LOGO_IMAGE.height}
diff --git a/src/config.ts b/src/config.ts
index dc0be1e..89264cd 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -10,7 +10,8 @@ export const SITE = {
 };
 
 export const LOGO_IMAGE = {
-  enable: false,
+  enable: true,
+  svg: false,
   width: 216,
   height: 46,
 };