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 を出力します。

このレジストリのリストはプラグイン本体ではありません。 レジストリからインストールしても、管理画面に情報ページが 1 つ追加されるだけで、それ以外は何も行われません。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 を参照してください。