chore: image quality

This commit is contained in:
Cory Dransfeldt 2024-05-29 13:22:45 -07:00
parent 5b1a548e6d
commit 3cdab81af1
No known key found for this signature in database
28 changed files with 176 additions and 176 deletions

View file

@ -19,16 +19,16 @@
{% if shape == 'square' %}
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=200&fm=webp&q=85 200w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=85 400w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=85 800w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=85 1200w
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=200&fm=webp&q=50 200w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=50 400w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=50 800w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 100px) 800px,
1200px"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=85"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"
@ -38,16 +38,16 @@
{% else %}
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=85 200w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=85 400w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=85 800w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=85 1200w
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=50 200w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=50 400w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=50 800w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=50 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=85"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=50"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"

View file

@ -5,16 +5,16 @@
<div class="meta">
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=85 64w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=85 128w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=85 256w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=85 512w
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=50 64w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=50 128w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=50 256w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=50 512w
"
sizes="(max-width: 450px) 64px,
(max-width: 850px) 128px,
(max-width: 1000px) 256px,
512px"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=85"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=50"
alt="{{ alt }}"
loading="lazy"
decoding="async"

View file

@ -23,16 +23,16 @@
{%- endcapture -%}
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=85 256w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=85 512w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85"
src="https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"

View file

@ -7,16 +7,16 @@
</div>
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=85 256w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=85 512w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85"
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
alt="{{ alt }}"
loading="eager"
decoding="async"