diff --git a/public/img/bash/app_icon.webp b/public/img/bash/app_icon.webp
new file mode 100644
index 0000000..153ac20
Binary files /dev/null and b/public/img/bash/app_icon.webp differ
diff --git a/public/img/bash/note_icon.webp b/public/img/bash/note_icon.webp
new file mode 100644
index 0000000..29bb0b8
Binary files /dev/null and b/public/img/bash/note_icon.webp differ
diff --git a/public/img/bitchute.webp b/public/img/bitchute.webp
new file mode 100644
index 0000000..7285b94
Binary files /dev/null and b/public/img/bitchute.webp differ
diff --git a/public/img/discord.webp b/public/img/discord.webp
new file mode 100644
index 0000000..868cabb
Binary files /dev/null and b/public/img/discord.webp differ
diff --git a/public/img/favicon.webp b/public/img/favicon.webp
new file mode 100644
index 0000000..2b5632d
Binary files /dev/null and b/public/img/favicon.webp differ
diff --git a/resources/img/header.png b/public/img/header.jpg
similarity index 100%
rename from resources/img/header.png
rename to public/img/header.jpg
diff --git a/public/img/header.webp b/public/img/header.webp
new file mode 100644
index 0000000..1366e27
Binary files /dev/null and b/public/img/header.webp differ
diff --git a/public/img/keromayokatta.webp b/public/img/keromayokatta.webp
new file mode 100644
index 0000000..75e8795
Binary files /dev/null and b/public/img/keromayokatta.webp differ
diff --git a/public/img/niconico.webp b/public/img/niconico.webp
new file mode 100644
index 0000000..87e8c5f
Binary files /dev/null and b/public/img/niconico.webp differ
diff --git a/public/img/twitter.webp b/public/img/twitter.webp
new file mode 100644
index 0000000..4048bf4
Binary files /dev/null and b/public/img/twitter.webp differ
diff --git a/public/img/youtube.webp b/public/img/youtube.webp
new file mode 100644
index 0000000..a046eb3
Binary files /dev/null and b/public/img/youtube.webp differ
diff --git a/public/manifest.json b/public/manifest.json
index 342e52e..7b658eb 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -4,7 +4,7 @@
  "start_url": "/",
  "display": "standalone",
  "background_color": "#232629",
