Skip to content

Commit d3f9441

Browse files
committed
feat(image): add 240w candidate and per-layout sizes for home cards
Reduce over-fetch for home cards while retaining readability/clarity. - Append 240 to _cf_widths_str → finer low-end step in srcset for small screens. - Add conditional sizes for page.layout == 'home' (post cards): - sizes="(min-width: 1200px) 22vw, (min-width: 850px) 25vw, (min-width: 770px) 37vw, 92vw" - Keep default in-post sizes elsewhere: - sizes="(min-width: 1400px) 800px, (min-width: 850px) 720px, 92vw"
1 parent 22fac87 commit d3f9441

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

_includes/refactor-content.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,7 +221,7 @@
221221
고정 width 목록 및 srcset 생성
222222
기본 src는 720px로 설정
223223
{%- endcomment -%}
224-
{%- assign _cf_widths_str = "1920,1600,1440,1280,1024,960,800,720,640,512,480,400,320" -%}
224+
{%- assign _cf_widths_str = "1920,1600,1440,1280,1024,960,800,720,640,512,480,400,320,240" -%}
225225
{%- assign _cf_widths = _cf_widths_str | split: "," -%}
226226

227227
{%- assign _cf_srcset = "" -%}
@@ -260,7 +260,11 @@
260260
{%- assign _left = _left | append: ' srcset="' | append: _cf_srcset | append: '"' -%}
261261
{%- endunless -%}
262262
{%- unless _left contains ' sizes=' -%}
263-
{%- assign _left = _left | append: ' sizes="(min-width: 1400px) 800px, (min-width: 850px) 720px, 92vw"' -%}
263+
{%- if page.layout == 'home' -%} {%- comment -%} 홈 레이아웃의 포스트 카드의 경우 보다 작은 별도의 슬롯 폭 적용 {%- endcomment -%}
264+
{%- assign _left = _left | append: ' sizes="(min-width: 1200px) 22vw, (min-width: 850px) 25vw, (min-width: 770px) 37vw, 92vw"' -%}
265+
{%- else -%}
266+
{%- assign _left = _left | append: ' sizes="(min-width: 1400px) 800px, (min-width: 850px) 720px, 92vw"' -%}
267+
{%- endif -%}
264268
{%- endunless -%}
265269
{%- endif -%}
266270

0 commit comments

Comments
 (0)