diff --git a/server/src/apps/surveyManage/template/banner/index.json b/server/src/apps/surveyManage/template/banner/index.json
index 900feeef..80a8f056 100644
--- a/server/src/apps/surveyManage/template/banner/index.json
+++ b/server/src/apps/surveyManage/template/banner/index.json
@@ -3,7 +3,7 @@
 		"key": "default",
 		"name": "默认分类",
 		"list": [{
-			"src": "/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.jpg",
+			"src": "/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.webp",
 			"title": "1"
 		}]
 },
@@ -11,7 +11,7 @@
 		"key": "activity",
 		"name": "节日",
 		"list": [{
-			"src": "/imgs/skin/Ixx8hqiwwk1660979120801.jpg",
+			"src": "/imgs/skin/Ixx8hqiwwk1660979120801.webp",
 			"title": "1"
 		}]
 	},
@@ -19,25 +19,25 @@
 		"key": "creative",
 		"name": "创意",
 		"list": [{
-			"src": "/imgs/skin/PLwNH1rAie1558430219772.jpg",
+			"src": "/imgs/skin/PLwNH1rAie1558430219772.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/NnXsAOhBNm1558430219312.jpg",
+			"src": "/imgs/skin/NnXsAOhBNm1558430219312.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/ujpUoWqhw31558430220124.jpg",
+			"src": "/imgs/skin/ujpUoWqhw31558430220124.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/5OCvbjqJQm1558430220362.jpg",
+			"src": "/imgs/skin/5OCvbjqJQm1558430220362.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/0k7Jg7In8I1558430221154.jpg",
+			"src": "/imgs/skin/0k7Jg7In8I1558430221154.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/UH0A8DbTai1558430221033.jpg",
+			"src": "/imgs/skin/UH0A8DbTai1558430221033.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/FRIzPC6ZtN1558430221344.jpg",
+			"src": "/imgs/skin/FRIzPC6ZtN1558430221344.webp",
 			"title": "7"
 		}]
 	},
@@ -45,25 +45,25 @@
 		"key": "scenery",
 		"name": "风景",
 		"list": [{
-			"src": "/imgs/skin/SyiLRcukyE1558430525760.jpg",
+			"src": "/imgs/skin/SyiLRcukyE1558430525760.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/sqYig4AcWr1558430525663.jpg",
+			"src": "/imgs/skin/sqYig4AcWr1558430525663.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/ElNeqJT2I21558430526165.jpg",
+			"src": "/imgs/skin/ElNeqJT2I21558430526165.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/CxQkSU6AY21558430526163.jpg",
+			"src": "/imgs/skin/CxQkSU6AY21558430526163.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/VTUwbp6vY61558430527320.jpg",
+			"src": "/imgs/skin/VTUwbp6vY61558430527320.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/SHs0K703Yn1558430527218.jpg",
+			"src": "/imgs/skin/SHs0K703Yn1558430527218.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/oVTedX9V4s1558430527671.jpg",
+			"src": "/imgs/skin/oVTedX9V4s1558430527671.webp",
 			"title": "7"
 		}]
 	},
@@ -71,25 +71,25 @@
 		"key": "transportation",
 		"name": "交通",
 		"list": [{
-			"src": "/imgs/skin/XYKqJZuMig1558430904735.jpg",
+			"src": "/imgs/skin/XYKqJZuMig1558430904735.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/GnPatsr48Z1558430904680.jpg",
+			"src": "/imgs/skin/GnPatsr48Z1558430904680.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/UqIvVvEXAK1558430905204.jpg",
+			"src": "/imgs/skin/UqIvVvEXAK1558430905204.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/PUssufh5uI1558430905104.jpg",
+			"src": "/imgs/skin/PUssufh5uI1558430905104.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/O409pRTDlW1558430905738.jpg",
+			"src": "/imgs/skin/O409pRTDlW1558430905738.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/A9FzlbYXqI1558430905739.jpg",
+			"src": "/imgs/skin/A9FzlbYXqI1558430905739.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/HN9YGctDeF1558430906686.jpg",
+			"src": "/imgs/skin/HN9YGctDeF1558430906686.webp",
 			"title": "7"
 		}]
 	},
@@ -97,25 +97,25 @@
 		"key": "delicacy",
 		"name": "美食",
 		"list": [{
-			"src": "/imgs/skin/lE6PSclCcU1558434536703.jpg",
+			"src": "/imgs/skin/lE6PSclCcU1558434536703.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/OnSdbm7u6n1558434536641.jpg",
+			"src": "/imgs/skin/OnSdbm7u6n1558434536641.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/N9Z2ZuyO731558434537314.jpg",
+			"src": "/imgs/skin/N9Z2ZuyO731558434537314.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/YP9PoW8pX51558434537301.jpg",
+			"src": "/imgs/skin/YP9PoW8pX51558434537301.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/zUtDv378bg1558434538351.jpg",
+			"src": "/imgs/skin/zUtDv378bg1558434538351.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/gY1JljCow21558434538303.jpg",
+			"src": "/imgs/skin/gY1JljCow21558434538303.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/oOjHPbABdd1558434538864.jpg",
+			"src": "/imgs/skin/oOjHPbABdd1558434538864.webp",
 			"title": "7"
 		}]
 	},
@@ -123,25 +123,25 @@
 		"key": "business",
 		"name": "商务",
 		"list": [{
-			"src": "/imgs/skin/3ABKqvDaVn1558514860472.jpg",
+			"src": "/imgs/skin/3ABKqvDaVn1558514860472.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/OewuaQmWoq1558514860285.jpg",
+			"src": "/imgs/skin/OewuaQmWoq1558514860285.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/HuVqqtbFjs1558514860570.jpg",
+			"src": "/imgs/skin/HuVqqtbFjs1558514860570.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/icSlqsr0uZ1558514860875.jpg",
+			"src": "/imgs/skin/icSlqsr0uZ1558514860875.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/Qu9rg33wmq1558514861015.jpg",
+			"src": "/imgs/skin/Qu9rg33wmq1558514861015.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/145gBCRtNP1558514861211.jpg",
+			"src": "/imgs/skin/145gBCRtNP1558514861211.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/ykWLFV0QWj1558514861444.jpg",
+			"src": "/imgs/skin/ykWLFV0QWj1558514861444.webp",
 			"title": "7"
 		}]
 	},
@@ -149,25 +149,25 @@
 		"key": "campus",
 		"name": "校园",
 		"list": [{
-			"src": "/imgs/skin/4aWi5JxG471558514268698.jpg",
+			"src": "/imgs/skin/4aWi5JxG471558514268698.webp",
 			"title": "1"
 		}, {
-			"src": "/imgs/skin/j8C2OBP7WK1558514268563.jpg",
+			"src": "/imgs/skin/j8C2OBP7WK1558514268563.webp",
 			"title": "2"
 		}, {
-			"src": "/imgs/skin/q3uJoQhYsR1558514268877.jpg",
+			"src": "/imgs/skin/q3uJoQhYsR1558514268877.webp",
 			"title": "3"
 		}, {
-			"src": "/imgs/skin/W5PPlNsmsr1558514269088.jpg",
+			"src": "/imgs/skin/W5PPlNsmsr1558514269088.webp",
 			"title": "4"
 		}, {
-			"src": "/imgs/skin/6xQk1IAmKt1558514269874.jpg",
+			"src": "/imgs/skin/6xQk1IAmKt1558514269874.webp",
 			"title": "5"
 		}, {
-			"src": "/imgs/skin/XQE2iyF0rj1558514269935.jpg",
+			"src": "/imgs/skin/XQE2iyF0rj1558514269935.webp",
 			"title": "6"
 		}, {
-			"src": "/imgs/skin/POHlQiSwPR1558514270379.jpg",
+			"src": "/imgs/skin/POHlQiSwPR1558514270379.webp",
 			"title": "7"
 		}]
 	}
