chore: image quality

This commit is contained in:
Cory Dransfeldt 2024-05-20 11:57:37 -07:00
parent 17d0e1d60a
commit 817587d35c
No known key found for this signature in database
24 changed files with 33 additions and 33 deletions

View file

@ -19,9 +19,9 @@
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
{% if shape == 'square' %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=80"{% if alt %} alt="{{ alt }}"{% endif %} loading="{{ loadingStrategy }}" decoding="async" width="240" height="240" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=75"{% if alt %} alt="{{ alt }}"{% endif %} loading="{{ loadingStrategy }}" decoding="async" width="240" height="240" />
{% else %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=80"{% if alt %} alt="{{ alt }}"{% endif %} loading="{{ loadingStrategy }}" decoding="async" width="200" height="307" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=75"{% if alt %} alt="{{ alt }}"{% endif %} loading="{{ loadingStrategy }}" decoding="async" width="200" height="307" />
{% endif %}
</div>
</a>

View file

@ -8,7 +8,7 @@
<div class="header">{{ item.title }}</div>
<div class="subheader">{{ item.plays }} plays</div>
</div>
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=80"{% if alt %} alt="{{ alt }}"{% endif %} loading="eager" decoding="async" width="240" height="240" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=75"{% if alt %} alt="{{ alt }}"{% endif %} loading="eager" decoding="async" width="240" height="240" />
</div>
</a>
{% endfor %}

View file

@ -4,7 +4,7 @@
{% capture alt %}{{ item.title | escape }} by {{ item.artist }}{% endcapture %}
<div class="item">
<div class="meta">
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=80" alt="{{ alt }}" loading="lazy" decoding="async" width="64" height="64" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=75" alt="{{ alt }}" loading="lazy" decoding="async" width="64" height="64" />
<div class="meta-text">
<div class="title">
<a href="{{ item.url }}">{{ item.title }}</a>

View file

@ -15,7 +15,7 @@
{%- capture loadingStrategy -%}
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
<img src="https://coryd.dev/.netlify/images/?url={{ favorite.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=80" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" width="256" height="144" />
<img src="https://coryd.dev/.netlify/images/?url={{ favorite.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=75" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" width="256" height="144" />
</div>
</a>
{% endfor %}

View file

@ -5,6 +5,6 @@
<div class="header">{{ movie.title }} ({{ movie.year }})</div>
<div class="subheader">Last watched @ {{ movie.dateAdded | date: "%B %e, %Y" }}</div>
</div>
<img src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1200&h=675&fm=webp&q=80" alt="{{ alt }}" loading="eager" decoding="async" width="1200" height="765" />
<img src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=768&h=432&fm=webp&q=75" alt="{{ alt }}" loading="eager" decoding="async" width="768" height="432" />
</div>
</a>

View file

@ -1,26 +1,26 @@
<div class="badge-grid">
<a href="https://11ty.dev">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fm=webp&q=80" alt="Made with 11ty" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fm=webp&q=75" alt="Made with 11ty" loading="lazy" decoding="async" width="88" height="31" />
</a>
<a href="https://social.lol/@cory">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fm=webp&q=80" alt="Follow me on Mastodon" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fm=webp&q=75" alt="Follow me on Mastodon" loading="lazy" decoding="async" width="88" height="31" />
</a>
<a href="https://www.buymeacoffee.com/cory">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fm=webp&q=80" alt="Buy Me a Coffee" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fm=webp&q=75" alt="Buy Me a Coffee" loading="lazy" decoding="async" width="88" height="31" />
</a>
<a href="https://github.com/cdransf">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fm=webp&q=80" alt="Check out my GitHub" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fm=webp&q=75" alt="Check out my GitHub" loading="lazy" decoding="async" width="88" height="31" />
</a>
<a href="https://github.com/ai-robots-txt/ai.robots.txt">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fm=webp&q=80" alt="Not a robot" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fm=webp&q=75" alt="Not a robot" loading="lazy" decoding="async" width="88" height="31" />
</a>
<a href="https://validator.w3.org">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fm=webp&q=80" alt="Valid HTML5" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fm=webp&q=75" alt="Valid HTML5" loading="lazy" decoding="async" width="88" height="31" />
</a>
<a href="https://www.w3.org/Style/CSS/Overview.en.html">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fm=webp&q=80" alt="Valid CSS" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fm=webp&q=75" alt="Valid CSS" loading="lazy" decoding="async" width="88" height="31" />
</a>
<a href="https://coryd.dev/feeds">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fm=webp&q=80" alt="Valid RSS" loading="lazy" decoding="async" width="88" height="31" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fm=webp&q=75" alt="Valid RSS" loading="lazy" decoding="async" width="88" height="31" />
</a>
</div>