root: optimise images

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

README.md

@@ -26,8 +26,8 @@ For bigger setups, there is a Helm Chart in the `helm/` directory. This is docum
 
 Light | Dark
 --- | ---
-![](https://goauthentik.io/img/screen_apps_light.png) | ![](https://goauthentik.io/img/screen_apps_dark.png)
-![](https://goauthentik.io/img/screen_admin_light.png) | ![](https://goauthentik.io/img/screen_admin_dark.png)
+![](https://goauthentik.io/img/screen_apps_light.jpg) | ![](https://goauthentik.io/img/screen_apps_dark.jpg)
+![](https://goauthentik.io/img/screen_admin_light.jpg) | ![](https://goauthentik.io/img/screen_admin_dark.jpg)
 
 ## Development
 

website/docs/index.md

@@ -15,5 +15,5 @@ See [Docker-compose](installation/docker-compose) or [Kubernetes](installation/k
 
 Light | Dark
 --- | ---
-![](/img/screen_apps_light.png) | ![](/img/screen_apps_dark.png)
-![](/img/screen_admin_light.png) | ![](/img/screen_admin_dark.png)
+![](/img/screen_apps_light.jpg) | ![](/img/screen_apps_dark.jpg)
+![](/img/screen_admin_light.jpg) | ![](/img/screen_admin_dark.jpg)

website/src/pages/index.jsx

@@ -106,8 +106,8 @@ function Home() {
                                     <ClientOnly>
                                         <BeforeAfterSlider
                                             className={styles.featureImage}
-                                            before={useBaseUrl("img/screen_apps_light.png")}
-                                            after={useBaseUrl("img/screen_apps_dark.png")}
+                                            before={useBaseUrl("img/screen_apps_light.jpg")}
+                                            after={useBaseUrl("img/screen_apps_dark.jpg")}
                                             width={640}
                                             height={480}
                                         />
@@ -145,8 +145,8 @@ function Home() {
                                     <ClientOnly>
                                         <BeforeAfterSlider
                                             className={styles.featureImage}
-                                            before={useBaseUrl("img/screen_admin_light.png")}
-                                            after={useBaseUrl("img/screen_admin_dark.png")}
+                                            before={useBaseUrl("img/screen_admin_light.jpg")}
+                                            after={useBaseUrl("img/screen_admin_dark.jpg")}
                                             width={640}
                                             height={480}
                                         />