diff --git a/web/public/imgs/Logo.jpg b/web/public/imgs/Logo.jpg
deleted file mode 100644
index 1c819a7e..00000000
Binary files a/web/public/imgs/Logo.jpg and /dev/null differ
diff --git a/web/public/imgs/Logo.webp b/web/public/imgs/Logo.webp
new file mode 100644
index 00000000..02467ac6
Binary files /dev/null and b/web/public/imgs/Logo.webp differ
diff --git a/web/public/imgs/avatar.png b/web/public/imgs/avatar.png
deleted file mode 100644
index c71722a5..00000000
Binary files a/web/public/imgs/avatar.png and /dev/null differ
diff --git a/web/public/imgs/avatar.webp b/web/public/imgs/avatar.webp
new file mode 100644
index 00000000..f8e9aeb9
Binary files /dev/null and b/web/public/imgs/avatar.webp differ
diff --git a/web/public/imgs/background.webp b/web/public/imgs/background.webp
new file mode 100644
index 00000000..6add4111
Binary files /dev/null and b/web/public/imgs/background.webp differ
diff --git a/web/public/imgs/create/background.jpg b/web/public/imgs/create/background.jpg
deleted file mode 100644
index 0a8a556e..00000000
Binary files a/web/public/imgs/create/background.jpg and /dev/null differ
diff --git a/web/public/imgs/create/background.webp b/web/public/imgs/create/background.webp
new file mode 100644
index 00000000..6add4111
Binary files /dev/null and b/web/public/imgs/create/background.webp differ
diff --git a/web/public/imgs/create/normal-icon.png b/web/public/imgs/create/normal-icon.png
deleted file mode 100644
index 4b71db27..00000000
Binary files a/web/public/imgs/create/normal-icon.png and /dev/null differ
diff --git a/web/public/imgs/create/normal-icon.webp b/web/public/imgs/create/normal-icon.webp
new file mode 100644
index 00000000..c239d439
Binary files /dev/null and b/web/public/imgs/create/normal-icon.webp differ
diff --git a/web/public/imgs/create/nps-icon.png b/web/public/imgs/create/nps-icon.png
deleted file mode 100644
index de64f45a..00000000
Binary files a/web/public/imgs/create/nps-icon.png and /dev/null differ
diff --git a/web/public/imgs/create/nps-icon.webp b/web/public/imgs/create/nps-icon.webp
new file mode 100644
index 00000000..0ac3ba87
Binary files /dev/null and b/web/public/imgs/create/nps-icon.webp differ
diff --git a/web/public/imgs/create/register-icon.png b/web/public/imgs/create/register-icon.png
deleted file mode 100644
index eb33a603..00000000
Binary files a/web/public/imgs/create/register-icon.png and /dev/null differ
diff --git a/web/public/imgs/create/register-icon.webp b/web/public/imgs/create/register-icon.webp
new file mode 100644
index 00000000..c2e3022a
Binary files /dev/null and b/web/public/imgs/create/register-icon.webp differ
diff --git a/web/public/imgs/create/vote-icon.png b/web/public/imgs/create/vote-icon.png
deleted file mode 100644
index 3289bd0b..00000000
Binary files a/web/public/imgs/create/vote-icon.png and /dev/null differ
diff --git a/web/public/imgs/create/vote-icon.webp b/web/public/imgs/create/vote-icon.webp
new file mode 100644
index 00000000..3383f893
Binary files /dev/null and b/web/public/imgs/create/vote-icon.webp differ
diff --git a/web/public/imgs/icons/analysis-empty.png b/web/public/imgs/icons/analysis-empty.png
deleted file mode 100644
index 255bd16a..00000000
Binary files a/web/public/imgs/icons/analysis-empty.png and /dev/null differ
diff --git a/web/public/imgs/icons/analysis-empty.webp b/web/public/imgs/icons/analysis-empty.webp
new file mode 100644
index 00000000..178e318a
Binary files /dev/null and b/web/public/imgs/icons/analysis-empty.webp differ
diff --git a/web/public/imgs/icons/error.png b/web/public/imgs/icons/error.png
deleted file mode 100644
index b116632a..00000000
Binary files a/web/public/imgs/icons/error.png and /dev/null differ
diff --git a/web/public/imgs/icons/error.webp b/web/public/imgs/icons/error.webp
new file mode 100644
index 00000000..2ea020a9
Binary files /dev/null and b/web/public/imgs/icons/error.webp differ
diff --git a/web/public/imgs/icons/list-empty.png b/web/public/imgs/icons/list-empty.png
deleted file mode 100644
index f59e6148..00000000
Binary files a/web/public/imgs/icons/list-empty.png and /dev/null differ
diff --git a/web/public/imgs/icons/list-empty.webp b/web/public/imgs/icons/list-empty.webp
new file mode 100644
index 00000000..a5974ece
Binary files /dev/null and b/web/public/imgs/icons/list-empty.webp differ
diff --git a/web/public/imgs/icons/overtime.png b/web/public/imgs/icons/overtime.png
deleted file mode 100644
index 8b405722..00000000
Binary files a/web/public/imgs/icons/overtime.png and /dev/null differ
diff --git a/web/public/imgs/icons/overtime.webp b/web/public/imgs/icons/overtime.webp
new file mode 100644
index 00000000..f34842f3
Binary files /dev/null and b/web/public/imgs/icons/overtime.webp differ
diff --git a/web/public/imgs/icons/success.png b/web/public/imgs/icons/success.png
deleted file mode 100644
index e496ba78..00000000
Binary files a/web/public/imgs/icons/success.png and /dev/null differ
diff --git a/web/public/imgs/icons/success.webp b/web/public/imgs/icons/success.webp
new file mode 100644
index 00000000..2f1d3e5b
Binary files /dev/null and b/web/public/imgs/icons/success.webp differ
diff --git a/web/public/imgs/icons/unpublished.png b/web/public/imgs/icons/unpublished.png
deleted file mode 100644
index 0443c494..00000000
Binary files a/web/public/imgs/icons/unpublished.png and /dev/null differ
diff --git a/web/public/imgs/icons/unpublished.webp b/web/public/imgs/icons/unpublished.webp
new file mode 100644
index 00000000..62383996
Binary files /dev/null and b/web/public/imgs/icons/unpublished.webp differ
diff --git a/web/public/imgs/icons/unselected.png b/web/public/imgs/icons/unselected.png
deleted file mode 100644
index 3f9243b0..00000000
Binary files a/web/public/imgs/icons/unselected.png and /dev/null differ
diff --git a/web/public/imgs/icons/unselected.webp b/web/public/imgs/icons/unselected.webp
new file mode 100644
index 00000000..e5b10bc2
Binary files /dev/null and b/web/public/imgs/icons/unselected.webp differ
diff --git a/web/public/imgs/nodata.png b/web/public/imgs/nodata.png
deleted file mode 100644
index 7977c748..00000000
Binary files a/web/public/imgs/nodata.png and /dev/null differ
diff --git a/web/public/imgs/nodata.webp b/web/public/imgs/nodata.webp
new file mode 100644
index 00000000..31c09506
Binary files /dev/null and b/web/public/imgs/nodata.webp differ
diff --git a/web/public/imgs/phone-bg.png b/web/public/imgs/phone-bg.png
deleted file mode 100644
index a74c7749..00000000
Binary files a/web/public/imgs/phone-bg.png and /dev/null differ
diff --git a/web/public/imgs/phone-bg.webp b/web/public/imgs/phone-bg.webp
new file mode 100644
index 00000000..6f9e4358
Binary files /dev/null and b/web/public/imgs/phone-bg.webp differ
diff --git a/web/public/imgs/question-type-snapshot/11iAo3ca0u1657702225416.png b/web/public/imgs/question-type-snapshot/11iAo3ca0u1657702225416.png
deleted file mode 100644
index 274186d7..00000000
Binary files a/web/public/imgs/question-type-snapshot/11iAo3ca0u1657702225416.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/11iAo3ca0u1657702225416.webp b/web/public/imgs/question-type-snapshot/11iAo3ca0u1657702225416.webp
new file mode 100644
index 00000000..79dad762
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/11iAo3ca0u1657702225416.webp differ
diff --git a/web/public/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.png b/web/public/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.png
deleted file mode 100644
index 4589b483..00000000
Binary files a/web/public/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.webp b/web/public/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.webp
new file mode 100644
index 00000000..76f2c6c3
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.webp differ
diff --git a/web/public/imgs/question-type-snapshot/CbqKEdxREF1657702225150.png b/web/public/imgs/question-type-snapshot/CbqKEdxREF1657702225150.png
deleted file mode 100644
index 2c7ddace..00000000
Binary files a/web/public/imgs/question-type-snapshot/CbqKEdxREF1657702225150.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/CbqKEdxREF1657702225150.webp b/web/public/imgs/question-type-snapshot/CbqKEdxREF1657702225150.webp
new file mode 100644
index 00000000..1136de37
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/CbqKEdxREF1657702225150.webp differ
diff --git a/web/public/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.png b/web/public/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.png
deleted file mode 100644
index f1e22cd0..00000000
Binary files a/web/public/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.webp b/web/public/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.webp
new file mode 100644
index 00000000..d791860a
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.webp differ
diff --git a/web/public/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.png b/web/public/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.png
deleted file mode 100644
index baf53b3b..00000000
Binary files a/web/public/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.webp b/web/public/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.webp
new file mode 100644
index 00000000..c9fffd36
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.webp differ
diff --git a/web/public/imgs/question-type-snapshot/blW8U1ckzd1657702223023.png b/web/public/imgs/question-type-snapshot/blW8U1ckzd1657702223023.png
deleted file mode 100644
index 0621bc00..00000000
Binary files a/web/public/imgs/question-type-snapshot/blW8U1ckzd1657702223023.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/blW8U1ckzd1657702223023.webp b/web/public/imgs/question-type-snapshot/blW8U1ckzd1657702223023.webp
new file mode 100644
index 00000000..5519c7ea
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/blW8U1ckzd1657702223023.webp differ
diff --git a/web/public/imgs/question-type-snapshot/hC3e3UBJvZ1666842030883.png b/web/public/imgs/question-type-snapshot/hC3e3UBJvZ1666842030883.png
deleted file mode 100644
index 5e53683d..00000000
Binary files a/web/public/imgs/question-type-snapshot/hC3e3UBJvZ1666842030883.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/hC3e3UBJvZ1666842030883.webp b/web/public/imgs/question-type-snapshot/hC3e3UBJvZ1666842030883.webp
new file mode 100644
index 00000000..513bc686
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/hC3e3UBJvZ1666842030883.webp differ
diff --git a/web/public/imgs/question-type-snapshot/iL84te6xxU1657702189333.png b/web/public/imgs/question-type-snapshot/iL84te6xxU1657702189333.png
deleted file mode 100644
index 22e40796..00000000
Binary files a/web/public/imgs/question-type-snapshot/iL84te6xxU1657702189333.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/iL84te6xxU1657702189333.webp b/web/public/imgs/question-type-snapshot/iL84te6xxU1657702189333.webp
new file mode 100644
index 00000000..6cef4abf
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/iL84te6xxU1657702189333.webp differ
diff --git a/web/public/imgs/question-type-snapshot/nGTscsZlwn1657702222857.png b/web/public/imgs/question-type-snapshot/nGTscsZlwn1657702222857.png
deleted file mode 100644
index 80b2859d..00000000
Binary files a/web/public/imgs/question-type-snapshot/nGTscsZlwn1657702222857.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/nGTscsZlwn1657702222857.webp b/web/public/imgs/question-type-snapshot/nGTscsZlwn1657702222857.webp
new file mode 100644
index 00000000..21b251b6
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/nGTscsZlwn1657702222857.webp differ
diff --git a/web/public/imgs/question-type-snapshot/vDk11mEfnF1657702221336.png b/web/public/imgs/question-type-snapshot/vDk11mEfnF1657702221336.png
deleted file mode 100644
index d200ad01..00000000
Binary files a/web/public/imgs/question-type-snapshot/vDk11mEfnF1657702221336.png and /dev/null differ
diff --git a/web/public/imgs/question-type-snapshot/vDk11mEfnF1657702221336.webp b/web/public/imgs/question-type-snapshot/vDk11mEfnF1657702221336.webp
new file mode 100644
index 00000000..673eb03e
Binary files /dev/null and b/web/public/imgs/question-type-snapshot/vDk11mEfnF1657702221336.webp differ
diff --git a/web/public/imgs/s-logo.jpg b/web/public/imgs/s-logo.jpg
deleted file mode 100644
index b0c58b1f..00000000
Binary files a/web/public/imgs/s-logo.jpg and /dev/null differ
diff --git a/web/public/imgs/s-logo.webp b/web/public/imgs/s-logo.webp
new file mode 100644
index 00000000..57211267
Binary files /dev/null and b/web/public/imgs/s-logo.webp differ
diff --git a/web/public/imgs/skin/0k7Jg7In8I1558430221154.jpg b/web/public/imgs/skin/0k7Jg7In8I1558430221154.jpg
deleted file mode 100644
index 7734b9ff..00000000
Binary files a/web/public/imgs/skin/0k7Jg7In8I1558430221154.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/0k7Jg7In8I1558430221154.webp b/web/public/imgs/skin/0k7Jg7In8I1558430221154.webp
new file mode 100644
index 00000000..01be0113
Binary files /dev/null and b/web/public/imgs/skin/0k7Jg7In8I1558430221154.webp differ
diff --git a/web/public/imgs/skin/145gBCRtNP1558514861211.jpg b/web/public/imgs/skin/145gBCRtNP1558514861211.jpg
deleted file mode 100644
index a977fc87..00000000
Binary files a/web/public/imgs/skin/145gBCRtNP1558514861211.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/145gBCRtNP1558514861211.webp b/web/public/imgs/skin/145gBCRtNP1558514861211.webp
new file mode 100644
index 00000000..1b6ef42e
Binary files /dev/null and b/web/public/imgs/skin/145gBCRtNP1558514861211.webp differ
diff --git a/web/public/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.jpg b/web/public/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.jpg
deleted file mode 100644
index 9bcfdbaa..00000000
Binary files a/web/public/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.webp b/web/public/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.webp
new file mode 100644
index 00000000..0042b5cf
Binary files /dev/null and b/web/public/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.webp differ
diff --git a/web/public/imgs/skin/3ABKqvDaVn1558514860472.jpg b/web/public/imgs/skin/3ABKqvDaVn1558514860472.jpg
deleted file mode 100644
index b003940d..00000000
Binary files a/web/public/imgs/skin/3ABKqvDaVn1558514860472.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/3ABKqvDaVn1558514860472.webp b/web/public/imgs/skin/3ABKqvDaVn1558514860472.webp
new file mode 100644
index 00000000..039dbc9c
Binary files /dev/null and b/web/public/imgs/skin/3ABKqvDaVn1558514860472.webp differ
diff --git a/web/public/imgs/skin/4aWi5JxG471558514268698.jpg b/web/public/imgs/skin/4aWi5JxG471558514268698.jpg
deleted file mode 100644
index 11824550..00000000
Binary files a/web/public/imgs/skin/4aWi5JxG471558514268698.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/4aWi5JxG471558514268698.webp b/web/public/imgs/skin/4aWi5JxG471558514268698.webp
new file mode 100644
index 00000000..6602b02b
Binary files /dev/null and b/web/public/imgs/skin/4aWi5JxG471558514268698.webp differ
diff --git a/web/public/imgs/skin/5OCvbjqJQm1558430220362.jpg b/web/public/imgs/skin/5OCvbjqJQm1558430220362.jpg
deleted file mode 100644
index ea1a00a2..00000000
Binary files a/web/public/imgs/skin/5OCvbjqJQm1558430220362.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/5OCvbjqJQm1558430220362.webp b/web/public/imgs/skin/5OCvbjqJQm1558430220362.webp
new file mode 100644
index 00000000..b00fd9d7
Binary files /dev/null and b/web/public/imgs/skin/5OCvbjqJQm1558430220362.webp differ
diff --git a/web/public/imgs/skin/6xQk1IAmKt1558514269874.jpg b/web/public/imgs/skin/6xQk1IAmKt1558514269874.jpg
deleted file mode 100644
index d6b0683f..00000000
Binary files a/web/public/imgs/skin/6xQk1IAmKt1558514269874.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/6xQk1IAmKt1558514269874.webp b/web/public/imgs/skin/6xQk1IAmKt1558514269874.webp
new file mode 100644
index 00000000..7f22cc34
Binary files /dev/null and b/web/public/imgs/skin/6xQk1IAmKt1558514269874.webp differ
diff --git a/web/public/imgs/skin/A9FzlbYXqI1558430905739.jpg b/web/public/imgs/skin/A9FzlbYXqI1558430905739.jpg
deleted file mode 100644
index 385f4fc7..00000000
Binary files a/web/public/imgs/skin/A9FzlbYXqI1558430905739.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/A9FzlbYXqI1558430905739.webp b/web/public/imgs/skin/A9FzlbYXqI1558430905739.webp
new file mode 100644
index 00000000..6fe652d0
Binary files /dev/null and b/web/public/imgs/skin/A9FzlbYXqI1558430905739.webp differ
diff --git a/web/public/imgs/skin/CxQkSU6AY21558430526163.jpg b/web/public/imgs/skin/CxQkSU6AY21558430526163.jpg
deleted file mode 100644
index 7e875605..00000000
Binary files a/web/public/imgs/skin/CxQkSU6AY21558430526163.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/CxQkSU6AY21558430526163.webp b/web/public/imgs/skin/CxQkSU6AY21558430526163.webp
new file mode 100644
index 00000000..8e784ad2
Binary files /dev/null and b/web/public/imgs/skin/CxQkSU6AY21558430526163.webp differ
diff --git a/web/public/imgs/skin/ElNeqJT2I21558430526165.jpg b/web/public/imgs/skin/ElNeqJT2I21558430526165.jpg
deleted file mode 100644
index 90e7d819..00000000
Binary files a/web/public/imgs/skin/ElNeqJT2I21558430526165.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/ElNeqJT2I21558430526165.webp b/web/public/imgs/skin/ElNeqJT2I21558430526165.webp
new file mode 100644
index 00000000..0df2b16a
Binary files /dev/null and b/web/public/imgs/skin/ElNeqJT2I21558430526165.webp differ
diff --git a/web/public/imgs/skin/FRIzPC6ZtN1558430221344.jpg b/web/public/imgs/skin/FRIzPC6ZtN1558430221344.jpg
deleted file mode 100644
index 90de8eb8..00000000
Binary files a/web/public/imgs/skin/FRIzPC6ZtN1558430221344.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/FRIzPC6ZtN1558430221344.webp b/web/public/imgs/skin/FRIzPC6ZtN1558430221344.webp
new file mode 100644
index 00000000..c19a6202
Binary files /dev/null and b/web/public/imgs/skin/FRIzPC6ZtN1558430221344.webp differ
diff --git a/web/public/imgs/skin/GnPatsr48Z1558430904680.jpg b/web/public/imgs/skin/GnPatsr48Z1558430904680.jpg
deleted file mode 100644
index 74179851..00000000
Binary files a/web/public/imgs/skin/GnPatsr48Z1558430904680.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/GnPatsr48Z1558430904680.webp b/web/public/imgs/skin/GnPatsr48Z1558430904680.webp
new file mode 100644
index 00000000..40fccd43
Binary files /dev/null and b/web/public/imgs/skin/GnPatsr48Z1558430904680.webp differ
diff --git a/web/public/imgs/skin/HN9YGctDeF1558430906686.jpg b/web/public/imgs/skin/HN9YGctDeF1558430906686.jpg
deleted file mode 100644
index be5156c7..00000000
Binary files a/web/public/imgs/skin/HN9YGctDeF1558430906686.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/HN9YGctDeF1558430906686.webp b/web/public/imgs/skin/HN9YGctDeF1558430906686.webp
new file mode 100644
index 00000000..d97ff7ec
Binary files /dev/null and b/web/public/imgs/skin/HN9YGctDeF1558430906686.webp differ
diff --git a/web/public/imgs/skin/HuVqqtbFjs1558514860570.jpg b/web/public/imgs/skin/HuVqqtbFjs1558514860570.jpg
deleted file mode 100644
index 1e8749d2..00000000
Binary files a/web/public/imgs/skin/HuVqqtbFjs1558514860570.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/HuVqqtbFjs1558514860570.webp b/web/public/imgs/skin/HuVqqtbFjs1558514860570.webp
new file mode 100644
index 00000000..f8619b6f
Binary files /dev/null and b/web/public/imgs/skin/HuVqqtbFjs1558514860570.webp differ
diff --git a/web/public/imgs/skin/Ixx8hqiwwk1660979120801.jpg b/web/public/imgs/skin/Ixx8hqiwwk1660979120801.jpg
deleted file mode 100644
index 61f471f6..00000000
Binary files a/web/public/imgs/skin/Ixx8hqiwwk1660979120801.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/Ixx8hqiwwk1660979120801.webp b/web/public/imgs/skin/Ixx8hqiwwk1660979120801.webp
new file mode 100644
index 00000000..20ddeea9
Binary files /dev/null and b/web/public/imgs/skin/Ixx8hqiwwk1660979120801.webp differ
diff --git a/web/public/imgs/skin/N9Z2ZuyO731558434537314.jpg b/web/public/imgs/skin/N9Z2ZuyO731558434537314.jpg
deleted file mode 100644
index 4bc8858a..00000000
Binary files a/web/public/imgs/skin/N9Z2ZuyO731558434537314.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/N9Z2ZuyO731558434537314.webp b/web/public/imgs/skin/N9Z2ZuyO731558434537314.webp
new file mode 100644
index 00000000..04d5f1a0
Binary files /dev/null and b/web/public/imgs/skin/N9Z2ZuyO731558434537314.webp differ
diff --git a/web/public/imgs/skin/NnXsAOhBNm1558430219312.jpg b/web/public/imgs/skin/NnXsAOhBNm1558430219312.jpg
deleted file mode 100644
index 2437dceb..00000000
Binary files a/web/public/imgs/skin/NnXsAOhBNm1558430219312.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/NnXsAOhBNm1558430219312.webp b/web/public/imgs/skin/NnXsAOhBNm1558430219312.webp
new file mode 100644
index 00000000..170b984b
Binary files /dev/null and b/web/public/imgs/skin/NnXsAOhBNm1558430219312.webp differ
diff --git a/web/public/imgs/skin/O409pRTDlW1558430905738.jpg b/web/public/imgs/skin/O409pRTDlW1558430905738.jpg
deleted file mode 100644
index 066d19e4..00000000
Binary files a/web/public/imgs/skin/O409pRTDlW1558430905738.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/O409pRTDlW1558430905738.webp b/web/public/imgs/skin/O409pRTDlW1558430905738.webp
new file mode 100644
index 00000000..9136e634
Binary files /dev/null and b/web/public/imgs/skin/O409pRTDlW1558430905738.webp differ
diff --git a/web/public/imgs/skin/OewuaQmWoq1558514860285.jpg b/web/public/imgs/skin/OewuaQmWoq1558514860285.jpg
deleted file mode 100644
index 8801102d..00000000
Binary files a/web/public/imgs/skin/OewuaQmWoq1558514860285.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/OewuaQmWoq1558514860285.webp b/web/public/imgs/skin/OewuaQmWoq1558514860285.webp
new file mode 100644
index 00000000..81df025a
Binary files /dev/null and b/web/public/imgs/skin/OewuaQmWoq1558514860285.webp differ
diff --git a/web/public/imgs/skin/OnSdbm7u6n1558434536641.jpg b/web/public/imgs/skin/OnSdbm7u6n1558434536641.jpg
deleted file mode 100644
index ac267b61..00000000
Binary files a/web/public/imgs/skin/OnSdbm7u6n1558434536641.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/OnSdbm7u6n1558434536641.webp b/web/public/imgs/skin/OnSdbm7u6n1558434536641.webp
new file mode 100644
index 00000000..b3d71c35
Binary files /dev/null and b/web/public/imgs/skin/OnSdbm7u6n1558434536641.webp differ
diff --git a/web/public/imgs/skin/PLwNH1rAie1558430219772.jpg b/web/public/imgs/skin/PLwNH1rAie1558430219772.jpg
deleted file mode 100644
index 3ea50e04..00000000
Binary files a/web/public/imgs/skin/PLwNH1rAie1558430219772.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/PLwNH1rAie1558430219772.webp b/web/public/imgs/skin/PLwNH1rAie1558430219772.webp
new file mode 100644
index 00000000..86de3f93
Binary files /dev/null and b/web/public/imgs/skin/PLwNH1rAie1558430219772.webp differ
diff --git a/web/public/imgs/skin/POHlQiSwPR1558514270379.jpg b/web/public/imgs/skin/POHlQiSwPR1558514270379.jpg
deleted file mode 100644
index eca2d476..00000000
Binary files a/web/public/imgs/skin/POHlQiSwPR1558514270379.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/POHlQiSwPR1558514270379.webp b/web/public/imgs/skin/POHlQiSwPR1558514270379.webp
new file mode 100644
index 00000000..401adb64
Binary files /dev/null and b/web/public/imgs/skin/POHlQiSwPR1558514270379.webp differ
diff --git a/web/public/imgs/skin/PUssufh5uI1558430905104.jpg b/web/public/imgs/skin/PUssufh5uI1558430905104.jpg
deleted file mode 100644
index 64e6da09..00000000
Binary files a/web/public/imgs/skin/PUssufh5uI1558430905104.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/PUssufh5uI1558430905104.webp b/web/public/imgs/skin/PUssufh5uI1558430905104.webp
new file mode 100644
index 00000000..ef45d2be
Binary files /dev/null and b/web/public/imgs/skin/PUssufh5uI1558430905104.webp differ
diff --git a/web/public/imgs/skin/Qu9rg33wmq1558514861015.jpg b/web/public/imgs/skin/Qu9rg33wmq1558514861015.jpg
deleted file mode 100644
index 80d7650c..00000000
Binary files a/web/public/imgs/skin/Qu9rg33wmq1558514861015.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/Qu9rg33wmq1558514861015.webp b/web/public/imgs/skin/Qu9rg33wmq1558514861015.webp
new file mode 100644
index 00000000..076f82b6
Binary files /dev/null and b/web/public/imgs/skin/Qu9rg33wmq1558514861015.webp differ
diff --git a/web/public/imgs/skin/SHs0K703Yn1558430527218.jpg b/web/public/imgs/skin/SHs0K703Yn1558430527218.jpg
deleted file mode 100644
index 99b5d92b..00000000
Binary files a/web/public/imgs/skin/SHs0K703Yn1558430527218.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/SHs0K703Yn1558430527218.webp b/web/public/imgs/skin/SHs0K703Yn1558430527218.webp
new file mode 100644
index 00000000..f7d4702b
Binary files /dev/null and b/web/public/imgs/skin/SHs0K703Yn1558430527218.webp differ
diff --git a/web/public/imgs/skin/SyiLRcukyE1558430525760.jpg b/web/public/imgs/skin/SyiLRcukyE1558430525760.jpg
deleted file mode 100644
index 6d90fc07..00000000
Binary files a/web/public/imgs/skin/SyiLRcukyE1558430525760.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/SyiLRcukyE1558430525760.webp b/web/public/imgs/skin/SyiLRcukyE1558430525760.webp
new file mode 100644
index 00000000..de80c643
Binary files /dev/null and b/web/public/imgs/skin/SyiLRcukyE1558430525760.webp differ
diff --git a/web/public/imgs/skin/UH0A8DbTai1558430221033.jpg b/web/public/imgs/skin/UH0A8DbTai1558430221033.jpg
deleted file mode 100644
index be9eb14f..00000000
Binary files a/web/public/imgs/skin/UH0A8DbTai1558430221033.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/UH0A8DbTai1558430221033.webp b/web/public/imgs/skin/UH0A8DbTai1558430221033.webp
new file mode 100644
index 00000000..ca61f3d5
Binary files /dev/null and b/web/public/imgs/skin/UH0A8DbTai1558430221033.webp differ
diff --git a/web/public/imgs/skin/UqIvVvEXAK1558430905204.jpg b/web/public/imgs/skin/UqIvVvEXAK1558430905204.jpg
deleted file mode 100644
index 122c6a66..00000000
Binary files a/web/public/imgs/skin/UqIvVvEXAK1558430905204.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/UqIvVvEXAK1558430905204.webp b/web/public/imgs/skin/UqIvVvEXAK1558430905204.webp
new file mode 100644
index 00000000..1809be92
Binary files /dev/null and b/web/public/imgs/skin/UqIvVvEXAK1558430905204.webp differ
diff --git a/web/public/imgs/skin/VTUwbp6vY61558430527320.jpg b/web/public/imgs/skin/VTUwbp6vY61558430527320.jpg
deleted file mode 100644
index 62f4c95c..00000000
Binary files a/web/public/imgs/skin/VTUwbp6vY61558430527320.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/VTUwbp6vY61558430527320.webp b/web/public/imgs/skin/VTUwbp6vY61558430527320.webp
new file mode 100644
index 00000000..1407199f
Binary files /dev/null and b/web/public/imgs/skin/VTUwbp6vY61558430527320.webp differ
diff --git a/web/public/imgs/skin/W5PPlNsmsr1558514269088.jpg b/web/public/imgs/skin/W5PPlNsmsr1558514269088.jpg
deleted file mode 100644
index f5332f18..00000000
Binary files a/web/public/imgs/skin/W5PPlNsmsr1558514269088.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/W5PPlNsmsr1558514269088.webp b/web/public/imgs/skin/W5PPlNsmsr1558514269088.webp
new file mode 100644
index 00000000..47e5b9a4
Binary files /dev/null and b/web/public/imgs/skin/W5PPlNsmsr1558514269088.webp differ
diff --git a/web/public/imgs/skin/XQE2iyF0rj1558514269935.jpg b/web/public/imgs/skin/XQE2iyF0rj1558514269935.jpg
deleted file mode 100644
index 5409067e..00000000
Binary files a/web/public/imgs/skin/XQE2iyF0rj1558514269935.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/XQE2iyF0rj1558514269935.webp b/web/public/imgs/skin/XQE2iyF0rj1558514269935.webp
new file mode 100644
index 00000000..62bd0525
Binary files /dev/null and b/web/public/imgs/skin/XQE2iyF0rj1558514269935.webp differ
diff --git a/web/public/imgs/skin/XYKqJZuMig1558430904735.jpg b/web/public/imgs/skin/XYKqJZuMig1558430904735.jpg
deleted file mode 100644
index 113afd9b..00000000
Binary files a/web/public/imgs/skin/XYKqJZuMig1558430904735.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/XYKqJZuMig1558430904735.webp b/web/public/imgs/skin/XYKqJZuMig1558430904735.webp
new file mode 100644
index 00000000..fc84957c
Binary files /dev/null and b/web/public/imgs/skin/XYKqJZuMig1558430904735.webp differ
diff --git a/web/public/imgs/skin/YP9PoW8pX51558434537301.jpg b/web/public/imgs/skin/YP9PoW8pX51558434537301.jpg
deleted file mode 100644
index 7596812b..00000000
Binary files a/web/public/imgs/skin/YP9PoW8pX51558434537301.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/YP9PoW8pX51558434537301.webp b/web/public/imgs/skin/YP9PoW8pX51558434537301.webp
new file mode 100644
index 00000000..14e88186
Binary files /dev/null and b/web/public/imgs/skin/YP9PoW8pX51558434537301.webp differ
diff --git a/web/public/imgs/skin/gY1JljCow21558434538303.jpg b/web/public/imgs/skin/gY1JljCow21558434538303.jpg
deleted file mode 100644
index 8f2b3502..00000000
Binary files a/web/public/imgs/skin/gY1JljCow21558434538303.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/gY1JljCow21558434538303.webp b/web/public/imgs/skin/gY1JljCow21558434538303.webp
new file mode 100644
index 00000000..58453785
Binary files /dev/null and b/web/public/imgs/skin/gY1JljCow21558434538303.webp differ
diff --git a/web/public/imgs/skin/icSlqsr0uZ1558514860875.jpg b/web/public/imgs/skin/icSlqsr0uZ1558514860875.jpg
deleted file mode 100644
index 47163d78..00000000
Binary files a/web/public/imgs/skin/icSlqsr0uZ1558514860875.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/icSlqsr0uZ1558514860875.webp b/web/public/imgs/skin/icSlqsr0uZ1558514860875.webp
new file mode 100644
index 00000000..54ce4053
Binary files /dev/null and b/web/public/imgs/skin/icSlqsr0uZ1558514860875.webp differ
diff --git a/web/public/imgs/skin/j8C2OBP7WK1558514268563.jpg b/web/public/imgs/skin/j8C2OBP7WK1558514268563.jpg
deleted file mode 100644
index e6dcb4b8..00000000
Binary files a/web/public/imgs/skin/j8C2OBP7WK1558514268563.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/j8C2OBP7WK1558514268563.webp b/web/public/imgs/skin/j8C2OBP7WK1558514268563.webp
new file mode 100644
index 00000000..b0b54099
Binary files /dev/null and b/web/public/imgs/skin/j8C2OBP7WK1558514268563.webp differ
diff --git a/web/public/imgs/skin/lE6PSclCcU1558434536703.jpg b/web/public/imgs/skin/lE6PSclCcU1558434536703.jpg
deleted file mode 100644
index 1041505f..00000000
Binary files a/web/public/imgs/skin/lE6PSclCcU1558434536703.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/lE6PSclCcU1558434536703.webp b/web/public/imgs/skin/lE6PSclCcU1558434536703.webp
new file mode 100644
index 00000000..0549559f
Binary files /dev/null and b/web/public/imgs/skin/lE6PSclCcU1558434536703.webp differ
diff --git a/web/public/imgs/skin/oOjHPbABdd1558434538864.jpg b/web/public/imgs/skin/oOjHPbABdd1558434538864.jpg
deleted file mode 100644
index c268435a..00000000
Binary files a/web/public/imgs/skin/oOjHPbABdd1558434538864.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/oOjHPbABdd1558434538864.webp b/web/public/imgs/skin/oOjHPbABdd1558434538864.webp
new file mode 100644
index 00000000..05eccfef
Binary files /dev/null and b/web/public/imgs/skin/oOjHPbABdd1558434538864.webp differ
diff --git a/web/public/imgs/skin/oVTedX9V4s1558430527671.jpg b/web/public/imgs/skin/oVTedX9V4s1558430527671.jpg
deleted file mode 100644
index 7a6b39b9..00000000
Binary files a/web/public/imgs/skin/oVTedX9V4s1558430527671.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/oVTedX9V4s1558430527671.webp b/web/public/imgs/skin/oVTedX9V4s1558430527671.webp
new file mode 100644
index 00000000..fcca88c2
Binary files /dev/null and b/web/public/imgs/skin/oVTedX9V4s1558430527671.webp differ
diff --git a/web/public/imgs/skin/q3uJoQhYsR1558514268877.jpg b/web/public/imgs/skin/q3uJoQhYsR1558514268877.jpg
deleted file mode 100644
index 31edc847..00000000
Binary files a/web/public/imgs/skin/q3uJoQhYsR1558514268877.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/q3uJoQhYsR1558514268877.webp b/web/public/imgs/skin/q3uJoQhYsR1558514268877.webp
new file mode 100644
index 00000000..a6b208a3
Binary files /dev/null and b/web/public/imgs/skin/q3uJoQhYsR1558514268877.webp differ
diff --git a/web/public/imgs/skin/sqYig4AcWr1558430525663.jpg b/web/public/imgs/skin/sqYig4AcWr1558430525663.jpg
deleted file mode 100644
index 6e17138c..00000000
Binary files a/web/public/imgs/skin/sqYig4AcWr1558430525663.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/sqYig4AcWr1558430525663.webp b/web/public/imgs/skin/sqYig4AcWr1558430525663.webp
new file mode 100644
index 00000000..126967b7
Binary files /dev/null and b/web/public/imgs/skin/sqYig4AcWr1558430525663.webp differ
diff --git a/web/public/imgs/skin/ujpUoWqhw31558430220124.jpg b/web/public/imgs/skin/ujpUoWqhw31558430220124.jpg
deleted file mode 100644
index 9dc804af..00000000
Binary files a/web/public/imgs/skin/ujpUoWqhw31558430220124.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/ujpUoWqhw31558430220124.webp b/web/public/imgs/skin/ujpUoWqhw31558430220124.webp
new file mode 100644
index 00000000..7c45a407
Binary files /dev/null and b/web/public/imgs/skin/ujpUoWqhw31558430220124.webp differ
diff --git a/web/public/imgs/skin/ykWLFV0QWj1558514861444.jpg b/web/public/imgs/skin/ykWLFV0QWj1558514861444.jpg
deleted file mode 100644
index dd0064d6..00000000
Binary files a/web/public/imgs/skin/ykWLFV0QWj1558514861444.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/ykWLFV0QWj1558514861444.webp b/web/public/imgs/skin/ykWLFV0QWj1558514861444.webp
new file mode 100644
index 00000000..0ea7b974
Binary files /dev/null and b/web/public/imgs/skin/ykWLFV0QWj1558514861444.webp differ
diff --git a/web/public/imgs/skin/zUtDv378bg1558434538351.jpg b/web/public/imgs/skin/zUtDv378bg1558434538351.jpg
deleted file mode 100644
index ced2f77b..00000000
Binary files a/web/public/imgs/skin/zUtDv378bg1558434538351.jpg and /dev/null differ
diff --git a/web/public/imgs/skin/zUtDv378bg1558434538351.webp b/web/public/imgs/skin/zUtDv378bg1558434538351.webp
new file mode 100644
index 00000000..d6559f29
Binary files /dev/null and b/web/public/imgs/skin/zUtDv378bg1558434538351.webp differ
diff --git a/web/src/management/components/logo.vue b/web/src/management/components/logo.vue
index dbbc2799..c39fb13b 100644
--- a/web/src/management/components/logo.vue
+++ b/web/src/management/components/logo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="navbar-main-logo" @click="toHomePage">
-    <img src="/imgs/s-logo.jpg" />
+    <img src="/imgs/s-logo.webp" />
   </div>
 </template>
 <script>
