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

Convert srcset images to 1600, 800, 400px

Browse Source
This commit is contained in:
Tanner
2026-09-29 22:16:36 +00:00
parent bb8fd62041
commit 0725d3eb1a
227 changed files with 55 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/sewing-room/index.html
+11 -11
View File
@@ -11,7 +11,7 @@
<meta property="og:description" content="Explore Protospace’s Calgary sewing room, with sewing, embroidery, garment printing, and textile equipment for members." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/sewing-room/" />
<meta property="og:image" content="https://protospace.ca/assets/sewing-room-2.jpg" />
<meta property="og:image" content="https://protospace.ca/assets/sewing-room-1-800.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Sewing Room – Protospace</title>
@@ -84,36 +84,36 @@
<div class="entry">
<figure>
<picture>
<source type="image/webp" srcset="/assets/sewing-room-1-1024x768.webp 1024w, /assets/sewing-room-1.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/sewing-room-1.jpg" srcset="/assets/sewing-room-1-1024x768.jpg 1024w, /assets/sewing-room-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room overview with industrial and domestic sewing machines" fetchpriority="high" decoding="async" />
<source type="image/webp" srcset="/assets/sewing-room-1-400.webp 400w, /assets/sewing-room-1-800.webp 800w, /assets/sewing-room-1-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/sewing-room-1-800.jpg" srcset="/assets/sewing-room-1-400.jpg 400w, /assets/sewing-room-1-800.jpg 800w, /assets/sewing-room-1-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room overview with industrial and domestic sewing machines" fetchpriority="high" decoding="async" />
</picture>
</figure>
<figure>
<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="772" 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="Sewing room work area with sergers and sewing machines" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/sewing-room-2-400.webp 400w, /assets/sewing-room-2-800.webp 800w, /assets/sewing-room-2-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/sewing-room-2-800.jpg" srcset="/assets/sewing-room-2-400.jpg 400w, /assets/sewing-room-2-800.jpg 800w, /assets/sewing-room-2-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room work area with sergers and sewing machines" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<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="772" src="/assets/sewing-room-3.jpg" srcset="/assets/sewing-room-3-1024x768.jpg 1024w, /assets/sewing-room-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial sewing machine and sewing equipment" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/sewing-room-3-400.webp 400w, /assets/sewing-room-3-800.webp 800w, /assets/sewing-room-3-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/sewing-room-3-800.jpg" srcset="/assets/sewing-room-3-400.jpg 400w, /assets/sewing-room-3-800.jpg 800w, /assets/sewing-room-3-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial sewing machine and sewing equipment" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<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="772" src="/assets/sewing-room-4.jpg" srcset="/assets/sewing-room-4-1024x768.jpg 1024w, /assets/sewing-room-4.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Overlock and industrial sewing machines" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/sewing-room-4-400.webp 400w, /assets/sewing-room-4-800.webp 800w, /assets/sewing-room-4-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/sewing-room-4-800.jpg" srcset="/assets/sewing-room-4-400.jpg 400w, /assets/sewing-room-4-800.jpg 800w, /assets/sewing-room-4-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Overlock and industrial sewing machines" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<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="772" src="/assets/sewing-room-5.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 machine workstation and shared work tables" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/sewing-room-5-400.webp 400w, /assets/sewing-room-5-800.webp 800w, /assets/sewing-room-5-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/sewing-room-5-800.jpg" srcset="/assets/sewing-room-5-400.jpg 400w, /assets/sewing-room-5-800.jpg 800w, /assets/sewing-room-5-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing machine workstation and shared work tables" loading="lazy" decoding="async" />
</picture>
</figure>
</div>