feat: independent cdn
This commit is contained in:
parent
152f7f89d3
commit
38cca61033
25 changed files with 125 additions and 123 deletions
|
@ -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=40 200w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=40 400w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=40 800w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40 1200w
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?width=200&h=200&aspect_ratio=1:1 200w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?width=400&h=400&aspect_ratio=1:1 400w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?width=800&h=800&aspect_ratio=1:1 800w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?width=1200&h=1200&aspect_ratio=1:1 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=40"
|
||||
src="https://coryd-dev.b-cdn.net{{ item.image }}?width=1200&h=1200&aspect_ratio=1:1"
|
||||
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=40 200w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=40 400w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=40 800w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=40 1200w
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?w=200&aspect_ratio=2:3 200w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?w=400&aspect_ratio=2:3 400w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?w=800&aspect_ratio=2:3 800w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?w=1200&aspect_ratio=2:3 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=40"
|
||||
src="https://coryd-dev.b-cdn.net{{ item.image }}?w=1200&aspect_ratio=2:3"
|
||||
alt="{{ alt }}"
|
||||
loading="{{ loadingStrategy }}"
|
||||
decoding="async"
|
||||
|
|
|
@ -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=40 64w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=40 128w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=40 256w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=40 512w
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?aspect_ratio=1:1&width=64 256w 64w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?aspect_ratio=1:1&width=128 128w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?aspect_ratio=1:1&width=256 256w,
|
||||
https://coryd-dev.b-cdn.net{{ item.image }}?aspect_ratio=1:1&width=512 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=40"
|
||||
src="https://coryd-dev.b-cdn.net{{ item.image }}?aspect_ratio=1:1&width=512"
|
||||
alt="{{ alt }}"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
|
|
|
@ -23,16 +23,16 @@
|
|||
{%- endcapture -%}
|
||||
<img
|
||||
srcset="
|
||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
|
||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
|
||||
https://coryd-dev.b-cdn.net{{ item.backdrop }}?aspect_ratio=1:.5625&width=256 256w,
|
||||
https://coryd-dev.b-cdn.net{{ item.backdrop }}?aspect_ratio=1:.5625&width=512 512w,
|
||||
https://coryd-dev.b-cdn.net{{ item.backdrop }}?aspect_ratio=1:.5625&width=1024 1024w,
|
||||
https://coryd-dev.b-cdn.net{{ item.backdrop }}?aspect_ratio=1:.5625&width=2048 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=40"
|
||||
src="https://coryd-dev.b-cdn.net{{ item.backdrop }}?aspect_ratio=1:.5625&width=2048"
|
||||
alt="{{ alt }}"
|
||||
loading="{{ loadingStrategy }}"
|
||||
decoding="async"
|
||||
|
|
|
@ -7,16 +7,16 @@
|
|||
</div>
|
||||
<img
|
||||
srcset="
|
||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
|
||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
|
||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
|
||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
|
||||
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=256 256w,
|
||||
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=512 512w,
|
||||
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=1024 1024w,
|
||||
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=2048 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=40"
|
||||
src="https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=2048"
|
||||
alt="{{ alt }}"
|
||||
loading="eager"
|
||||
decoding="async"
|
||||
|
|
Reference in a new issue