diff --git a/public/assets/images/avatar.webp b/public/assets/images/avatar.webp
new file mode 100644
index 0000000..c237894
Binary files /dev/null and b/public/assets/images/avatar.webp differ
diff --git a/public/index.html b/public/index.html
index 34e0aef..21814f2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,9 +5,17 @@
     <meta charset="utf-8">
     <link rel="shortcut icon" href="assets/images/favicon.ico">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"
-        integrity="sha256-46r060N2LrChLLb5zowXQ72/iKKNiw/lAmygmHExk/o=" crossorigin="anonymous" />
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet"
+        media="print" onload="this.media='all'">
+    <link rel="stylesheet" media="print" onload="this.media='all'"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/solid.min.css"
+        integrity="sha256-elwTic/hrLFWZpWpMWzaj9CYIM49JCrvGtXZ8sNATAA=" crossorigin="anonymous" />
+    <link rel="stylesheet" media="print" onload="this.media='all'"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/brands.min.css"
+        integrity="sha256-CbcoUUjz1QzebpgpIS/rCQMdgM6+osnLRc6ompg28Fo=" crossorigin="anonymous" />
+    <link rel="stylesheet" media="print" onload="this.media='all'"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/fontawesome.min.css"
+        integrity="sha256-CaAu1oJhcLBPo4TnfEZ8fdP+O4mpoVBQ6zyZCs2x7+o=" crossorigin="anonymous" />
     <title>yude.moe</title>
     <style>
         body {
@@ -120,7 +128,11 @@
 </head>
 
 <body>
-    <img src="assets/images/avatar.jpg" style="width:200px; border-radius: 50%" class="load">
+    <picture>
+        <source style="width:200px; border-radius: 50%" class="load" type="image/webp"
+            srcset="assets/images/avatar.webp">
+        <img src="assets/images/avatar.jpg" style="width:200px; border-radius: 50%" class="load">
+    </picture>
     <h1>yude.moe</h1>
     <h3>こんにちは～～</h3>
     <div style="margin-top: 20px; margin-left: -17px" class="flex">
