tanner/main-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add WebP versions of photos

Browse Source
This commit is contained in:
Tanner
2026-09-17 20:34:40 +00:00
parent e1b3056b25
commit 92c8906f24
68 changed files with 135 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sewing-room/index.html
+16 -4
View File
@@ -82,19 +82,31 @@
<h1>Sewing Room</h1>
<div class="entry">
<figure>
<img width="1024" height="768" src="/assets/sewing-room-2.jpg" srcset="/assets/sewing-room-2-1024x768.jpg 1024w, /assets/sewing-room-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial embroidery machine in the sewing room" decoding="async" fetchpriority="high" />
<picture>
<source type="image/webp" srcset="/assets/sewing-room-2-1024x768.webp 1024w, /assets/sewing-room-2.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="768" src="/assets/sewing-room-2.jpg" srcset="/assets/sewing-room-2-1024x768.jpg 1024w, /assets/sewing-room-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial embroidery machine in the sewing room" decoding="async" fetchpriority="high" />
</picture>
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" srcset="/assets/sewing-room-3-1024x768.jpg 1024w, /assets/sewing-room-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room equipment and workspace" loading="lazy" decoding="async" />
<picture>
<source type="image/webp" srcset="/assets/sewing-room-3-1024x768.webp 1024w, /assets/sewing-room-3.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" srcset="/assets/sewing-room-3-1024x768.jpg 1024w, /assets/sewing-room-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room equipment and workspace" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" srcset="/assets/sewing-room-4-1024x768.jpg 1024w, /assets/sewing-room-4.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial sewing machine" loading="lazy" decoding="async" />
<picture>
<source type="image/webp" srcset="/assets/sewing-room-4-1024x768.webp 1024w, /assets/sewing-room-4.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" srcset="/assets/sewing-room-4-1024x768.jpg 1024w, /assets/sewing-room-4.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial sewing machine" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" srcset="/assets/sewing-room-5-1024x768.jpg 1024w, /assets/sewing-room-5.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing and textile equipment" loading="lazy" decoding="async" />
<picture>
<source type="image/webp" srcset="/assets/sewing-room-5-1024x768.webp 1024w, /assets/sewing-room-5.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" srcset="/assets/sewing-room-5-1024x768.jpg 1024w, /assets/sewing-room-5.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing and textile equipment" loading="lazy" decoding="async" />
</picture>
</figure>
</div>
</main>