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/laser-cutters/index.html
+9 -9
View File
@@ -11,7 +11,7 @@
<meta property="og:description" content="Explore Protospace’s laser cutting area in Calgary, including laser cutters and desktop CNC equipment for member projects." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/laser-cutters/" />
<meta property="og:image" content="https://protospace.ca/assets/laser-cutters-1.jpg" />
<meta property="og:image" content="https://protospace.ca/assets/laser-cutters-1-800.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Laser Cutters – Protospace</title>
@@ -84,29 +84,29 @@
<div class="entry">
<figure>
<picture>
<source type="image/webp" srcset="/assets/laser-cutters-1-1024x768.webp 1024w, /assets/laser-cutters-1.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/laser-cutters-1.jpg" srcset="/assets/laser-cutters-1-1024x768.jpg 1024w, /assets/laser-cutters-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutting area with a large-format laser cutter" fetchpriority="high" decoding="async" />
<source type="image/webp" srcset="/assets/laser-cutters-1-400.webp 400w, /assets/laser-cutters-1-800.webp 800w, /assets/laser-cutters-1-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/laser-cutters-1-800.jpg" srcset="/assets/laser-cutters-1-400.jpg 400w, /assets/laser-cutters-1-800.jpg 800w, /assets/laser-cutters-1-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutting area with a large-format laser cutter" fetchpriority="high" decoding="async" />
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="/assets/laser-cutters-2-1024x768.webp 1024w, /assets/laser-cutters-2.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/laser-cutters-2.jpg" srcset="/assets/laser-cutters-2-1024x768.jpg 1024w, /assets/laser-cutters-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter and workstation" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/laser-cutters-2-400.webp 400w, /assets/laser-cutters-2-800.webp 800w, /assets/laser-cutters-2-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/laser-cutters-2-800.jpg" srcset="/assets/laser-cutters-2-400.jpg 400w, /assets/laser-cutters-2-800.jpg 800w, /assets/laser-cutters-2-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter and workstation" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="/assets/laser-cutters-3-1024x768.webp 1024w, /assets/laser-cutters-3.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/laser-cutters-3.jpg" srcset="/assets/laser-cutters-3-1024x768.jpg 1024w, /assets/laser-cutters-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter control station" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/laser-cutters-3-400.webp 400w, /assets/laser-cutters-3-800.webp 800w, /assets/laser-cutters-3-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/laser-cutters-3-800.jpg" srcset="/assets/laser-cutters-3-400.jpg 400w, /assets/laser-cutters-3-800.jpg 800w, /assets/laser-cutters-3-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter control station" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="/assets/laser-cutters-4-1024x768.webp 1024w, /assets/laser-cutters-4.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/laser-cutters-4.jpg" srcset="/assets/laser-cutters-4-1024x768.jpg 1024w, /assets/laser-cutters-4.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Large-format laser cutter" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/laser-cutters-4-400.webp 400w, /assets/laser-cutters-4-800.webp 800w, /assets/laser-cutters-4-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/laser-cutters-4-800.jpg" srcset="/assets/laser-cutters-4-400.jpg 400w, /assets/laser-cutters-4-800.jpg 800w, /assets/laser-cutters-4-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Large-format laser cutter" loading="lazy" decoding="async" />
</picture>
</figure>
</div>