diff --git a/index.html b/index.html
index d21f135..b558c20 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 </head>
 <body onload="load()">
 	<div id="app">
-		<img id="optionWheel" v-if="player.tab!='options'" src="options_wheel.JPG" onclick="showTab('options')"></img>
+		<img id="optionWheel" v-if="player.tab!='options'" src="options_wheel.png" onclick="showTab('options')"></img>
 		<br>You have <h2>{{format(player.points)}}</h2> Points
 		<div v-if="player.tab=='options'">
 			<button class="back" onclick="showTab('tree')">←</button><br><br><br><br><br>
diff --git a/options_wheel.JPG b/options_wheel.JPG
deleted file mode 100644
index 63d1fe7..0000000
Binary files a/options_wheel.JPG and /dev/null differ
diff --git a/options_wheel.png b/options_wheel.png
new file mode 100644
index 0000000..22a93b0
Binary files /dev/null and b/options_wheel.png differ
