diff --git a/layouts/partials/section-app-header.html b/layouts/partials/section-app-header.html
index b090539..da51e41 100644
--- a/layouts/partials/section-app-header.html
+++ b/layouts/partials/section-app-header.html
@@ -20,7 +20,7 @@
             <br>
         </div>
         <div class="column col2-3 center flex">
-            <img class="vertical-center-img" alt="{{ $i18nAppData.name | safeHTML }} preview" src="/img/full/{{ .AppIndex }}.png"/>
+            <img class="vertical-center-img" alt="{{ $i18nAppData.name | safeHTML }} preview" src="/img/full/{{ .AppIndex }}.webp"/>
         </div>
     </div>
     <div class="section-end-triangle"></div>