R2 Image Variants

Cloudflare Images로 각 이미지를 한 번만 리사이즈하고 R2에서 srcset 사본을 제공합니다. 네이티브 플러그인은 npm에서 설치하세요. 이 항목은 그 링크입니다.

플러그인

R2 Image Variants

카테고리: images
상태: 사용 가능
버전: 0.1.1
Registry version: 0.1.0
가격: 미확인
출처: 공식 플러그인 레지스트리, npm 패키지
설치 방식: npm 네이티브 통합
확인일: 2026-10-21

설명

R2 Image Variants는 Cloudflare Images 바인딩으로 각 미디어 이미지를 한 번만 리사이즈하고, 사본을 R2에 저장하며, 이를 가리키는 srcset URL을 렌더링합니다.

이 레지스트리 목록은 플러그인 자체가 아닙니다. 레지스트리에서 설치하면 관리자에 정보 페이지 하나가 추가될 뿐 다른 것은 없습니다. R2 Image Variants 자체는 npm에서 설치하는 네이티브 플러그인입니다.

npm install emdash-plugin-r2-variants

네이티브여야 하는 이유

레지스트리에는 샌드박스 플러그인만 나열되는데, 이 플러그인은 샌드박스에서 실행될 수 없습니다. 사이트의 바인딩을 통해 R2를 읽고 쓰고, Images 바인딩으로 리사이즈하며, 이미지가 렌더링되는 방식을 대체하는 Astro 컴포넌트(Image와 Portable Text 이미지 블록)를 함께 제공하기 때문입니다. 이를 위해서는 네이티브 플러그인이 필요하며, astro.config.mjs의 plugins: []에 등록합니다.

링크

npm
GitHub

설치

레지스트리에서 설치하면 정보 페이지만 추가되며 이미지를 리사이즈하지 않습니다. R2 Image Variants를 사용하려면 npm install emdash-plugin-r2-variants로 npm에서 네이티브 플러그인을 설치하고 astro.config.mjs의 plugins: []에 등록하세요. 필요한 Cloudflare 바인딩을 포함한 전체 설정은 README를 참조하세요.