Optimise image loading

Signed-off-by: Fred Boniface <fred@fjla.uk>
This commit is contained in:
Fred Boniface 2023-01-17 00:57:53 +00:00
parent 400953548f
commit f77d262808
2 changed files with 11 additions and 13 deletions

View File

@ -22,12 +22,10 @@
</div>
<picture>
<source media="(min-width:800px)" secset="./images/logo/logo-full-715.webp" type="image/webp">
<source media="(min-width:800px)" srcset="./images/logo/logo-full-715.png" type="image/png">
<source media="(min-width:700px)" srcset="./images/logo/logo-full-512.webp" type="image/webp">
<source media="(min-width:700px)" srcset="./images/logo/logo-full-512.png" type="image/png">
<source media="(min-width:450px)" srcset="./images/logo/logo-full-256.webp" type="image/png">
<source media="(min-width:450px)" srcset="./images/logo/logo-full-256.png" type="image/png">
<source media="(max-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/webp">
<source media="(max-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
<source srcset="/images/logo/logo-full-512.webp" type="image/webp">
<source srcset="/images/logo/logo-full-512.png" type="image/png">
<img class="titleimg" src="./images/logo/logo-full-512.png" alt="OwlBoard Logo">
</picture>
<h2>Code Lookup</h2>

View File

@ -31,12 +31,12 @@
<!-- Main Content Begins -->
<picture>
<source media="(min-width:800px)" secset="/images/logo/logo-full-715.webp" type="image/webp">
<source media="(min-width:800px)" srcset="/images/logo/logo-full-715.png" type="image/png">
<source media="(min-width:700px)" srcset="/images/logo/logo-full-512.webp" type="image/webp">
<source media="(min-width:700px)" srcset="/images/logo/logo-full-512.png" type="image/png">
<source media="(min-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/webp">
<source media="(min-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
<source media="(max-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/webp">
<source media="(max-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
<source media="(max-width:700px)" srcset="/images/logo/logo-full-512.webp" type="image/webp">
<source media="(max-width:700px)" srcset="/images/logo/logo-full-512.png" type="image/png">
<source srcset="/images/logo/logo-full-715.webp" type="image/webp">
<source srcset="/images/logo/logo-full-715.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoard Logo">
</picture>
<br>