Convert srcset images to 1600, 800, 400px

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
+7 -7
View File
@@ -11,7 +11,7 @@
<meta property="og:description" content="Explore Protospace’s electronics lab in Calgary, with workbenches, test equipment, soldering tools, and components for member projects." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/electronics-lab/" />
<meta property="og:image" content="https://protospace.ca/assets/electronics-lab-2.jpg" />
<meta property="og:image" content="https://protospace.ca/assets/electronics-lab-1-800.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Electronics Lab – Protospace</title>
@@ -84,22 +84,22 @@
<div class="entry">
<figure>
<picture>
<source type="image/webp" srcset="/assets/electronics-lab-1-1024x768.webp 1024w, /assets/electronics-lab-1.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/electronics-lab-1.jpg" srcset="/assets/electronics-lab-1-1024x768.jpg 1024w, /assets/electronics-lab-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Overview of the Protospace electronics lab" fetchpriority="high" decoding="async" />
<source type="image/webp" srcset="/assets/electronics-lab-1-400.webp 400w, /assets/electronics-lab-1-800.webp 800w, /assets/electronics-lab-1-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/electronics-lab-1-800.jpg" srcset="/assets/electronics-lab-1-400.jpg 400w, /assets/electronics-lab-1-800.jpg 800w, /assets/electronics-lab-1-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Overview of the Protospace electronics lab" fetchpriority="high" decoding="async" />
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="/assets/electronics-lab-2-1024x768.webp 1024w, /assets/electronics-lab-2.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/electronics-lab-2.jpg" srcset="/assets/electronics-lab-2-1024x768.jpg 1024w, /assets/electronics-lab-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics workbench with test equipment and components" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/electronics-lab-2-400.webp 400w, /assets/electronics-lab-2-800.webp 800w, /assets/electronics-lab-2-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/electronics-lab-2-800.jpg" srcset="/assets/electronics-lab-2-400.jpg 400w, /assets/electronics-lab-2-800.jpg 800w, /assets/electronics-lab-2-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics workbench with test equipment and components" loading="lazy" decoding="async" />
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="/assets/electronics-lab-3-1024x768.webp 1024w, /assets/electronics-lab-3.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="1024" height="772" src="/assets/electronics-lab-3.jpg" srcset="/assets/electronics-lab-3-1024x768.jpg 1024w, /assets/electronics-lab-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics parts storage and repair bench" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/electronics-lab-3-400.webp 400w, /assets/electronics-lab-3-800.webp 800w, /assets/electronics-lab-3-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="800" height="602" src="/assets/electronics-lab-3-800.jpg" srcset="/assets/electronics-lab-3-400.jpg 400w, /assets/electronics-lab-3-800.jpg 800w, /assets/electronics-lab-3-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics parts storage and repair bench" loading="lazy" decoding="async" />
</picture>
</figure>
</div>