English | 日本語
画像の最適化とアートディレクションを行う静的ビルド専用Astroインテグレーション
開発初期段階につき内部開発中・全ての仕様は破壊的変更の有無に関わらず予告なく変更される可能性あり
<img>
および<picture>
要素を前景または背景として出力- 任意のコンテナ要素に対して
image-set()
を使用してbackground-image
を設定 - 静的ビルド専用
- SSR非対応(対応予定なし)
- sharpに依存
- 画像の編集にはsharpインスタンスを直接指定可能
- 重複の抑制と処理の高速化にフォーカス
- 独立した永続化キャッシュを搭載
- Links: GitHub / npm / Documentation
詳しい情報は公式ドキュメントを参照
- 仕様・機能・特徴: Introduction
- 出力サンプル: Sample Output
- クイックスタートガイド: Getting Started
プロダクション用途では本インテグレーションとsharpのバージョンを固定することを強く推奨する。
これらの実装が変更された場合、画像の識別に使用されているハッシュが変更される可能性があり、ハッシュが変更されると全てのキャッシュのリビルドが必要になる。またHTMLの内容も変更される。
本リポジトリに提供するコードを GitHub Copilot
で生成する場合、必ず Suggestions matching public code
オプションを Block
に設定すること。同様のオプションが存在する類似のサービスを使用する場合も同様。