Use optimized images
This commit is contained in:
26
index.html
26
index.html
@@ -84,7 +84,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<img src="/static/logo.png" alt="">
|
<img src="/static/logo.webp" alt="">
|
||||||
</header>
|
</header>
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<div id="join-menu" class="join-menu"><input type="text" id="room-id" placeholder="Room ID"><button
|
<div id="join-menu" class="join-menu"><input type="text" id="room-id" placeholder="Room ID"><button
|
||||||
@@ -352,19 +352,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
const assets = {
|
const assets = {
|
||||||
p: '/static/black_pawn.png',
|
p: '/static/black_pawn.webp',
|
||||||
r: '/static/black_rook.png',
|
r: '/static/black_rook.webp',
|
||||||
c: '/static/black_castle.png',
|
c: '/static/black_castle.webp',
|
||||||
b: '/static/black_bishop.png',
|
b: '/static/black_bishop.webp',
|
||||||
k: '/static/black_king.png',
|
k: '/static/black_king.webp',
|
||||||
q: '/static/black_queen.png',
|
q: '/static/black_queen.webp',
|
||||||
|
|
||||||
P: '/static/white_pawn.png',
|
P: '/static/white_pawn.webp',
|
||||||
R: '/static/white_rook.png',
|
R: '/static/white_rook.webp',
|
||||||
C: '/static/white_castle.png',
|
C: '/static/white_castle.webp',
|
||||||
B: '/static/white_bishop.png',
|
B: '/static/white_bishop.webp',
|
||||||
K: '/static/white_king.png',
|
K: '/static/white_king.webp',
|
||||||
Q: '/static/white_queen.png',
|
Q: '/static/white_queen.webp',
|
||||||
};
|
};
|
||||||
|
|
||||||
const loadPromises = Object.entries(assets).map(([key, src]) => {
|
const loadPromises = Object.entries(assets).map(([key, src]) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user