diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index e12237a..04b22eb 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -66,7 +66,7 @@ async function submit() {
     <div class="champion-container">
         <NuxtLink style="width: fit-content; height: fit-content;" v-for="champion in filteredChampions" :to="'/champion/' + champion.alias.toLowerCase()">
         <div class="cs-champion-img-container">
-        <NuxtImg class="cs-champion-img" :src="CDRAGON_BASE + mapPath(champion.squarePortraitPath)" :alt="champion.name"/>
+        <NuxtImg format="webp" class="cs-champion-img" :src="CDRAGON_BASE + mapPath(champion.squarePortraitPath)" :alt="champion.name"/>
         </div>
         </NuxtLink>
     </div>