chore: image improvements

This commit is contained in:
Cory Dransfeldt 2024-09-12 17:28:09 -07:00
parent 9c3d8e213a
commit 7dde72d1cb
No known key found for this signature in database
15 changed files with 138 additions and 164 deletions

View file

@ -2,16 +2,18 @@
{%- for badge in badges limit: 8 -%}
<a href="{{ badge.url }}">
<img srcset="
https://cdn.coryd.dev/{{ badge.image }}?class=w50 50w,
https://cdn.coryd.dev/{{ badge.image }}?class=w100 100w,
https://cdn.coryd.dev/{{ badge.image }}?class=w200 200w,
https://cdn.coryd.dev/{{ badge.image }}?class=w50&type=webp 50w,
https://cdn.coryd.dev/{{ badge.image }}?class=w100&type=webp 100w,
https://cdn.coryd.dev/{{ badge.image }}?class=w200&type=webp 200w
" sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px" src="https://cdn.coryd.dev/{{ badge.image }}?class=w200" alt="{{ badge.image_alt }}" loading="lazy"
200px"
src="https://cdn.coryd.dev/{{ badge.image }}?class=w50&type=webp"
alt="{{ badge.image_alt }}"
loading="lazy"
decoding="async"
width="88"
height="31"
width="50"
height="18"
/>
</a>
{%- endfor -%}