- "theme-color": "#3DAEE9",
+ "theme_color": "#3DAEE9",
  "icons": [
   {
    "src": "\/android-icon-36x36.png",
diff --git a/resources/img/bash/app_icon.webp b/resources/img/bash/app_icon.webp
new file mode 100644
index 0000000..153ac20
Binary files /dev/null and b/resources/img/bash/app_icon.webp differ
diff --git a/resources/img/bash/note_icon.webp b/resources/img/bash/note_icon.webp
new file mode 100644
index 0000000..29bb0b8
Binary files /dev/null and b/resources/img/bash/note_icon.webp differ
diff --git a/resources/img/bitchute.webp b/resources/img/bitchute.webp
new file mode 100644
index 0000000..7285b94
Binary files /dev/null and b/resources/img/bitchute.webp differ
diff --git a/resources/img/discord.webp b/resources/img/discord.webp
new file mode 100644
index 0000000..868cabb
Binary files /dev/null and b/resources/img/discord.webp differ
diff --git a/resources/img/favicon.webp b/resources/img/favicon.webp
new file mode 100644
index 0000000..2b5632d
Binary files /dev/null and b/resources/img/favicon.webp differ
diff --git a/resources/img/header.jpg b/resources/img/header.jpg
new file mode 100755
index 0000000..429516c
Binary files /dev/null and b/resources/img/header.jpg differ
diff --git a/resources/img/header.webp b/resources/img/header.webp
new file mode 100644
index 0000000..1366e27
Binary files /dev/null and b/resources/img/header.webp differ
diff --git a/resources/img/keromayokatta.webp b/resources/img/keromayokatta.webp
new file mode 100644
index 0000000..75e8795
Binary files /dev/null and b/resources/img/keromayokatta.webp differ
diff --git a/resources/img/niconico.webp b/resources/img/niconico.webp
new file mode 100644
index 0000000..87e8c5f
Binary files /dev/null and b/resources/img/niconico.webp differ
diff --git a/resources/img/twitter.webp b/resources/img/twitter.webp
new file mode 100644
index 0000000..4048bf4
Binary files /dev/null and b/resources/img/twitter.webp differ
diff --git a/resources/img/youtube.webp b/resources/img/youtube.webp
new file mode 100644
index 0000000..a046eb3
Binary files /dev/null and b/resources/img/youtube.webp differ
diff --git a/resources/js/components/bash.vue b/resources/js/components/bash.vue
index f8730e5..18a3377 100644
--- a/resources/js/components/bash.vue
+++ b/resources/js/components/bash.vue
@@ -1,6 +1,6 @@
 <template>
   <span>
-    <a href="#" @click="show = true"><img src="/img/bash/app_icon.png" width="50" height="50" alt="ロリ端末" /></a>
+    <a href="#" @click="show = true"><img src="/img/bash/app_icon.webp" width="50" height="50" alt="ロリ端末" /></a>
     <span v-if="show">
       <vue-draggable-resizable style="border: 0px solid #232629;" :drag-handle="'.drag-handle'" class-name-handle="resize-handle" class="konsoleuser" :x="-50" :y="-100" :z="99999999">
         <div style="width: 100%; position: relative;">
@@ -56,16 +56,6 @@
 </script>
 
 <style scoped>
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
   .konsole {
     width: 600px;
     height: 358px;
diff --git a/resources/js/components/discord.vue b/resources/js/components/discord.vue
index 1d8b8f9..cc62a17 100644
--- a/resources/js/components/discord.vue
+++ b/resources/js/components/discord.vue
@@ -54,16 +54,6 @@
 </script>
 
 <style scoped>
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
   .konsole {
     width: 600px;
     height: 358px;
diff --git a/resources/js/components/note.vue b/resources/js/components/note.vue
index 15dcfa9..1549675 100644
--- a/resources/js/components/note.vue
+++ b/resources/js/components/note.vue
@@ -1,6 +1,6 @@
 <template>
   <span>
-    <a href="#" @click="show = true"><img src="/img/bash/note_icon.png" width="50" height="50" alt="ショタノート" /></a>
+    <a href="#" @click="show = true"><img src="/img/bash/note_icon.webp" width="50" height="50" alt="ショタノート" /></a>
     <span v-if="show">
       <vue-draggable-resizable style="border: 0px solid #232629;" :drag-handle="'.drag-handle'" class-name-handle="resize-handle" class="shotanote" :x="50" :y="-100" :z="99999999">
         <div style="width: 100%; position: relative;">
@@ -57,16 +57,6 @@
 </script>
 
 <style scoped>
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
   .konsole {
     width: 600px;
     height: 358px;
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 69a57f1..9083ab5 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -42,152 +42,6 @@
     right: 16px;
   }
 
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
-  .konsole {
-    display: none;
-    width: 600px;
-    height: 358px;
-    margin: auto;
-    color: #fcfcfc;
-  }
-
-  .konsole_top_left {
-    height: 30px;
-    width: 30px;
-    background: url('/img/bash/top_left.png') no-repeat;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-  .konsole_top {
-    height: 30px;
-    background: url('/img/bash/top_bg.png') repeat-x;
-    position: absolute;
-    top: 0;
-    left: 30px;
-    width: 496px;
-    padding-top: 7px;
-    padding-right: 30px;
-    text-align: center;
-    font-weight: bold;
-    cursor: move;
-  }
-
-  .konsole_top_right {
-    height: 30px;
-    width: 28px;
-    background: url('/img/bash/top_right.png') no-repeat;
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-
-  .konsole_top_right:hover {
-    background: url('/img/bash/top_right_hover.png') no-repeat;
-    cursor: default;
-  }
-
-  .konsole_top_max {
-    height: 30px;
-    width: 23px;
-    background: url('/img/bash/top_max.png') no-repeat;
-    position: absolute;
-    top: 0;
-    right: 28px;
-  }
-
-  .konsole_top_max:hover {
-    background: url('/img/bash/top_max_hover.png') no-repeat;
-    cursor: default;
-  }
-
-  .konsole_top_min {
-    height: 30px;
-    width: 23px;
-    background: url('/img/bash/top_min.png') no-repeat;
-    position: absolute;
-    top: 0;
-    right: 51px;
-  }
-
-  .konsole_top_min:hover {
-    background: url('/img/bash/top_min_hover.png') no-repeat;
-    cursor: default;
-  }
-
-  .konsole_left {
-    width: 2px;
-    background: url('/img/bash/left_bg.png') repeat-y;
-    position: absolute;
-    top: 30px;
-    left: 0;
-    height: 325px;
-  }
-
-  .konsoleuser { background: url('/img/bash/user_bg.png') repeat; }
-  .konsoleroot { background: url('/img/bash/root_bg.png') repeat; }
-
-  .konsoleuser, .konsoleroot {
-    background-size: cover;
-    backdrop-filter: blur(17px);
-    font-family: "Lucida Console", Monospace, "DejaVu Sans Mono", "Courier New", MiscFixed;
-    font-size: 12px;
-    color: #fcfcfc;
-    overflow: auto;
-    position: absolute;
-    top: 30px;
-    left: 2px;
-    height: 326px;
-    width: 596px;
-    padding: 5px;
-  }
-
-  .konsole_right {
-    width: 2px;
-    background: url('/img/bash/right_bg.png') repeat-y;
-    position: absolute;
-    height: 325px;
-    top: 30px;
-    right: 0;
-  }
-
-  .konsole_bottom_left {
-    width: 3px;
-    height: 3px;
-    background: url('/img/bash/bottom_left.png') no-repeat;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-  }
-
-  .konsole_bottom {
-    height: 2px;
-    background: url('/img/bash/bottom_bg.png') repeat-x;
-    position: absolute;
-    bottom: 0;
-    left: 2px;
-    width: 595px;
-  }
-
-  .konsole_bottom_right {
-    height: 3px;
-    width: 3px;
-    background: url('/img/bash/bottom_right.png') no-repeat;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-  }
-
   /// Stroke font-character
   /// @param  {Integer} $stroke - Stroke width
   /// @param  {Color}   $color  - Stroke color
diff --git a/resources/views/layouts/site.blade.php b/resources/views/layouts/site.blade.php
index 54954b9..ade65c6 100644
--- a/resources/views/layouts/site.blade.php
+++ b/resources/views/layouts/site.blade.php
@@ -45,7 +45,7 @@
       <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="hide-smaho">
-      <a href="#" class="navbar-brand"><img src="/img/favicon.jpeg" style="border-radius: 4px;" width="30" height="30" alt="favicon" /></a>
+      <a href="#" class="navbar-brand"><img src="/img/favicon.webp" style="border-radius: 4px;" width="30" height="30" alt="favicon" /></a>
       <ul class="navbar-nav mr-auto">
         <li class="nav-item"><a class="nav-link{{ (strpos($_SERVER['REQUEST_URI'], '/blog') !== false || $_SERVER['REQUEST_URI'] == '/' ? ' active' : '') }}" href="/">トップ</a></li>
         <li class="nav-item"><a class="nav-link{{ ($_SERVER['REQUEST_URI'] == '/passman' ? ' active' : '') }}" href="#">パスマン</a></li>
@@ -79,13 +79,13 @@
     <div class="container">
       <div class="row" style="padding: 32px 0;">
         <div class="col">
-          <img class="img-fluid logo-img" src="/img/header.png" alt="ヘッダー" />
+          <img class="img-fluid logo-img" src="/img/header.webp" alt="ヘッダー" />
           <div class="logo-c">テクニカル諏訪子</div>
           <div class="logo-br">
-            <div class="logo-sns"><a href="https://www.youtube.com/user/UltimatePisman" alt="ユーチューブ"><img src="/img/youtube.png" alt="ユーチューブのロゴ" /></a></div>
-            <div class="logo-sns"><a href="https://www.nicovideo.jp/user/14848316" alt="ニコニコ動画"><img src="/img/niconico.png" alt="ニコニコ動画のロゴ" /></a></div>
-            <div class="logo-sns"><a href="https://www.bitchute.com/channel/technicalsuwako" alt="ビットチュート"><img src="/img/bitchute.png" alt="ビットチュートのロゴ" /></a></div>
-            <div class="logo-sns"><a href="https://www.twitter.com/TechnicalSuwako" alt="ツイッター"><img src="/img/twitter.png" alt="ツイッターのロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.youtube.com/user/UltimatePisman" alt="ユーチューブ"><img src="/img/youtube.webp" alt="ユーチューブのロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.nicovideo.jp/user/14848316" alt="ニコニコ動画"><img src="/img/niconico.webp" alt="ニコニコ動画のロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.bitchute.com/channel/technicalsuwako" alt="ビットチュート"><img src="/img/bitchute.webp" alt="ビットチュートのロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.twitter.com/TechnicalSuwako" alt="ツイッター"><img src="/img/twitter.webp" alt="ツイッターのロゴ" /></a></div>
             <div class="logo-sns"><discord /></div>
           </div>
         </div>