diff --git a/src/lib/components/extra/profile.svelte b/src/lib/components/extra/profile.svelte
index 12166973..69b454b9 100644
--- a/src/lib/components/extra/profile.svelte
+++ b/src/lib/components/extra/profile.svelte
@@ -19,10 +19,10 @@
     <div class="rounded-full border-2 border-white shadow-xl w-16 h-16">
       <img
         class="hover:rotate-[360deg] transition-transform duration-1000 ease-in-out m-0"
-        src={avatar ?? site.author.avatar}
         alt={name ?? site.author.name}
         loading="lazy"
-        decoding="async" />
+        decoding="async" 
+        src="/assets/any@192.png"/>
     </div>
   </div>
   {#if subname}
diff --git a/src/lib/components/index_profile.svelte b/src/lib/components/index_profile.svelte
index 7cccfa07..2acf264b 100644
--- a/src/lib/components/index_profile.svelte
+++ b/src/lib/components/index_profile.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { site } from '$lib/config/site'
-  import { src, width, height } from '/static/assets/any@512.png?width=384&metadata'
-  import srcset from '/static/assets/any@512.png?w=48;96;192&srcset'
+  import { src, width, height } from '/static/assets/avatar.jpg?width=384&metadata'
+  import srcset from '/static/assets/avatar.jpg?w=48;96;192&srcset'
 </script>
 
 <div
@@ -9,7 +9,7 @@
   <a href={site.protocol + site.domain} class="hidden u-url u-uid">{site.author.name}</a>
   <figure class="relative mx-auto group">
     <picture>
-      <source {srcset} type="image/avif" />
+      <source {srcset} type="image/jpg" />
       <img
         class="u-photo rounded-full shadow-xl transition-shadow z-10 w-24 h-24 md:w-32 md:h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out"
         {src}