diff --git a/env.d.ts b/env.d.ts
index d96c1cf..b930a3f 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -17,3 +17,13 @@ declare module '*.png' {
   const src: string
   export default src
 }
+
+declare module '*.jpg' {
+  const src: string
+  export default src
+}
+
+declare module '*.webp' {
+  const src: string
+  export default src
+}
diff --git a/src/assets/icons/castle-gold-land.png b/src/assets/icons/castle-gold-land.png
deleted file mode 100644
index 09b2703..0000000
Binary files a/src/assets/icons/castle-gold-land.png and /dev/null differ
diff --git a/src/assets/icons/castle-gold-land.webp b/src/assets/icons/castle-gold-land.webp
new file mode 100644
index 0000000..85f38a4
Binary files /dev/null and b/src/assets/icons/castle-gold-land.webp differ
diff --git a/src/assets/illustrations/bank-building.png b/src/assets/illustrations/bank-building.png
deleted file mode 100644
index ee9d0af..0000000
Binary files a/src/assets/illustrations/bank-building.png and /dev/null differ
diff --git a/src/assets/illustrations/bank-building.webp b/src/assets/illustrations/bank-building.webp
new file mode 100644
index 0000000..e2ba50e
Binary files /dev/null and b/src/assets/illustrations/bank-building.webp differ
diff --git a/src/assets/illustrations/cart-icon.png b/src/assets/illustrations/cart-icon.png
deleted file mode 100644
index 67e93f1..0000000
Binary files a/src/assets/illustrations/cart-icon.png and /dev/null differ
diff --git a/src/assets/illustrations/cart-icon.webp b/src/assets/illustrations/cart-icon.webp
new file mode 100644
index 0000000..f6af3ef
Binary files /dev/null and b/src/assets/illustrations/cart-icon.webp differ
diff --git a/src/assets/illustrations/cash-bundle.png b/src/assets/illustrations/cash-bundle.png
deleted file mode 100644
index 7b413f8..0000000
Binary files a/src/assets/illustrations/cash-bundle.png and /dev/null differ
diff --git a/src/assets/illustrations/cash-bundle.webp b/src/assets/illustrations/cash-bundle.webp
new file mode 100644
index 0000000..4c13052
Binary files /dev/null and b/src/assets/illustrations/cash-bundle.webp differ
diff --git a/src/assets/illustrations/challenge-banner.png b/src/assets/illustrations/challenge-banner.png
deleted file mode 100644
index 32b4b6b..0000000
Binary files a/src/assets/illustrations/challenge-banner.png and /dev/null differ
diff --git a/src/assets/illustrations/challenge-banner.webp b/src/assets/illustrations/challenge-banner.webp
new file mode 100644
index 0000000..b16d350
Binary files /dev/null and b/src/assets/illustrations/challenge-banner.webp differ
diff --git a/src/assets/illustrations/coin-large.png b/src/assets/illustrations/coin-large.png
deleted file mode 100644
index d13d459..0000000
Binary files a/src/assets/illustrations/coin-large.png and /dev/null differ
diff --git a/src/assets/illustrations/coin-large.webp b/src/assets/illustrations/coin-large.webp
new file mode 100644
index 0000000..613aeee
Binary files /dev/null and b/src/assets/illustrations/coin-large.webp differ
diff --git a/src/assets/illustrations/coins-stack.png b/src/assets/illustrations/coins-stack.png
deleted file mode 100644
index 41886ac..0000000
Binary files a/src/assets/illustrations/coins-stack.png and /dev/null differ
diff --git a/src/assets/illustrations/coins-stack.webp b/src/assets/illustrations/coins-stack.webp
new file mode 100644
index 0000000..44849c7
Binary files /dev/null and b/src/assets/illustrations/coins-stack.webp differ
diff --git a/src/assets/illustrations/friends-icon.png b/src/assets/illustrations/friends-icon.png
deleted file mode 100644
index be04eed..0000000
Binary files a/src/assets/illustrations/friends-icon.png and /dev/null differ
diff --git a/src/assets/illustrations/friends-icon.webp b/src/assets/illustrations/friends-icon.webp
new file mode 100644
index 0000000..f3b1654
Binary files /dev/null and b/src/assets/illustrations/friends-icon.webp differ
diff --git a/src/assets/illustrations/game-gold-chart.png b/src/assets/illustrations/game-gold-chart.png
deleted file mode 100644
index 5f52390..0000000
Binary files a/src/assets/illustrations/game-gold-chart.png and /dev/null differ
diff --git a/src/assets/illustrations/game-gold-chart.webp b/src/assets/illustrations/game-gold-chart.webp
new file mode 100644
index 0000000..9f00796
Binary files /dev/null and b/src/assets/illustrations/game-gold-chart.webp differ
diff --git a/src/assets/illustrations/game-inflation.png b/src/assets/illustrations/game-inflation.png
deleted file mode 100644
index a55dd60..0000000
Binary files a/src/assets/illustrations/game-inflation.png and /dev/null differ
diff --git a/src/assets/illustrations/game-inflation.webp b/src/assets/illustrations/game-inflation.webp
new file mode 100644
index 0000000..2ff8975
Binary files /dev/null and b/src/assets/illustrations/game-inflation.webp differ
diff --git a/src/assets/illustrations/game-investor.png b/src/assets/illustrations/game-investor.png
deleted file mode 100644
index 4d01354..0000000
Binary files a/src/assets/illustrations/game-investor.png and /dev/null differ
diff --git a/src/assets/illustrations/game-investor.webp b/src/assets/illustrations/game-investor.webp
new file mode 100644
index 0000000..acb700e
Binary files /dev/null and b/src/assets/illustrations/game-investor.webp differ
diff --git a/src/assets/illustrations/game-piggy.png b/src/assets/illustrations/game-piggy.png
deleted file mode 100644
index 7e22905..0000000
Binary files a/src/assets/illustrations/game-piggy.png and /dev/null differ
diff --git a/src/assets/illustrations/game-piggy.webp b/src/assets/illustrations/game-piggy.webp
new file mode 100644
index 0000000..531db07
Binary files /dev/null and b/src/assets/illustrations/game-piggy.webp differ
diff --git a/src/assets/illustrations/game-portfolio.png b/src/assets/illustrations/game-portfolio.png
deleted file mode 100644
index 49e4f02..0000000
Binary files a/src/assets/illustrations/game-portfolio.png and /dev/null differ
diff --git a/src/assets/illustrations/game-portfolio.webp b/src/assets/illustrations/game-portfolio.webp
new file mode 100644
index 0000000..f93b0a7
Binary files /dev/null and b/src/assets/illustrations/game-portfolio.webp differ
diff --git a/src/assets/illustrations/game-shopping.png b/src/assets/illustrations/game-shopping.png
deleted file mode 100644
index d517911..0000000
Binary files a/src/assets/illustrations/game-shopping.png and /dev/null differ
diff --git a/src/assets/illustrations/game-shopping.webp b/src/assets/illustrations/game-shopping.webp
new file mode 100644
index 0000000..4c10bf7
Binary files /dev/null and b/src/assets/illustrations/game-shopping.webp differ
diff --git a/src/assets/illustrations/gamepad-icon.png b/src/assets/illustrations/gamepad-icon.png
deleted file mode 100644
index f40c90b..0000000
Binary files a/src/assets/illustrations/gamepad-icon.png and /dev/null differ
diff --git a/src/assets/illustrations/gamepad-icon.webp b/src/assets/illustrations/gamepad-icon.webp
new file mode 100644
index 0000000..3266698
Binary files /dev/null and b/src/assets/illustrations/gamepad-icon.webp differ
diff --git a/src/assets/illustrations/gold-bars-stack.png b/src/assets/illustrations/gold-bars-stack.png
deleted file mode 100644
index a0be174..0000000
Binary files a/src/assets/illustrations/gold-bars-stack.png and /dev/null differ
diff --git a/src/assets/illustrations/gold-bars-stack.webp b/src/assets/illustrations/gold-bars-stack.webp
new file mode 100644
index 0000000..b677412
Binary files /dev/null and b/src/assets/illustrations/gold-bars-stack.webp differ
diff --git a/src/assets/illustrations/home-hero-bg.jpg b/src/assets/illustrations/home-hero-bg.jpg
deleted file mode 100644
index 9f35d00..0000000
Binary files a/src/assets/illustrations/home-hero-bg.jpg and /dev/null differ
diff --git a/src/assets/illustrations/home-hero-bg.png b/src/assets/illustrations/home-hero-bg.png
deleted file mode 100644
index 019a82e..0000000
Binary files a/src/assets/illustrations/home-hero-bg.png and /dev/null differ
diff --git a/src/assets/illustrations/home-hero-bg.webp b/src/assets/illustrations/home-hero-bg.webp
new file mode 100644
index 0000000..273a72f
Binary files /dev/null and b/src/assets/illustrations/home-hero-bg.webp differ
diff --git a/src/assets/illustrations/index.ts b/src/assets/illustrations/index.ts
index 5f06e20..1d848e3 100644
--- a/src/assets/illustrations/index.ts
+++ b/src/assets/illustrations/index.ts
@@ -1,36 +1,36 @@
 import heroExplorer from './hero-explorer.svg'
