diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..6043d21
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/src/assets/images/index/banner.jpg b/src/assets/images/index/banner.jpg
index e5a814b..e10d5a3 100644
Binary files a/src/assets/images/index/banner.jpg and b/src/assets/images/index/banner.jpg differ
diff --git a/src/assets/images/logo.jpg b/src/assets/images/logo.jpg
deleted file mode 100644
index d07c17e..0000000
Binary files a/src/assets/images/logo.jpg and /dev/null differ
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
new file mode 100644
index 0000000..2b6f988
Binary files /dev/null and b/src/assets/images/logo.png differ
diff --git a/src/components/BindPhoneDialog.vue b/src/components/BindPhoneDialog.vue
index ec9302c..1b97206 100644
--- a/src/components/BindPhoneDialog.vue
+++ b/src/components/BindPhoneDialog.vue
@@ -266,7 +266,7 @@ function toPrivacyPolicy() {
                 <div class="px-8">
                     <div class="mb-8 pt-8 text-left">
                         <div class="flex flex-col items-center">
-                            <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.jpg" alt="Logo" />
+                            <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.png" alt="Logo" />
                             <div class="text-3xl mt-4 text-slate-700 font-bold">
                                 {{ appName }}
                             </div>
diff --git a/src/components/BindPhoneOnlyDialog.vue b/src/components/BindPhoneOnlyDialog.vue
index 83f13c7..29fc3aa 100644
--- a/src/components/BindPhoneOnlyDialog.vue
+++ b/src/components/BindPhoneOnlyDialog.vue
@@ -156,7 +156,7 @@ function toPrivacyPolicy() {
                 <div class="px-8">
                     <div class="mb-8 pt-8 text-left">
                         <div class="flex flex-col items-center">
-                            <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.jpg" alt="Logo" />
+                            <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.png" alt="Logo" />
                             <div class="text-3xl mt-4 text-slate-700 font-bold">
                                 {{ appName }}
                             </div>
diff --git a/src/layouts/head.vue b/src/layouts/head.vue
index 4eb2a11..5088e5e 100644
--- a/src/layouts/head.vue
+++ b/src/layouts/head.vue
@@ -3,7 +3,7 @@
     <div class="header">
         <img
             class="logo rounded-full overflow-hidden"
-            src="@/assets/images/logo.jpg"
+            src="@/assets/images/logo.png"
             alt="Logo"
         />
         <div class="title-section">
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 00a6128..9c35d81 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -146,7 +146,7 @@ function toPrivacyPolicy() {
         <div class="login px-4 relative z-10">
             <div class="mb-8 pt-20 text-left">
                 <div class="flex flex-col items-center">
-                    <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.jpg" alt="Logo" />
+                    <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.png" alt="Logo" />
                     <div class="report-title-wrapper">
                         <h1 class="report-title">大数据风险报告</h1>
                         <div class="report-title-decoration"></div>
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 12e4dec..5b03e19 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -239,7 +239,7 @@ const onClickLeft = () => {
         <div class="login px-4 relative z-10">
             <div class="mb-8 pt-20 text-left">
                 <div class="flex flex-col items-center">
-                    <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.jpg" alt="Logo" />
+                    <img class="h-16 w-16 rounded-full shadow" src="@/assets/images/logo.png" alt="Logo" />
                     <div class="report-title-wrapper">
                         <h1 class="report-title">大数据风险报告</h1>
                         <div class="report-title-decoration"></div>