compress images

src/assets/base.css

@@ -88,6 +88,6 @@ body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-image: url("@/assets/forest.png");
+  background-image: url("@/assets/images/forest.png");
   background-size: cover;
 }

src/components/BeltBlock.vue

@@ -14,7 +14,7 @@
 .belt-block {
   height: 100%;
   background-color: rgb(0, 0, 0);
-  background-image: url("@/assets/belt.png");
+  background-image: url("@/assets/images/belt.png");
   background-size: cover;
   position: relative;
 }

src/components/BeltMiniBlock.vue

@@ -12,7 +12,7 @@
 <style scoped>
 .belt-block {
   height: 100%;
-  background-image: url("@/assets/belt_mini.png");
+  background-image: url("@/assets/images/belt_mini.png");
   background-size: cover;
   position: relative;
 }

src/components/GameHeader.vue

@@ -10,7 +10,7 @@ import MetalPlate from './MetalPlate.vue';
     <div class="center">
       <MetalPlate class="controller-metal controller-metal-left"></MetalPlate>
       <MetalPlate class="controller-metal controller-metal-right"></MetalPlate>
-      <img alt="Вечерний детектив" class="logo" src="@/assets/logo_belt.png" />
+      <img alt="Вечерний детектив" class="logo" src="@/assets/images/logo_belt.png" />
       <BeltMiniBlock class="belt-mini"></BeltMiniBlock>
       <BeltBlock class="belt">
         <div class="position-right-center-block">

src/components/GameInputForm.vue

@@ -101,7 +101,7 @@ async function addAction() {
   height: 100%;
   width: 100%;
   padding-left: 27px;
-  background-image: url("@/assets/input_center.png");
+  background-image: url("@/assets/images/input_center.png");
   background-size: cover;
   border: 0;
   font-size: 18px;
@@ -128,7 +128,7 @@ async function addAction() {
 }
 
 .game-button-run {
-  background-image: url("@/assets/button.png");
+  background-image: url("@/assets/images/button.png");
   background-size: cover;
   font-size: 1.5em;
   position: absolute;

src/components/GameWindow.vue

@@ -178,7 +178,7 @@ onMounted(() => {
   background-repeat: no-repeat;
   overflow: hidden;
 
-  background-image: url("@/assets/stop.png");
+  background-image: url("@/assets/images/stop.png");
   background-size: cover;
 }
 

src/components/MessageCloud.vue

@@ -79,7 +79,7 @@ async function letsgo(place: string) {
   width: 45px;
   height: 28px;
   cursor: pointer;
-  background-image: url("@/assets/collapse.png");
+  background-image: url("@/assets/images/collapse.png");
   background-size: cover;
   background-position: center;
 }
@@ -98,7 +98,7 @@ async function letsgo(place: string) {
   float: left;
   padding: 7px;
   margin-right: 15px;
-  background-image: url("@/assets/paper_white.jpg");
+  background-image: url("@/assets/images/paper_white.jpg");
   background-size: cover;
   box-shadow: 0px 3px 15px rgb(98, 98, 98);
   transform: rotate(-3deg);
@@ -115,7 +115,7 @@ async function letsgo(place: string) {
   font-size: 16px;
   margin-top: 10px;
   margin-right: 10px;
-  background-image: url("@/assets/belt.png");
+  background-image: url("@/assets/images/belt.png");
   background-size: cover;
   color: #bfa07d;
 }
@@ -132,7 +132,7 @@ async function letsgo(place: string) {
 }
 
 .application-label {
-  background-image: url("@/assets/label.png");
+  background-image: url("@/assets/images/label.png");
   background-size: cover;
   width: 30px;
   height: 52px;

src/components/MessagePaper.vue

@@ -36,7 +36,7 @@
 .message-cloud-2,
 .message-cloud-3 {
   border-radius: 5px;
-  background-image: url("@/assets/paper.jpg");
+  background-image: url("@/assets/images/paper.jpg");
   background-size: cover;
   display: flow-root;
   box-shadow: 0px 0 5px black;

src/components/MetalPlate.vue

@@ -22,7 +22,7 @@
 
 .metal-plate-block {
   height: 100%;
-  background-image: url("@/assets/metal.png");
+  background-image: url("@/assets/images/metal.png");
   background-size: cover;
   position: relative;
   border-radius: 4px;
@@ -32,7 +32,7 @@
   width: 7px;
   height: 7px;
   position: absolute;
-  background-image: url("@/assets/pin.png");
+  background-image: url("@/assets/images/pin.png");
   background-size: cover;
 }