-import treasureChest from './treasure-chest.png'
-import professor from './professor.png'
-import bankBuilding from './bank-building.png'
-import phoneIcon from './phone-icon.png'
+import treasureChest from './treasure-chest.webp'
+import professor from './professor.webp'
+import bankBuilding from './bank-building.webp'
+import phoneIcon from './phone-icon.webp'
 import shoppingCart from './shopping-cart.svg'
-import mapScene from './map-scene.png'
-import mapNodeOrb from './map-node-orb.png'
+import mapScene from './map-scene.webp'
+import mapNodeOrb from './map-node-orb.webp'
 import goldBar from './gold-bar.svg'
-import goldBarsStack from './gold-bars-stack.png'
-import coinLarge from './coin-large.png'
-import coinsStack from './coins-stack.png'
-import cashBundle from './cash-bundle.png'
-import homeHeroBg from './home-hero-bg.jpg'
-import marketHero from './market-hero.jpg'
-import walletHero from './wallet-hero.jpg'
-import gamepadIcon from './gamepad-icon.png'
-import targetIcon from './target-icon.png'
-import cartIcon from './cart-icon.png'
-import friendsIcon from './friends-icon.png'
-import challengeBanner from './challenge-banner.png'
+import goldBarsStack from './gold-bars-stack.webp'
+import coinLarge from './coin-large.webp'
+import coinsStack from './coins-stack.webp'
+import cashBundle from './cash-bundle.webp'
+import homeHeroBg from './home-hero-bg.webp'
+import marketHero from './market-hero.webp'
+import walletHero from './wallet-hero.webp'
+import gamepadIcon from './gamepad-icon.webp'
+import targetIcon from './target-icon.webp'
+import cartIcon from './cart-icon.webp'
+import friendsIcon from './friends-icon.webp'
+import challengeBanner from './challenge-banner.webp'
 import nextMissionBanner from './next-mission-banner.webp'