diff --git a/web/src/management/config/questionMenuConfig.js b/web/src/management/config/questionMenuConfig.js
index 5c459e30..f70c670b 100644
--- a/web/src/management/config/questionMenuConfig.js
+++ b/web/src/management/config/questionMenuConfig.js
@@ -1,21 +1,21 @@
 const menuItems = {
   text: {
     type: 'text',
-    snapshot: '/imgs/question-type-snapshot/iL84te6xxU1657702189333.png',
+    snapshot: '/imgs/question-type-snapshot/iL84te6xxU1657702189333.webp',
     path: 'InputModule',
     icon: 'tixing-danhangshuru',
     title: '单行输入框',
   },
   textarea: {
     type: 'textarea',
-    snapshot: '/imgs/question-type-snapshot/11iAo3ca0u1657702225416.png',
+    snapshot: '/imgs/question-type-snapshot/11iAo3ca0u1657702225416.webp',
     path: 'TextareaModule',
     icon: 'tixing-duohangshuru',
     title: '多行输入框',
   },
   radio: {
     type: 'radio',
-    snapshot: '/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.png',
+    snapshot: '/imgs/question-type-snapshot/TgeRDfURJZ1657702220602.webp',
     icon: 'tixing-danxuan',
     path: 'RadioModule',
     title: '单项选择',
@@ -23,20 +23,20 @@ const menuItems = {
   checkbox: {
     type: 'checkbox',
     path: 'CheckboxModule',
-    snapshot: '/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.png',
+    snapshot: '/imgs/question-type-snapshot/Md2YmzBBpV1657702223744.webp',
     icon: 'tixing-duoxuan',
     title: '多项选择',
   },
   'binary-choice': {
     type: 'binary-choice',
-    snapshot: '/imgs/question-type-snapshot/blW8U1ckzd1657702223023.png',
+    snapshot: '/imgs/question-type-snapshot/blW8U1ckzd1657702223023.webp',
     path: 'BinaryChoiceModule',
     icon: 'tixing-panduanti',
     title: '判断题',
   },
   'radio-star': {
     type: 'radio-star',
-    snapshot: '/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.png',
+    snapshot: '/imgs/question-type-snapshot/7CU6tn4XqT1657702221208.webp',
     path: 'StarModule',
     icon: 'tixing-pingfen',
     title: '评分',
@@ -44,7 +44,7 @@ const menuItems = {
   vote: {
     type: 'vote',
     path: 'VoteModule',
-    snapshot: '/imgs/question-type-snapshot/nGTscsZlwn1657702222857.png',
+    snapshot: '/imgs/question-type-snapshot/nGTscsZlwn1657702222857.webp',
     icon: 'tixing-toupiao',
     title: '投票',
   },
diff --git a/web/src/management/pages/analysis/index.vue b/web/src/management/pages/analysis/index.vue
index c8d6b1eb..64129e71 100644
--- a/web/src/management/pages/analysis/index.vue
+++ b/web/src/management/pages/analysis/index.vue
@@ -54,7 +54,7 @@ export default {
       noDataConfig: {
         title: '暂无数据',
         desc: '您的问卷当前还没有数据，快去回收问卷吧！',
-        img: '/imgs/icons/analysis-empty.png',
+        img: '/imgs/icons/analysis-empty.webp',
       },
       currentPage: 1,
       isShowOriginData: false,
diff --git a/web/src/management/pages/create/components/navHeader.vue b/web/src/management/pages/create/components/navHeader.vue
index 13fd9ea0..56be8f2d 100644
--- a/web/src/management/pages/create/components/navHeader.vue
+++ b/web/src/management/pages/create/components/navHeader.vue
@@ -19,7 +19,7 @@ export default {
   name: 'NavHeader',
   data() {
     return {
-      img: '/imgs/s-logo.jpg',
+      img: '/imgs/s-logo.webp',
     };
   },
   methods: {
diff --git a/web/src/management/pages/edit/modules/questionModule/components/bannerList.vue b/web/src/management/pages/edit/modules/questionModule/components/bannerList.vue
index 6166126a..99f3ec4a 100644
--- a/web/src/management/pages/edit/modules/questionModule/components/bannerList.vue
+++ b/web/src/management/pages/edit/modules/questionModule/components/bannerList.vue
@@ -15,6 +15,7 @@
           <img
             class="banner-img"
             :src="banner.src"
+            loading="lazy"
             @click="changeBanner(banner.src)"
           />
         </div>
@@ -51,6 +52,7 @@ export default {
     position: relative;
     margin-bottom: 10px;
     width: 100%;
+    min-height: 111px;
     cursor: pointer;
     transition: all 0.2s;
     &:hover {
diff --git a/web/src/management/pages/edit/modules/questionModule/setterPanel.vue b/web/src/management/pages/edit/modules/questionModule/setterPanel.vue
index 675e8940..0f290c42 100644
--- a/web/src/management/pages/edit/modules/questionModule/setterPanel.vue
+++ b/web/src/management/pages/edit/modules/questionModule/setterPanel.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="setter-wrapper">
     <div class="no-select-question" v-if="currentEditOne === null">
-      <img src="/imgs/icons/unselected.png" />
+      <img src="/imgs/icons/unselected.webp" />
       <h4 class="tipFont">选中题型可以编辑</h4>
       <span class="tip">来！试试看～</span>
     </div>
diff --git a/web/src/management/pages/edit/modules/settingModule/components/overTime.vue b/web/src/management/pages/edit/modules/settingModule/components/overTime.vue
index b48bb570..fbffbbd9 100755
--- a/web/src/management/pages/edit/modules/settingModule/components/overTime.vue
+++ b/web/src/management/pages/edit/modules/settingModule/components/overTime.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="over-time">
-    <img class="over-img" src="/imgs/icons/overtime.png" />
+    <img class="over-img" src="/imgs/icons/overtime.webp" />
     <p class="title-msg" v-safe-html="resultText"></p>
   </div>
 </template>
diff --git a/web/src/management/pages/edit/modules/settingModule/components/success.vue b/web/src/management/pages/edit/modules/settingModule/components/success.vue
index 538dd95b..9b272857 100644
--- a/web/src/management/pages/edit/modules/settingModule/components/success.vue
+++ b/web/src/management/pages/edit/modules/settingModule/components/success.vue
@@ -2,7 +2,7 @@
   <div class="suc-page">
     <div class="suc-content">
       <div class="title-box">
-        <img src="/imgs/icons/success.png" class="success-img" />
+        <img src="/imgs/icons/success.webp" class="success-img" />
         <div class="title-msg" v-safe-html="successText"></div>
       </div>
       <div class="bottom-btn"></div>
diff --git a/web/src/management/pages/edit/modules/settingModule/resultCatalog.vue b/web/src/management/pages/edit/modules/settingModule/resultCatalog.vue
index 696341da..5e20428f 100644
--- a/web/src/management/pages/edit/modules/settingModule/resultCatalog.vue
+++ b/web/src/management/pages/edit/modules/settingModule/resultCatalog.vue
@@ -25,12 +25,12 @@ export default {
         {
           type: EDIT_STATUS_MAP.SUCCESS,
           title: '提交成功',
-          previewImg: '/imgs/icons/success.png',
+          previewImg: '/imgs/icons/success.webp',
         },
         {
           type: EDIT_STATUS_MAP.OVERTIME,
           title: '问卷过期',
-          previewImg: '/imgs/icons/overtime.png',
+          previewImg: '/imgs/icons/overtime.webp',
         },
       ],
     };
diff --git a/web/src/management/pages/list/config/index.js b/web/src/management/pages/list/config/index.js
index 29a7b728..3b13e105 100644
--- a/web/src/management/pages/list/config/index.js
+++ b/web/src/management/pages/list/config/index.js
@@ -56,13 +56,13 @@ export const fieldConfig = {
 export const noListDataConfig = {
   title: '您还没有创建问卷',
   desc: '赶快点击右上角立即创建问卷吧！',
-  img: '/imgs/icons/list-empty.png',
+  img: '/imgs/icons/list-empty.webp',
 };
 
 export const noSearchDataConfig = {
   title: '没有满足该查询条件的问卷哦',
   desc: '可以更换条件查询试试',
-  img: '/imgs/icons/list-empty.png',
+  img: '/imgs/icons/list-empty.webp',
 };
 
 export const statusMaps = {
diff --git a/web/src/management/pages/list/index.vue b/web/src/management/pages/list/index.vue
index a8321f4d..5723fe7c 100644
--- a/web/src/management/pages/list/index.vue
+++ b/web/src/management/pages/list/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="question-list-root">
     <div class="login-status">
-      <img class="logo-img" src="/imgs/Logo.jpg" alt="logo" />
+      <img class="logo-img" src="/imgs/Logo.webp" alt="logo" />
       <div class="login-info">
         您好，{{ userInfo?.username }}
-        <img class="login-info-img" src="/imgs/avatar.png" />
+        <img class="login-info-img" src="/imgs/avatar.webp" />
         <span class="logout" @click="handleLogout">退出</span>
       </div>
     </div>
diff --git a/web/src/management/pages/login/index.vue b/web/src/management/pages/login/index.vue
index 06e9af9e..bebbff12 100644
--- a/web/src/management/pages/login/index.vue
+++ b/web/src/management/pages/login/index.vue
@@ -2,12 +2,12 @@
   <div
     class="login-page"
     :style="{
-      background: `url('/imgs/create/background.jpg') no-repeat bottom right`,
+      background: `url('/imgs/create/background.webp') no-repeat bottom right`,
       'background-size': 'cover',
     }"
   >
     <div class="login-top">
-      <img src="/imgs/Logo.jpg" alt="logo" />
+      <img src="/imgs/Logo.webp" alt="logo" />
       <span>您好，请登录</span>
     </div>
     <div class="login-box">
diff --git a/web/src/management/pages/publishResult/index.vue b/web/src/management/pages/publishResult/index.vue
index 62db7105..4f7fbb5a 100644
--- a/web/src/management/pages/publishResult/index.vue
+++ b/web/src/management/pages/publishResult/index.vue
@@ -41,9 +41,9 @@ export default {
       noDataConfig: {
         title: '问卷未发布',
         desc: '点击发布后，问卷就可以对外投放了哦！',
-        img: '/imgs/icons/unpublished.png',
+        img: '/imgs/icons/unpublished.webp',
       },
-      phoneBg: '/imgs/phone-bg.png',
+      phoneBg: '/imgs/phone-bg.webp',
     };
   },
   async created() {
diff --git a/web/src/render/pages/emptyPage.vue b/web/src/render/pages/emptyPage.vue
index fba44956..afed6c30 100644
--- a/web/src/render/pages/emptyPage.vue
+++ b/web/src/render/pages/emptyPage.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <img src="/imgs/nodata.png" alt="" class="ui-404"> 
+    <img src="/imgs/nodata.webp" alt="" class="ui-404"> 
     <div class="ui-title">     
       <div class="ui-maintitle">问卷找不到啦~</div>     
     </div>
diff --git a/web/src/render/pages/errorPage.vue b/web/src/render/pages/errorPage.vue
index 1d7e5aa2..a8ebc3e0 100755
--- a/web/src/render/pages/errorPage.vue
+++ b/web/src/render/pages/errorPage.vue
@@ -10,7 +10,7 @@ export default {
   data() {
     return {
       imageMap: {
-        overTime: '/imgs/icons/overtime.png',
+        overTime: '/imgs/icons/overtime.webp',
       },
     };
   },
diff --git a/web/src/render/pages/successPage.vue b/web/src/render/pages/successPage.vue
index 9fed5e4c..96365ab3 100644
--- a/web/src/render/pages/successPage.vue
+++ b/web/src/render/pages/successPage.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="result-page">
     <div class="result-content">
-      <img src="/imgs/icons/success.png" />
+      <img src="/imgs/icons/success.webp" />
       <div class="msg" v-safe-html="successMsg"></div>
     </div>
   </div>