-import gameGoldChart from './game-gold-chart.png'
-import gameInflation from './game-inflation.png'
-import gamePortfolio from './game-portfolio.png'
-import gameShopping from './game-shopping.png'
-import gamePiggy from './game-piggy.png'
-import gameInvestor from './game-investor.png'
-import productCastle from './product-castle.png'
-import productCrown from './product-crown.png'
-import productSuit from './product-suit.png'
-import productPet from './product-pet.png'
-import productSea from './product-sea.png'
+import gameGoldChart from './game-gold-chart.webp'
+import gameInflation from './game-inflation.webp'
+import gamePortfolio from './game-portfolio.webp'
+import gameShopping from './game-shopping.webp'
+import gamePiggy from './game-piggy.webp'
+import gameInvestor from './game-investor.webp'
+import productCastle from './product-castle.webp'
+import productCrown from './product-crown.webp'
+import productSuit from './product-suit.webp'
+import productPet from './product-pet.webp'
+import productSea from './product-sea.webp'
 import schoolBackpack from './school-backpack.svg'
 
 export const illustrations = {
diff --git a/src/assets/illustrations/map-node-orb.png b/src/assets/illustrations/map-node-orb.png
deleted file mode 100644
index 03aa870..0000000
Binary files a/src/assets/illustrations/map-node-orb.png and /dev/null differ
diff --git a/src/assets/illustrations/map-node-orb.webp b/src/assets/illustrations/map-node-orb.webp
new file mode 100644
index 0000000..f02b58c
Binary files /dev/null and b/src/assets/illustrations/map-node-orb.webp differ
diff --git a/src/assets/illustrations/map-scene.png b/src/assets/illustrations/map-scene.png
deleted file mode 100644
index a35777f..0000000
Binary files a/src/assets/illustrations/map-scene.png and /dev/null differ
diff --git a/src/assets/illustrations/map-scene.webp b/src/assets/illustrations/map-scene.webp
new file mode 100644
index 0000000..3bd477e
Binary files /dev/null and b/src/assets/illustrations/map-scene.webp differ
diff --git a/src/assets/illustrations/market-hero.jpg b/src/assets/illustrations/market-hero.jpg
deleted file mode 100644
index 1eb849a..0000000
Binary files a/src/assets/illustrations/market-hero.jpg and /dev/null differ
diff --git a/src/assets/illustrations/market-hero.webp b/src/assets/illustrations/market-hero.webp
new file mode 100644
index 0000000..ac81b08
Binary files /dev/null and b/src/assets/illustrations/market-hero.webp differ
diff --git a/src/assets/illustrations/next-mission-banner.webp b/src/assets/illustrations/next-mission-banner.webp
index 4ee64fe..42e0ffa 100644
Binary files a/src/assets/illustrations/next-mission-banner.webp and b/src/assets/illustrations/next-mission-banner.webp differ
diff --git a/src/assets/illustrations/phone-icon.png b/src/assets/illustrations/phone-icon.png
deleted file mode 100644
index a4d82b5..0000000
Binary files a/src/assets/illustrations/phone-icon.png and /dev/null differ
diff --git a/src/assets/illustrations/phone-icon.tmp.png b/src/assets/illustrations/phone-icon.tmp.png
deleted file mode 100644
index a4d82b5..0000000
Binary files a/src/assets/illustrations/phone-icon.tmp.png and /dev/null differ
diff --git a/src/assets/illustrations/phone-icon.webp b/src/assets/illustrations/phone-icon.webp
new file mode 100644
index 0000000..6a268de
Binary files /dev/null and b/src/assets/illustrations/phone-icon.webp differ
diff --git a/src/assets/illustrations/product-castle.png b/src/assets/illustrations/product-castle.png
deleted file mode 100644
index 322d0ce..0000000
Binary files a/src/assets/illustrations/product-castle.png and /dev/null differ
diff --git a/src/assets/illustrations/product-castle.webp b/src/assets/illustrations/product-castle.webp
new file mode 100644
index 0000000..1bd9544
Binary files /dev/null and b/src/assets/illustrations/product-castle.webp differ
diff --git a/src/assets/illustrations/product-crown.png b/src/assets/illustrations/product-crown.png
deleted file mode 100644
index b4a92fb..0000000
Binary files a/src/assets/illustrations/product-crown.png and /dev/null differ
diff --git a/src/assets/illustrations/product-crown.webp b/src/assets/illustrations/product-crown.webp
new file mode 100644
index 0000000..de5ca35
Binary files /dev/null and b/src/assets/illustrations/product-crown.webp differ
diff --git a/src/assets/illustrations/product-pet.png b/src/assets/illustrations/product-pet.png
deleted file mode 100644
index 30ac8cf..0000000
Binary files a/src/assets/illustrations/product-pet.png and /dev/null differ
diff --git a/src/assets/illustrations/product-pet.webp b/src/assets/illustrations/product-pet.webp
new file mode 100644
index 0000000..4b14511
Binary files /dev/null and b/src/assets/illustrations/product-pet.webp differ
diff --git a/src/assets/illustrations/product-sea.png b/src/assets/illustrations/product-sea.png
deleted file mode 100644
index 10ffab6..0000000
Binary files a/src/assets/illustrations/product-sea.png and /dev/null differ
diff --git a/src/assets/illustrations/product-sea.webp b/src/assets/illustrations/product-sea.webp
new file mode 100644
index 0000000..bce5a3c
Binary files /dev/null and b/src/assets/illustrations/product-sea.webp differ
diff --git a/src/assets/illustrations/product-suit.png b/src/assets/illustrations/product-suit.png
deleted file mode 100644
index 6c26979..0000000
Binary files a/src/assets/illustrations/product-suit.png and /dev/null differ
diff --git a/src/assets/illustrations/product-suit.webp b/src/assets/illustrations/product-suit.webp
new file mode 100644
index 0000000..5d18478
Binary files /dev/null and b/src/assets/illustrations/product-suit.webp differ
diff --git a/src/assets/illustrations/professor.png b/src/assets/illustrations/professor.png
deleted file mode 100644
index fc225cb..0000000
Binary files a/src/assets/illustrations/professor.png and /dev/null differ
diff --git a/src/assets/illustrations/professor.webp b/src/assets/illustrations/professor.webp
new file mode 100644
index 0000000..760dbda
Binary files /dev/null and b/src/assets/illustrations/professor.webp differ
diff --git a/src/assets/illustrations/target-icon.png b/src/assets/illustrations/target-icon.png
deleted file mode 100644
index fe236f7..0000000
Binary files a/src/assets/illustrations/target-icon.png and /dev/null differ
diff --git a/src/assets/illustrations/target-icon.webp b/src/assets/illustrations/target-icon.webp
new file mode 100644
index 0000000..9b6f467
Binary files /dev/null and b/src/assets/illustrations/target-icon.webp differ
diff --git a/src/assets/illustrations/treasure-chest.png b/src/assets/illustrations/treasure-chest.png
deleted file mode 100644
index 475cb3d..0000000
Binary files a/src/assets/illustrations/treasure-chest.png and /dev/null differ
diff --git a/src/assets/illustrations/treasure-chest.webp b/src/assets/illustrations/treasure-chest.webp
new file mode 100644
index 0000000..3eb2de0
Binary files /dev/null and b/src/assets/illustrations/treasure-chest.webp differ
diff --git a/src/assets/illustrations/wallet-hero.jpg b/src/assets/illustrations/wallet-hero.jpg
deleted file mode 100644
index 1179619..0000000
Binary files a/src/assets/illustrations/wallet-hero.jpg and /dev/null differ
diff --git a/src/assets/illustrations/wallet-hero.webp b/src/assets/illustrations/wallet-hero.webp
new file mode 100644
index 0000000..2daf7e4
Binary files /dev/null and b/src/assets/illustrations/wallet-hero.webp differ
diff --git a/src/assets/login/login-hero.jpg b/src/assets/login/login-hero.jpg
deleted file mode 100644
index cf75ef8..0000000
Binary files a/src/assets/login/login-hero.jpg and /dev/null differ
diff --git a/src/assets/login/login-hero.webp b/src/assets/login/login-hero.webp
new file mode 100644
index 0000000..8147ccb
Binary files /dev/null and b/src/assets/login/login-hero.webp differ
diff --git a/src/assets/profile/avatar.png b/src/assets/profile/avatar.png
deleted file mode 100644
index 2eb7f8b..0000000
Binary files a/src/assets/profile/avatar.png and /dev/null differ
diff --git a/src/assets/profile/avatar.webp b/src/assets/profile/avatar.webp
new file mode 100644
index 0000000..92541e8
Binary files /dev/null and b/src/assets/profile/avatar.webp differ
diff --git a/src/assets/profile/index.ts b/src/assets/profile/index.ts
index 0efe91e..7f95e62 100644
--- a/src/assets/profile/index.ts
+++ b/src/assets/profile/index.ts
@@ -1,6 +1,6 @@
-import avatar from './avatar.png'
-import shieldBadge from './shield-badge.png'
-import schoolBanner from './school-banner.png'
+import avatar from './avatar.webp'
+import shieldBadge from './shield-badge.webp'
+import schoolBanner from './school-banner.webp'
 
 export const profileAssets = {
   avatar,
diff --git a/src/assets/profile/school-banner.png b/src/assets/profile/school-banner.png
deleted file mode 100644
index 85ff567..0000000
Binary files a/src/assets/profile/school-banner.png and /dev/null differ
diff --git a/src/assets/profile/school-banner.webp b/src/assets/profile/school-banner.webp
new file mode 100644
index 0000000..c9b0ed6
Binary files /dev/null and b/src/assets/profile/school-banner.webp differ
diff --git a/src/assets/profile/shield-badge.png b/src/assets/profile/shield-badge.png
deleted file mode 100644
index 7565bf1..0000000
Binary files a/src/assets/profile/shield-badge.png and /dev/null differ
diff --git a/src/assets/profile/shield-badge.webp b/src/assets/profile/shield-badge.webp
new file mode 100644
index 0000000..23ad4d8
Binary files /dev/null and b/src/assets/profile/shield-badge.webp differ
diff --git a/src/components/common/BottomNavigation.vue b/src/components/common/BottomNavigation.vue
index fc0588c..bdd1b1e 100644
--- a/src/components/common/BottomNavigation.vue
+++ b/src/components/common/BottomNavigation.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { Home, TrendingUp, Wallet, User } from 'lucide-vue-next'
-import castleGoldLand from '@/assets/icons/castle-gold-land.png'
+import castleGoldLand from '@/assets/icons/castle-gold-land.webp'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 2be82a5..a545135 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -5,7 +5,7 @@ import { StaleSessionError } from '@/api/client'
 import { useAuthStore } from '@/stores/auth'
 import { useMarketStore } from '@/stores/market'
 import { useToast } from '@/composables/useToast'
-import loginHero from '@/assets/login/login-hero.jpg'
+import loginHero from '@/assets/login/login-hero.webp'
 
 const router = useRouter()
 const authStore = useAuthStore()